/* Foto o video de apertura a ancho completo.
   Logica y explicacion: wp-content/novamira-sandbox/hero-ancho-completo.php

   Vive en /uploads/ y no en el sandbox porque el servidor devuelve 403 a los ficheros
   del sandbox: LiteSpeed lo lee de disco para el CSS combinado, pero si algun dia se
   desactiva la optimizacion el navegador tiene que poder descargarlo.

   Hay TRES limites que soltar, no uno. Se descubrieron por orden, midiendo en el navegador:
     1. .ast-container lleva una guarda lateral de 20 px.
     2. .ast-container lleva ademas max-width:1240px.
     3. WordPress aplica su restriccion de ancho de contenido a los hijos directos de
        .entry-content (.is-layout-constrained, content-size 1200 px). Este es el que
        seguia encajonando el hero de las paginas .mnp aunque los otros dos ya estuvieran
        sueltos: el <section class="hero"> se quedaba en 1200 px con margenes automaticos.
   Las secciones interiores siguen centradas solas: cada una lleva su propio ancho
   (.wrap y --maxw en las .mnp, boxed_width en los contenedores de Elementor). */
body.mnp-hero-full #content > .ast-container{max-width:none;padding-left:0;padding-right:0}
body.mnp-hero-full #content .entry-content > *{max-width:none}
body.mnp-hero-full #content .elementor>.e-con.e-parent:first-child{width:100%;max-width:none}
body.mnp-hero-full #content .elementor>.e-con.e-parent:first-child .elementor-widget-image img{display:block;width:100%;height:auto;max-height:620px;object-fit:cover}
@media(max-width:600px){body.mnp-hero-full #content .elementor>.e-con.e-parent:first-child .elementor-widget-image img{max-height:340px}}

/* ---------------------------------------------------------------------------
   Portada de /projects/ SIN RECORTAR.
   El contenedor de Spectra saca su altura del relleno (180+150 px), asi que la caja
   quedaba en 4,24:1 mientras la foto es 4:3 y background-size:cover se comia casi
   todo el encuadre. Fijando la proporcion de la caja a 4/3, cover coincide con la
   foto y no recorta nada.
   La clase uagb-block-98ffb300 es unica de ese bloque; por eso esta regla no puede
   afectar a ninguna otra seccion del sitio.
   --------------------------------------------------------------------------- */
.wp-block-uagb-container.uagb-block-98ffb300{aspect-ratio:4/3;background-size:cover;background-position:center}