/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 28 2026 | 02:56:53 */
/* Alkon – Fichas de iniciativas CLM (oct 2026)
   Subpáginas por iniciativa del catálogo CLM (p. ej., /proyectos/mapa-iniciativas-clm/luz-de-miel/), hijas del mapa.
   Las secciones de Elementor llevan la clase «oct-ini» y las piezas, clases «oct-ini-*» (todas las reglas van bajo .oct-ini
   para ganar al tema y al kit de Elementor). Colores del catálogo, ajustados a contraste AA sobre crema.
   Iconos: Font Awesome Free 5.15.3 (marca X: 6.5.2), CC BY 4.0. Generado con gen.py (ver la ficha de la web en el proyecto).
   v2 (27-10): redes sociales, logotipo, foto en modo logotipo, objetivos en lista y tablas con grupos, celdas combinadas y servicios. */
.oct-ini {
  --oct-crema: #F5F2E9; --oct-oro: #7A5C1C; --oct-oro-claro: #DBB165; --oct-naranja: #DB7D45;
  --oct-teja: #B4511C; --oct-teja-osc: #9A4215; --oct-verde: #7ED957; --oct-fila: #EEE7D6;
  --oct-texto: #2B2B2B; --oct-suave: #5B5346;
  background: var(--oct-crema); color: var(--oct-texto); font-family: Roboto, sans-serif;
}
.oct-ini .elementor-widget-text-editor, .oct-ini .elementor-widget-html { color: var(--oct-texto); font-family: Roboto, sans-serif; font-size: 17px; line-height: 1.5; }
.oct-ini a { box-shadow: none; }
.oct-ini a:focus-visible { outline: 3px solid var(--oct-teja-osc); outline-offset: 2px; }
.oct-ini .oct-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.oct-ini .oct-nw { white-space: nowrap; }

/* Márgenes de las secciones (el contenedor de Elementor mide 1100 px) */
.oct-ini.oct-ini-banda { padding: 0 20px; }
.oct-ini.oct-ini-cab { padding: 34px 20px 24px; }
.oct-ini.oct-ini-ambitos { padding: 16px 20px 30px; }
.oct-ini.oct-ini-cuerpo { padding: 10px 20px 26px; }
.oct-ini.oct-ini-productos { padding: 10px 20px 20px; }
.oct-ini.oct-ini-fin { padding: 10px 20px 56px; }
.oct-ini.oct-ini-fin + .elementor-section { margin-top: 0 !important; } /* sin franja blanca antes de «Si tienes interés…» */

