/*
 * Componentes dinámicos añadidos por la plantilla: franja de etiquetas con
 * 1-10 imágenes (carrusel a partir de tres) y visual de las tarjetas con
 * iconos Material Symbols.
 *
 * Este archivo NO modifica ni reinterpreta ninguna regla de las hojas
 * originales del sitio (style.css, expanded.css, fonts.css): solo añade
 * estilos para componentes nuevos y reutiliza las variables de color
 * originales del tema (--green, --line).
 */

.franja-item{display:flex;align-items:center;justify-content:center;min-height:56px}
.franja-item img{max-height:48px;width:auto;max-width:100%;object-fit:contain}
.official-grid .franja-item-sola{grid-column:2/span 2}
.official-grid .franja-slider{grid-column:2/span 2;display:flex;align-items:center;gap:12px;min-width:0}
.franja-ventana{flex:1;min-width:0;overflow:hidden}
.franja-pista{display:flex;transition:transform .4s}
.franja-pista .franja-item{flex:0 0 50%;min-width:0;padding-inline:6px}
.franja-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--line);background:#fff;color:var(--green);font:inherit;font-size:1.25rem;line-height:1;cursor:pointer}
.franja-btn:hover{border-color:var(--green)}
.franja-btn:focus-visible{outline:2px solid var(--green);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.franja-pista{transition:none}}

/*
 * Logotipo de la marca con relación de aspecto cuadrada: conserva el ancho
 * del símbolo declarado (.mark) en cada contexto (39 en cabecera, 31 en
 * pantallas pequeñas y en el pie) y evita la deformación del logotipo.
 * El fondo del recuadro del símbolo (verde en cabecera, blanco en el pie)
 * se elimina para el logotipo. El símbolo de texto conserva su recuadro
 * declarado (39×43 y 31×35) con su fondo. No modifica ninguna regla de las
 * hojas originales.
 */
.brand > img.mark{height:auto;aspect-ratio:1/1;object-fit:contain;padding-right:0;background:none}

/*
 * Página con el encabezado oculto (opción «Ocultar el encabezado de la
 * página»): la ruta de navegación se mantiene y su banda se une al
 * encabezado compuesto con el patrón «Encabezado de sección». No modifica
 * ninguna regla de las hojas originales.
 */
.page-intro.solo-ruta{border-bottom:0;padding-bottom:0}
.page-intro.solo-ruta .breadcrumb{margin-bottom:0}

/*
 * Contenido compuesto con bloques: los bloques de primer nivel conservan el
 * ancho de contenido declarado del sitio (el mismo de .wrap en cada punto
 * de ruptura) y los de fondo completo (patrón «Encabezado de sección»)
 * ocupan todo el ancho. No modifica ninguna regla de las hojas originales.
 */
.beiro-contenido > *{max-width:min(1240px,calc(100% - 80px));margin-left:auto;margin-right:auto}
.beiro-contenido > *.alignfull,.beiro-contenido > *.alignwide{max-width:none}
@media (max-width:1100px){.beiro-contenido > *{max-width:calc(100% - 56px)}}
@media (max-width:600px){.beiro-contenido > *{max-width:calc(100% - 40px)}}

/*
 * Patrones «Fila de acciones» y «Nota con enlace»: los párrafos que
 * envuelven los enlaces en el editor no participan en la composición, de
 * modo que los enlaces son hijos directos de los contenedores declarados
 * (.actions con su separación de 20px y .equipment-note con su
 * distribución entre extremos), como en el sitio original. El número de los paneles de
 * información (párrafo en el patrón, span sin margen en el original) no
 * añade margen. No modifica ninguna regla de las hojas originales.
 */
.wp-block-group.actions > p:has(> a){margin:0;display:contents}
.wp-block-group.equipment-note > p:has(> a){margin:0;display:contents}
.info-panel > p.panel-number{margin:0}