/* Banda superior del catálogo */
.oct-ini.oct-ini-banda { background: #DBC988 url("/wp-content/uploads/2026/10/oct-ficha-banda.webp") center / cover; }
.oct-ini.oct-ini-banda p { margin: 0; padding: 11px 0; text-align: right; font-family: Alata, sans-serif; font-size: 15px; line-height: 1.3; letter-spacing: 1.5px; text-transform: uppercase; }
.oct-ini.oct-ini-banda a { color: #33302A; text-decoration: none; }
.oct-ini.oct-ini-banda a:hover { text-decoration: underline; }

/* Cabecera de la ficha: ruta, título, forma jurídica y contacto; foto a la derecha */
.oct-ini .oct-ini-ruta ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 2px 0; font-size: 14px; color: var(--oct-suave); }
.oct-ini .oct-ini-ruta li { margin: 0; }
.oct-ini .oct-ini-ruta li:not(:last-child)::after { content: "›"; margin: 0 8px; color: #8A7F6A; } /* 28-10: el separador va al final del elemento (en móvil la 2.ª línea empezaba con «›» suelto) */
.oct-ini .oct-ini-ruta a { color: var(--oct-oro); text-decoration: underline; text-underline-offset: 2px; }
.oct-ini .oct-ini-ruta [aria-current] { color: var(--oct-suave); }
.oct-ini .oct-ini-titulo .elementor-heading-title { margin: 0; font-family: Alata, sans-serif; font-size: 36px; line-height: 1.2; font-weight: 400; letter-spacing: .5px; text-transform: uppercase; color: var(--oct-oro); }
.oct-ini .oct-ini-forma { margin: 0 0 18px; font-style: italic; font-size: 17px; color: var(--oct-suave); }
.oct-ini .oct-ini-contacto { list-style: none; margin: 0; padding: 0; font-size: 17px; line-height: 1.45; }
.oct-ini .oct-ini-contacto li { position: relative; padding-left: 30px; margin: 0 0 7px; }
.oct-ini .oct-ini-contacto li::before { content: ""; position: absolute; left: 0; top: 3px; width: 18px; height: 18px; background: var(--oct-oro); -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat; }
.oct-ini .oct-ini-contacto .oct-ini-lugar { font-family: Alata, sans-serif; font-size: 19px; color: var(--oct-oro); }
.oct-ini .oct-ini-contacto a { color: var(--oct-teja); text-decoration: underline; text-underline-offset: 2px; overflow-wrap: anywhere; }
.oct-ini .oct-ini-contacto a:hover { color: var(--oct-teja-osc); }
.oct-ini .oct-ini-lugar { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z'/%3E%3C/svg%3E"); }
.oct-ini .oct-ini-persona { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z'/%3E%3C/svg%3E"); }
.oct-ini .oct-ini-correo { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z'/%3E%3C/svg%3E"); }
.oct-ini .oct-ini-telefono { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z'/%3E%3C/svg%3E"); }
.oct-ini .oct-ini-web { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'%3E%3Cpath d='M336.5 160C322 70.7 287.8 8 248 8s-74 62.7-88.5 152h177zM152 256c0 22.2 1.2 43.5 3.3 64h185.3c2.1-20.5 3.3-41.8 3.3-64s-1.2-43.5-3.3-64H155.3c-2.1 20.5-3.3 41.8-3.3 64zm324.7-96c-28.6-67.9-86.5-120.4-158-141.6 24.4 33.8 41.2 84.7 50 141.6h108zM177.2 18.4C105.8 39.6 47.8 92.1 19.3 160h108c8.7-56.9 25.5-107.8 49.9-141.6zM487.4 192H372.7c2.1 21 3.3 42.5 3.3 64s-1.2 43-3.3 64h114.6c5.5-20.5 8.6-41.8 8.6-64s-3.1-43.5-8.5-64zM120 256c0-21.5 1.2-43 3.3-64H8.6C3.2 212.5 0 233.8 0 256s3.2 43.5 8.6 64h114.6c-2-21-3.2-42.5-3.2-64zm39.5 96c14.5 89.3 48.7 152 88.5 152s74-62.7 88.5-152h-177zm159.3 141.6c71.4-21.2 129.4-73.7 158-141.6h-108c-8.8 56.9-25.6 107.8-50 141.6zM19.3 352c28.6 67.9 86.5 120.4 158 141.6-24.4-33.8-41.2-84.7-50-141.6h-108z'/%3E%3C/svg%3E"); }
.oct-ini .oct-ini-instagram { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'/%3E%3C/svg%3E"); }
.oct-ini .oct-ini-facebook { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z'/%3E%3C/svg%3E"); }
.oct-ini .oct-ini-x { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'/%3E%3C/svg%3E"); }
.oct-ini .oct-ini-linkedin { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z'/%3E%3C/svg%3E"); }
.oct-ini .oct-ini-youtube { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z'/%3E%3C/svg%3E"); }
.oct-ini .oct-ini-tiktok { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z'/%3E%3C/svg%3E"); }
/* Logotipo de la iniciativa, en tarjeta blanca bajo el contacto */
.oct-ini .oct-ini-logo { margin: 20px 0 0; line-height: 0; }
.oct-ini .oct-ini-logo img { display: inline-block; width: auto; height: auto; max-width: min(220px, 100%); max-height: 84px; padding: 10px 14px; background: #fff; border-radius: 12px; box-shadow: 0 4px 14px rgba(90, 70, 30, .1); box-sizing: content-box; vertical-align: top; }
.oct-ini .oct-ini-foto img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 58% 42% 38% 62% / 42% 55% 45% 58%; box-shadow: 0 10px 30px rgba(90, 70, 30, .18); }
.oct-ini .oct-ini-foto-logo img { object-fit: scale-down; padding: 7%; box-sizing: border-box; background: #fff; border-radius: 24px; box-shadow: 0 8px 24px rgba(90, 70, 30, .12); }

/* Ámbitos (hexágonos; en color, los de la iniciativa) */
.oct-ini .oct-ini-h2 { margin: 0 0 14px; padding: 0; font-family: Alata, sans-serif; font-size: 18px; line-height: 1.3; font-weight: 400; letter-spacing: 1.5px; text-transform: uppercase; color: var(--oct-teja-osc); }
.oct-ini.oct-ini-ambitos .oct-ini-h2 { text-align: center; }
.oct-ini .oct-ini-hexes { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 6px; }
.oct-ini .oct-ini-hexes li { width: 124px; height: 143px; margin: 0; padding: 3px; box-sizing: border-box; background: var(--oct-oro-claro); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); display: flex; }
.oct-ini .oct-ini-hexes span { flex: 1; min-width: 0; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0 5px; background: #fff; clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); font-size: 10.5px; line-height: 1.2; font-weight: 500; letter-spacing: 0; text-transform: uppercase; color: #6B5A3A; }
.oct-ini .oct-ini-hexes .oct-si span { background: var(--oct-oro-claro); color: #1F1F1F; font-weight: 700; }

/* Presentación y objetivos: tarjeta naranja como en el catálogo
   (la clase va en la columna de Elementor; el fondo, en el widget de texto, estirado al alto de la fila) */
.oct-ini .oct-ini-tarjeta > .elementor-widget-wrap { align-content: stretch !important; padding-right: 24px !important; }
.oct-ini .oct-ini-tarjeta .elementor-widget-text-editor { background: var(--oct-naranja); color: #1F1F1F; padding: 30px 34px 8px; border-radius: 4px; }
.oct-ini .oct-ini-tarjeta h2 { margin: 0 0 10px; padding: 0; font-family: Roboto, sans-serif; font-size: 21px; line-height: 1.3; font-weight: 700; letter-spacing: 0; text-transform: none; color: #1F1F1F; }
.oct-ini .oct-ini-tarjeta p { margin: 0 0 22px; font-size: 17px; line-height: 1.6; color: #1F1F1F; }
.oct-ini .oct-ini-tarjeta p + h2 { margin-top: 4px; }
.oct-ini .oct-ini-tarjeta ol { margin: 0 0 22px; padding-left: 1.4em; font-size: 17px; line-height: 1.6; color: #1F1F1F; }
.oct-ini .oct-ini-tarjeta ol li { margin: 0 0 8px; padding-left: 4px; }
.oct-ini .oct-ini-tarjeta ol li::marker { font-weight: 700; }

/* Rueda de criterios */
.oct-ini .oct-ini-rueda { margin: 0 auto 6px; max-width: 380px; }
.oct-ini .oct-ini-rueda svg { display: block; width: 100%; height: auto; overflow: visible; }
.oct-ini .oct-ini-rueda text { font-family: Roboto, sans-serif; }
.oct-ini .oct-ini-leyenda { margin: 0 0 26px; text-align: center; font-size: 14px; color: var(--oct-suave); }
.oct-ini .oct-ini-leyenda span { display: inline-block; width: 14px; height: 14px; margin-right: 6px; vertical-align: -2px; border-radius: 3px; background: var(--oct-verde); }

/* Sellos y asociaciones */
.oct-ini .oct-ini-lista { margin: 0 0 24px; padding: 0 0 0 20px; list-style: disc; font-size: 17px; line-height: 1.45; font-weight: 600; }
.oct-ini .oct-ini-lista li { margin: 0 0 6px; }
.oct-ini .oct-ini-lista li::marker { color: var(--oct-teja); }
.oct-ini .oct-ini-sellos { list-style: none; padding: 0; }
.oct-ini .oct-ini-sellos li { display: flex; align-items: center; gap: 12px; }
.oct-ini .oct-ini-sellos img { width: 54px; height: auto; border-radius: 6px; }
.oct-ini .oct-ini-sellos .oct-ini-sin-logo { position: relative; padding-left: 20px; }
.oct-ini .oct-ini-sellos .oct-ini-sin-logo::before { content: ""; position: absolute; left: 3px; top: .55em; width: 7px; height: 7px; border-radius: 50%; background: var(--oct-teja); }

/* Productos */
.oct-ini .oct-ini-tabla { width: 100%; border-collapse: separate; border-spacing: 0 3px; margin: 0; font-size: 16px; line-height: 1.4; }
.oct-ini .oct-ini-tabla th { background: var(--oct-teja); color: #fff; font-family: Alata, sans-serif; font-weight: 400; font-size: 15px; letter-spacing: 1.2px; text-transform: uppercase; text-align: left; padding: 10px 16px; border: 0; }
.oct-ini .oct-ini-tabla td, .oct-ini .oct-ini-tabla tbody th { background: var(--oct-fila); color: #1F1F1F; padding: 11px 16px; vertical-align: middle; border: 0; }
.oct-ini .oct-ini-tabla tbody th { font-family: Roboto, sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 0; text-transform: none; }
.oct-ini .oct-ini-tabla thead th:first-child { border-radius: 4px 0 0 0; }
.oct-ini .oct-ini-tabla thead th:last-child { border-radius: 0 4px 0 0; }
.oct-ini .oct-ini-notas { margin: 10px 0 0; font-size: 14px; font-style: italic; color: var(--oct-suave); }
.oct-ini .oct-ini-notas span { display: block; }
.oct-ini .oct-ini-tabla + .oct-ini-tabla, .oct-ini .oct-ini-notas + .oct-ini-tabla { margin-top: 22px; }
.oct-ini .oct-ini-tabla tbody .oct-ini-grupo th { background: #E3D5B0; color: #4A3B1A; font-family: Alata, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 1.2px; text-transform: uppercase; padding: 8px 16px; }
.oct-ini .oct-ini-tabla tbody + tbody .oct-ini-grupo th { border-top: 10px solid var(--oct-crema); }
.oct-ini .oct-ini-tabla-lista tbody td:first-child { font-weight: 500; }
.oct-ini .oct-ini-tabla-servicio tbody td { font-weight: 500; }
.oct-ini .oct-ini-tabla .oct-ini-solo-movil { display: none; } /* 28-10: copia de una celda combinada, solo para la tabla apilada del móvil */

/* Acciones */
.oct-ini .oct-ini-acciones { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }
.oct-ini .oct-ini-boton { display: inline-flex; align-items: center; gap: 10px; padding: 13px 24px; border-radius: 6px; border: 2px solid var(--oct-teja); font-family: Alata, sans-serif; font-size: 16px; letter-spacing: 1px; text-decoration: none; line-height: 1.2; }
.oct-ini .oct-ini-boton svg { width: 18px; height: 18px; fill: currentColor; flex: none; }
.oct-ini .oct-ini-boton-1 { background: var(--oct-teja); color: #fff; }
.oct-ini .oct-ini-boton-1:hover, .oct-ini .oct-ini-boton-1:focus { background: var(--oct-teja-osc); border-color: var(--oct-teja-osc); color: #fff; }
.oct-ini .oct-ini-boton-2 { background: #fff; color: var(--oct-teja); }
.oct-ini .oct-ini-boton-2:hover, .oct-ini .oct-ini-boton-2:focus { background: #FBEFE6; color: var(--oct-teja-osc); }

/* Tablet */
@media (max-width: 1024px) {
  .oct-ini .oct-ini-titulo .elementor-heading-title { font-size: 30px; }
  /* 4 + 3 en panal */
  .oct-ini .oct-ini-hexes { max-width: 520px; margin: 0 auto; }
  .oct-ini .oct-ini-hexes li:nth-child(n+5) { margin-top: -38px; }
}
/* Móvil: ámbitos en lista de dos columnas y tabla compacta */
@media (max-width: 767px) {
  .oct-ini.oct-ini-banda p { text-align: center; font-size: 12.5px; letter-spacing: 1px; padding: 9px 0; }
  .oct-ini .oct-ini-ruta ol { font-size: 13px; }
  .oct-ini .oct-ini-titulo .elementor-heading-title { font-size: 25px; }
  .oct-ini .oct-ini-forma { font-size: 16px; margin-bottom: 14px; }
  .oct-ini .oct-ini-contacto { font-size: 16px; }
  .oct-ini .oct-ini-contacto .oct-ini-lugar { font-size: 18px; }
  .oct-ini .oct-ini-foto img { margin-top: 10px; }
  .oct-ini.oct-ini-ambitos .oct-ini-h2 { text-align: left; }
  .oct-ini .oct-ini-hexes { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 14px; max-width: none; }
  .oct-ini .oct-ini-hexes li:nth-child(n+5) { margin-top: 0; }
  .oct-ini .oct-ini-hexes li { width: auto; height: auto; padding: 0; background: none; clip-path: none; align-items: center; gap: 8px; }
  .oct-ini .oct-ini-hexes li::before { content: ""; flex: none; width: 20px; height: 23px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 23'%3E%3Cpath d='M10 1.2 18.8 6.2v10.6L10 21.8 1.2 16.8V6.2z' fill='%23fff' stroke='%23DBB165' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat; }
  .oct-ini .oct-ini-hexes .oct-si::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 23'%3E%3Cpath d='M10 1.2 18.8 6.2v10.6L10 21.8 1.2 16.8V6.2z' fill='%23DBB165' stroke='%23B58B2E' stroke-width='2'/%3E%3C/svg%3E"); }
  .oct-ini .oct-ini-hexes span, .oct-ini .oct-ini-hexes .oct-si span { background: none; clip-path: none; padding: 0; justify-content: flex-start; text-align: left; font-size: 14px; text-transform: none; letter-spacing: 0; }
  .oct-ini .oct-ini-tarjeta > .elementor-widget-wrap { padding-right: 10px !important; }
  .oct-ini .oct-ini-tarjeta .elementor-widget-text-editor { padding: 24px 20px 6px; }
  .oct-ini .oct-ini-tarjeta p, .oct-ini .oct-ini-tarjeta ol { font-size: 16px; }
  .oct-ini .oct-ini-logo img { max-height: 72px; }
  .oct-ini .oct-ini-rueda { max-width: 340px; margin-top: 26px; }
  .oct-ini .oct-ini-tabla { font-size: 14.5px; }
  .oct-ini .oct-ini-tabla th { font-size: 13px; letter-spacing: .6px; padding: 9px 10px; }
  .oct-ini .oct-ini-tabla td, .oct-ini .oct-ini-tabla tbody th { padding: 9px 10px; font-size: 14.5px; }
  .oct-ini .oct-ini-tabla tbody .oct-ini-grupo th { padding: 7px 10px; font-size: 13px; letter-spacing: .6px; }
  /* tablas con textos largos: una tarjeta por producto */
  .oct-ini .oct-ini-tabla-apilada thead { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
  .oct-ini .oct-ini-tabla-apilada, .oct-ini .oct-ini-tabla-apilada tbody, .oct-ini .oct-ini-tabla-apilada tr { display: block; }
  .oct-ini .oct-ini-tabla-apilada tr { margin: 0 0 6px; padding: 11px 12px; background: var(--oct-fila); border-left: 4px solid var(--oct-teja); border-radius: 4px; }
  .oct-ini .oct-ini-tabla-apilada tbody th, .oct-ini .oct-ini-tabla-apilada td { display: block; padding: 0; background: none; }
  .oct-ini .oct-ini-tabla-apilada tbody th { margin: 0 0 6px; font-size: 15.5px; }
  .oct-ini .oct-ini-tabla-apilada td + td { margin-top: 5px; }
  .oct-ini .oct-ini-tabla-apilada td::before { content: attr(data-etiqueta) ": "; font-weight: 700; color: var(--oct-teja-osc); }
  .oct-ini .oct-ini-tabla-apilada .oct-ini-solo-movil { display: block; }
  .oct-ini .oct-ini-tabla-apilada td:empty { display: none; } /* 28-10: celda sin dato (Sotosaúco, formato de la mermelada): no se muestra «Formato:» vacío */
  .oct-ini .oct-ini-boton { width: 100%; justify-content: center; box-sizing: border-box; padding: 13px 16px; }
}
@media (max-width: 380px) {
  .oct-ini .oct-ini-hexes { grid-template-columns: 1fr; }
}

/* 28-10-2026 (2.ª tanda): en «Sellos y certificados», si la lista tiene algún logo, los sellos sin logo empiezan a la misma altura
   que los que lo tienen (Cachocachena, Olivares de Altomira y El Rincón Lento; antes 20 px frente a 66 px) */
.oct-ini .oct-ini-sellos:has(img) .oct-ini-sin-logo { padding-left: 66px; }
.oct-ini .oct-ini-sellos:has(img) .oct-ini-sin-logo::before { left: 23px; }