/* ============================================================================
   Argos RD · PUENTE del header y el footer (plantillas del Theme Builder de
   Elementor Pro) sobre argos-native.css.

   argos-native.css es assets/v2.css del entregable scopeado bajo .argos-native
   tal cual, sin una regla nueva. Esta hoja SOLO contiene lo que el marcado que
   imprime Elementor cambia respecto al HTML del diseno:
     1. la clase del prototipo cae en el WRAPPER del widget, no en el <img> o
        el <a> (image, button): hay que bajar la regla al elemento real;
     2. el menu lo pinta el widget nav-menu de Pro con sus propias clases
        (.elementor-nav-menu, .sub-menu, .elementor-menu-toggle...) y su propia
        hoja: se le da el aspecto de .hdr__nav / .hdr__menu / .hdr__mobile;
     3. la barra superior del entregable no tiene clase: va con estilos EN LINEA
        (v2.css quedo congelado en esa ronda). Aqui se transcriben bajo .topbar;
     4. el sticky del header y los rellenos/huecos por defecto de los
        contenedores de Elementor.
   Ni un color nuevo: todo sale de las variables de :root de argos-native.css
   (--lima, --navy, --tinta, --carbon, --concreto-2) o de blancos con alfa que ya
   usa v2.css. Especificidad minima 0,4,0 donde se pisa a Pro, porque la hoja
   del widget nav-menu se imprime DESPUES de esta (Elementor la encola al
   renderizar el widget) y a igual especificidad ganaria ella.
   ========================================================================== */

/* ---------- 1. STICKY ----------
   En el HTML .hdr cuelga de <body> y position:sticky lo pega arriba en toda la
   pagina. Pro lo envuelve en <header class="elementor-location-header"> y en el
   contenedor raiz .argos-native: un sticky solo se pega dentro de la caja de su
   padre, y esa caja termina donde termina el propio header, asi que no se
   pegaba nunca. display:contents deja a .topbar y a .hdr como hijos efectivos
   de <body>, igual que en el entregable (la barra superior se va con el scroll
   y .hdr se queda). Los selectores descendientes de .argos-native siguen
   aplicando: el elemento sigue en el DOM, solo pierde su caja. */
header.elementor-location-header,
header.elementor-location-header > .e-con.argos-native{display:contents}

/* ---------- 2. CONTENEDORES ----------
   Elementor da a cada contenedor 10px de relleno y 20px de hueco (valores por
   defecto del Kit) y apila en columna. En el header y el pie los huecos y los
   rellenos los fija el diseno (.wrap, .hdr, .hdr__in, .foot__grid...); donde el
   diseno no pone nada, no debe haber nada. Las filas (.hdr__in, .foot__bar...)
   se declaran aqui ademas de en el ajuste "Direccion" del contenedor, para que
   el diseno no dependa del CSS que Elementor genera por pagina. */
footer.elementor-location-footer > .e-con.argos-native,
.argos-native.argos-native :is(.topbar,.hdr,.foot) .e-con,
.argos-native.argos-native :is(.topbar,.hdr,.foot).e-con{
  --padding-top:0;--padding-right:0;--padding-bottom:0;--padding-left:0;
  --row-gap:0;--column-gap:0;
}
.argos-native.argos-native :is(.topbar__in,.topbar__nav,.hdr__in,.foot__soc,.foot__bar){flex-direction:row}
/* En movil (<=767px) Elementor pone flex-wrap:wrap a todos los contenedores;
   el header es logo + hamburguesa en UNA fila. */
.argos-native.argos-native .hdr__in{flex-wrap:nowrap}
.argos-native.argos-native .hdr__in > .elementor-widget{max-width:none}

/* ---------- 3. BARRA SUPERIOR (data-topbar del entregable) ----------
   Transcripcion literal de los estilos en linea de index.html:50-56. */
.argos-native.argos-native .topbar{background:var(--navy);color:#fff;font-family:var(--body);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;position:relative;z-index:3}
.argos-native.argos-native .topbar__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.2rem 1.6rem;padding-block:.45rem}
.argos-native.argos-native .topbar__nav{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem 1.4rem}
.argos-native.argos-native .topbar__nav a{color:rgba(255,255,255,.82);padding-block:.25rem}
.argos-native.argos-native .topbar__mail a{text-transform:none;letter-spacing:.02em}

/* ---------- 4. ENLACES = widget button ----------
   Cada enlace del pie y de la barra superior es un widget button (URL y texto
   editables en el panel). Elementor le pinta su boton gris (#69727d, relleno,
   radio): se deja en nada para que el <a> herede el aspecto que v2.css da a
   .foot__col a, .foot__soc a y .topbar__nav a. :where() baja la especificidad a
   0,2,0: por encima de .elementor-button (0,1,0) y por debajo de cualquier
   regla del diseno (0,3,1 minimo), que es la que tiene que mandar. */
.argos-native :where(.topbar,.foot) .elementor-button{background:none;padding:0;border:0;border-radius:0;box-shadow:none;color:inherit;fill:currentColor;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-align:inherit;transition:none}
.argos-native :where(.topbar,.foot) .elementor-button:is(:hover,:focus,:visited){color:inherit}
.argos-native :where(.topbar,.foot) :is(.elementor-button-content-wrapper,.elementor-button-text){display:contents}
/* El titulo de Elementor trae line-height:1; en el pie el interlineado es el
   del cuerpo (1.5), como en el HTML, donde son <h4> y <span> corrientes. */
.argos-native.argos-native .foot .elementor-heading-title{line-height:inherit}
/* v2.css arranca con *{margin:0}; argos-native.css no lo scopea a proposito.
   Los <p> del text-editor (marca y columna Contacto) heredaban el 1em del
   navegador: la separacion la da .foot__col p{padding:.28rem 0}. */
.argos-native.argos-native .foot .elementor-widget-text-editor p{margin:0}

/* ---------- 5. LOGO del header ----------
   .hdr__logo{height:44px;width:auto} cae en el wrapper del widget image; el
   <img> de 963x423 seguiria a su ancho natural. El pie no lo necesita porque
   .foot__brand img ya apunta al <img>. */
.argos-native.argos-native .hdr__logo img{height:44px;width:auto}

/* ---------- 6. MENU DE ESCRITORIO (.hdr__nav = widget nav-menu, layout horizontal) ----------
   Pro imprime: .elementor-nav-menu--main > ul.elementor-nav-menu > li > a.elementor-item
   y, en Productos, ul.sub-menu > li > a.elementor-sub-item. El <li> de Productos
   lleva la clase hdr__drop y el de Cotizar la clase hdr__cta desde el menu de
   WordPress, asi que .hdr__drop, .hdr__drop>a::after y .hdr__cta de v2.css ya
   aplican solos. Aqui: relleno de Pro a cero, hueco de 1.6rem entre items (en
   el HTML lo daba el gap de .hdr__nav) y el submenu con el aspecto de
   .hdr__menu (top/left/anchos con !important porque SmartMenus los pone en
   linea y Pro ya los fuerza con !important). */
.argos-native.argos-native .hdr__nav .elementor-nav-menu--main .elementor-nav-menu{gap:1.6rem;align-items:center}
.argos-native.argos-native .hdr__nav .elementor-nav-menu a{padding:0;margin:0;line-height:inherit;border:0}
/* Pro pone line-height:normal en ul/li y 20px en los <a>; el diseno hereda el
   1.5 del cuerpo (define la altura del <li> y, con ella, donde cae el submenu). */
.argos-native.argos-native .hdr__nav :is(.elementor-nav-menu,.elementor-nav-menu li,.elementor-nav-menu ul){line-height:inherit}
/* El ul::after (clearfix de Pro) cuenta como item flex y suma un gap de 1.6rem
   al final del menu: el menu no llegaba al borde derecho del .wrap. */
.argos-native.argos-native .hdr__nav .elementor-nav-menu--main .elementor-nav-menu::after{display:none}
.argos-native.argos-native .hdr__nav .sub-arrow{display:none}
/* El " ▾" de .hdr__drop>a::after: Pro trata los ::after/::before de .elementor-item
   como su "puntero" (absolutos y con opacity:0 fuera del hover, 0,5,1). Se devuelve
   al flujo con 0,6,3. */
.argos-native.argos-native .hdr__nav .elementor-nav-menu--main li.hdr__drop > a.elementor-item::after{position:static;display:inline;opacity:1;transform:none;transition:none;background:none;width:auto;height:auto;border:0}
.argos-native.argos-native .hdr__nav .hdr__drop > .sub-menu{position:absolute;top:calc(100% + 12px)!important;left:50%!important;transform:translateX(-50%);width:auto;min-width:240px!important;max-width:none!important;background:#fff;border-radius:1rem;padding:.5rem;box-shadow:0 30px 60px -28px rgba(7,29,73,.5);z-index:50;font-size:inherit}
.argos-native.argos-native .hdr__nav .hdr__drop > .sub-menu a{display:block;color:var(--tinta)!important;opacity:1!important;padding:.6rem .9rem;border-radius:.7rem;font-size:.9rem;font-weight:600;background:none;white-space:nowrap;transition:background .2s}
.argos-native.argos-native .hdr__nav .hdr__drop > .sub-menu a:is(:hover,:focus,.highlighted){background:var(--concreto-2)}
/* La pildora Cotizar: .hdr__cta pinta el <li>; el relleno pasa al <a> para que
   toda la pildora sea clicable, no solo el texto. */
.argos-native.argos-native .hdr__nav li.hdr__cta{padding:0}
.argos-native.argos-native .hdr__nav li.hdr__cta > a{padding:.6rem 1.3rem;border-radius:999px;color:#fff;opacity:1;font-family:inherit;font-size:inherit;font-weight:inherit}

/* ---------- 7. MENU MOVIL (.hdr__burger = widget nav-menu, layout dropdown) ----------
   El mismo menu de WordPress en un segundo widget que solo imprime el boton
   (.elementor-menu-toggle) y el panel (nav.elementor-nav-menu--dropdown). Pro
   lo abre/cierra con su JS (clase elementor-active + aria-expanded). Aqui el
   boton toma el sitio de .hdr__burger y el panel el de .hdr__mobile: fijo a
   pantalla completa, navy, entra desde arriba en .42s con --e-out. */
.argos-native.argos-native .hdr__burger .elementor-menu-toggle{width:44px;height:44px;padding:0;margin-left:auto;background:none;border:0;border-radius:0;color:var(--navy);font-size:26px;position:relative;z-index:60;transition:color .3s}
.argos-native.argos-native .hdr__burger .elementor-menu-toggle.elementor-active{color:#fff}
.argos-native.argos-native .hdr__burger .elementor-menu-toggle :is(i,svg,.e-font-icon-svg){color:inherit;fill:currentColor}
.argos-native.argos-native .hdr__burger .elementor-menu-toggle + .elementor-nav-menu--dropdown{position:fixed;inset:0;z-index:55;margin:0;padding:5.5rem 1.6rem 2.5rem;background:var(--navy);max-height:none;overflow-x:hidden;overflow-y:auto;transform:translateY(-100%);visibility:hidden;transition:transform .42s var(--e-out),visibility 0s .42s;font-size:inherit;animation:none}
.argos-native.argos-native .hdr__burger .elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown{transform:translateY(0);visibility:visible;transition:transform .42s var(--e-out),visibility 0s}
/* Enlaces del panel = .hdr__mobile a */
.argos-native.argos-native .hdr__burger .elementor-nav-menu--dropdown a{display:flex;align-items:center;color:#fff;font-family:var(--body);font-weight:800;font-size:1.5rem;text-transform:uppercase;letter-spacing:-.02em;line-height:normal;padding:.62rem 0;margin:0;border:0;border-bottom:1px solid rgba(255,255,255,.1);background:none}
.argos-native.argos-native .hdr__burger .elementor-nav-menu--dropdown a:is(:hover,:focus,.highlighted,.elementor-item-active){color:var(--lima);background:none}
/* Sub-items de Productos = .hdr__mobile a.hdr__mobile-prod. El HTML los lista
   siempre visibles (sin acordeon): el ul.sub-menu se fuerza abierto porque
   SmartMenus lo oculta en linea con display:none. */
.argos-native.argos-native .hdr__burger .elementor-nav-menu--dropdown .sub-menu{display:block!important;position:static!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0;padding:0;border:0;background:none;box-shadow:none}
.argos-native.argos-native .hdr__burger .elementor-nav-menu--dropdown .elementor-sub-item{font-size:1rem;text-transform:none;font-weight:600;color:rgba(255,255,255,.88);padding:.45rem 0 .45rem 1rem;border-bottom:1px solid rgba(255,255,255,.06)}
.argos-native.argos-native .hdr__burger .elementor-nav-menu--dropdown .elementor-sub-item:is(:hover,:focus,.highlighted,.elementor-item-active){color:var(--lima)}
.argos-native.argos-native .hdr__burger .sub-arrow{display:none}
/* Cotizar en el panel = .hdr__mobile a.hdr__cta (pildora lima, texto navy). */
.argos-native.argos-native .hdr__burger .elementor-nav-menu--dropdown li.hdr__cta{display:block;margin-top:1.4rem;padding:0;background:var(--lima);border-radius:999px;font-size:inherit;transform:none;box-shadow:none}
.argos-native.argos-native .hdr__burger .elementor-nav-menu--dropdown li.hdr__cta > a{justify-content:center;text-align:center;padding:1rem;font-size:1.05rem;letter-spacing:0;border:0;color:var(--navy)!important}

/* ---------- 8. PUNTO DE CORTE 820px ----------
   v2.css apaga .hdr__nav y enciende .hdr__burger a 820px con 0,3,0; la hoja del
   widget de Pro (display:flex, 0,3,0) se imprime despues y ganaria el empate.
   Se repite la conmutacion con 0,4,0. */
@media(max-width:820px){
  .argos-native.argos-native .elementor-widget-nav-menu.hdr__nav{display:none}
  .argos-native.argos-native .elementor-widget-nav-menu.hdr__burger{display:flex}
}
@media(min-width:821px){
  .argos-native.argos-native .elementor-widget-nav-menu.hdr__burger{display:none}
}

/* ==========================================================================
   PARCHE DEL AGENTE · producto-cemento-gris-estructural (post 225)
   POR QUE ESTA AQUI Y NO EN argos-native.css: fusionar_css() del constructor
   reescribe argos-native.css ENTERO (lee, modifica su bloque, vuelca todo).
   Con once agentes construyendo a la vez, la construccion de OTRA pagina se
   lleva por delante lo que se haya escrito entre su lectura y su escritura:
   este parche se perdio dos veces asi. argos-chrome.css no lo escribe ningun
   script del ciclo y ademas se encola DESPUES, asi que aqui sobrevive.
   TODO lo de abajo esta acotado a .argos-native--producto-cemento-gris-estructural:
   no puede tocar ninguna de las otras once paginas.
   Lo correcto es que estas cuatro cosas las emita el constructor; van reportadas.
   ========================================================================== */

/* 1) PESTANAS. La hoja portada trae .argos-native.argos-native .tabpanel{display:none} y abre el
      panel con .tabpanel.active; Elementor marca el abierto con .e-active, que esa regla no
      conoce. Los CUATRO paneles quedaban ocultos: la seccion "Informacion del producto" medía
      339px en vez de 678 y no se veian los textos "que es el cemento gris uso estructural" ni
      "es un cemento hidraulico de alta resistencia". Mismo caso que el acordeon (.open->[open]). */
.argos-native--producto-cemento-gris-estructural .e-n-tabs-content > .tabpanel.e-active{display:var(--display,block)}

/* 2) LA BOLSA DEL HERO (.fhero__prod). El puente emite left:950.41px junto a right:57.6px y
      width:fit-content, medido a 1440 y SIN breakpoints: a 1024 el ancho resultante era
      1024-950.41-57.6 = 16px y a 390 la foto desaparecia (0px). Ademas forzaba la imagen a
      width/height:100% con object-fit:cover, asi que a 1440 salia estirada donde el prototipo
      la pinta contenida. Se restituyen los valores que la hoja portada YA declara para
      .fhero__prod, subidos a la especificidad del puente. Nada inventado. */
.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural .elementor-element-e496fad{left:auto;right:clamp(1rem,4vw,4.5rem);width:auto}
.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural .elementor-element-e496fad > .elementor-widget-image,
.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural .elementor-element-e496fad > .elementor-widget-image > .elementor-widget-container{height:auto;width:auto}
.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural .elementor-element-e496fad img{width:clamp(220px,30vw,460px);height:auto;object-fit:contain}
/* OJO CON LA ESPECIFICIDAD: el constructor emite ademas
     .argos-native.argos-native.argos-native.argos-native .elementor-element-f920458 img{height:432px;width:432px}
   que (a) NO lleva la clase de la pagina -es ambito global y lo emiten identico cuatro
   paginas de producto, asi que la ultima que se construya se lo impone a las demas- y
   (b) no tiene breakpoints: fija los 432px medidos a 1440 en los tres anchos. Vale (0,5,1)
   y gana a la regla de arriba (0,4,1), asi que hay que repetir la clase de pagina. */
.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural .elementor-element-f920458 img{width:clamp(220px,30vw,460px);height:auto;object-fit:contain}
@media (max-width:1000px){
  .argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural .elementor-element-f920458 img{width:clamp(160px,44vw,250px);height:auto}
}
@media (max-width:1000px){
  .argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural .elementor-element-e496fad{position:static;left:auto;right:auto;bottom:auto;width:auto}
  .argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural .elementor-element-e496fad img{width:clamp(160px,44vw,250px);height:auto}
}

/* 2bis) LOS ICONOS DE LAS TARJETAS RELACIONADAS (.rcard__icon), mismo defecto que la bolsa del
      hero: el constructor emite width:min(76px,100%) -la medida tomada a 1440- SIN breakpoints,
      y el prototipo los encoge con width:clamp(56px,6vw,76px). Medido: 76px en WordPress frente
      a 61.44 a 1024 y 56 a 390, en los seis iconos. Se devuelve el clamp de la hoja portada. */
.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural .rcard__icon{width:clamp(56px,6vw,76px)}

/* 3) LAS PILDORAS DE LAS PESTANAS. En el prototipo son <button class="tab">; Elementor las pinta
      como .e-n-tab-title y el constructor NO le traslada la clase, asi que las reglas .tab /
      .tab.active de la hoja portada no llegan y manda el defecto de Elementor: 16px/400, relleno
      15px 35px, sin borde, radio 0 y la pestana activa en #ABAD23 con texto BLANCO donde el
      prototipo la pinta navy sobre lima. Medido: pildora 54x155 frente a 39x119. Se copian las
      declaraciones que la hoja portada ya tiene para .tabs/.tab/.tab.active. */
.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural .e-n-tabs-heading{gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}
.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural .e-n-tab-title{font-family:var(--body);font-weight:600;font-size:.88rem;line-height:normal;letter-spacing:0;text-transform:none;padding:.7rem 1.2rem;border-radius:999px;border:1.5px solid var(--concreto-3);background:transparent;color:var(--navy)}
.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural .e-n-tab-title .e-n-tab-title-text{font-family:var(--body);font-weight:600;font-size:1em;line-height:normal;letter-spacing:0;text-transform:none;color:inherit}
.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural .e-n-tab-title:hover{border-color:var(--lima-dark)}
.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural .e-n-tab-title[aria-selected="true"]{border-color:var(--navy);color:var(--lima)}
/* el fondo de la pestana ACTIVA lo pinta una regla de Elementor de ocho clases que gana a
   cualquier selector razonable; su palanca es la variable, que ademas es el control NATIVO. */
.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural .elementor-widget-n-tabs{--n-tabs-title-background-color-active:var(--navy);--n-tabs-title-color-active:var(--lima)}

/* 4) EL H3 DEL CUERPO DE LA PESTANA. Elementor envuelve cada widget en un <div>, y ese envoltorio
      impide que el margen superior del <h3> COLAPSE contra el borde de .prose como hace en el
      prototipo: los 32px que alli no ocupan nada aqui suman enteros. Ademas el interlineado del
      h3 sale 0.9 (21.6px) donde el prototipo pinta 1.1 (26.4px). Medido: 64.8px frente a 37.6. */
.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural .prose > .elementor-element:first-child :is(h1,h2,h3,h4,h5){margin-top:0}
.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural .prose :is(h1,h2,h3,h4,h5).elementor-heading-title{line-height:1.1}
/* ...pero ese margen no desaparece en el prototipo: colapsa FUERA de .prose y se queda entre el
   relleno de .panel y el cuerpo. Medido en el prototipo: panel 331.1 con relleno 41.6 y .prose
   arrancando 74.6px por debajo del borde del panel, o sea 33px de aire heredados del h3. Se le
   devuelven a .prose, que en Elementor es un item flex y no colapsa: la cuenta sale igual. */
.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural .panel > .prose{margin-top:2rem}

/* 5) EL BOTON FANTASMA del hero ("Descargar ficha PDF"). El prototipo lo pinta con
      .btn--ghost{background:transparent}. El constructor no emite el fondo transparente, asi que
      el <a> se queda con el gris por defecto de Elementor (rgb(105,114,125)). Borde y color de
      texto ya coincidian. No entra ningun color de marca: se quita el fondo. */
.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural .elementor-element-755666f .elementor-button{background-color:transparent}

/* 6) EL BOTON DE DESCARGA de la ficha tecnica. En el prototipo lleva width:100% en linea y llena
      el panel (467px a 1440, 372 a 1024, 300 a 390); en Elementor salia a contenido, 261px en los
      tres anchos. El <a> ya pedia width:100%, pero su envoltorio es un item flex en una columna
      con align-items:center, asi que se encogia a contenido y ese 100% valia 261. */
.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural .elementor-element-2def5e7{width:100%;align-self:stretch}
.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural.argos-native--producto-cemento-gris-estructural .elementor-element-2def5e7 .elementor-button{width:100%;justify-content:center}

/* ─────────────────────────────────────────────────────────────────────────
   7) BORDES ASIMETRICOS. El puente lee SOLO 'borderTopWidth' y lo emite como
      'border-width: Npx', que en CSS son los CUATRO lados. Donde el prototipo
      pinta un filete de un solo lado, WordPress dibujaba un recuadro completo:
      el mas visible era el cuadro azul alrededor de la lista de plantas de la
      home ("Cerca de tu obra"), y el pie lo tenia en las once paginas.
      Elementor SI emite el valor correcto ('border-width:2px 0px 0px 0px'),
      pero la regla del puente lo pisaba. Aqui se repone lado por lado, medido
      del prototipo. Cuatro veces la clase raiz para ganar sin !important.
      ARREGLADO TAMBIEN EN constructor.py; esto deja de hacer falta cuando se
      reconstruya, pero no estorba.                                          */
.argos-native.argos-native.argos-native.argos-native .foot        { border-width: 3px 0 0 0 }
.argos-native.argos-native.argos-native.argos-native .foot__bar   { border-width: 1px 0 0 0 }
.argos-native.argos-native.argos-native.argos-native .maprow-list { border-width: 2px 0 0 0 }
.argos-native.argos-native.argos-native.argos-native .maprow      { border-width: 0 0 1px 0 }
.argos-native.argos-native.argos-native.argos-native .maprow:last-child { border-width: 0 }
.argos-native.argos-native.argos-native.argos-native .acc__item   { border-width: 1px 0 0 0 }
.argos-native.argos-native.argos-native.argos-native .here        { border-width: 0 0 1px 0 }
.argos-native.argos-native.argos-native.argos-native .sos__kpi    { border-width: 0 0 1px 0 }
.argos-native.argos-native.argos-native.argos-native .fset__h     { border-width: 0 0 2px 0 }
.argos-native.argos-native.argos-native.argos-native .sellos__global { border-width: 0 0 0 2px }

/* 8) LA FOTO A SANGRE DE LA BANDA "#pais" NO LLENABA EL ANCHO.
      El prototipo la pinta con un <img> y 'object-fit:cover', que cubre la caja
      pase lo que pase. Al portarla a fondo de contenedor salia
      'background-size: auto 116%': con la ALTURA fijada y el ancho en 'auto',
      la foto medía 1519px. A 1440 sobraba justo, pero de 1520 en adelante
      -cualquier portatil de 1600, 1920 o mas- dejaba franjas a los lados.
      'cover' es la traduccion exacta de 'object-fit:cover'. No se toca
      'background-position': de ahi tira el parallax.                        */
.argos-native.argos-native.argos-native.argos-native .imgsec__bg { background-size: cover }

/* 9) HOME · EL "30" DEL HERO MANDA SOLO.
      El cliente pide que el 30 sea mas grande y sobresalga "sobre lo demas, asi como
      esta el hero de nosotros". En Nosotros el 30 es lo UNICO en lima; en la home el
      titular ya traia las dos ultimas lineas en lima por el <em>, una mancha verde
      bastante mayor que la cifra, y con las dos el 30 no dominaba.
      El <em> NO se quita del marcado: ademas de colorear es display:block y es EL que
      fuerza el salto de linea antes de "transforman". Solo se le anula el color.
      La cifra usa .fhero__fig, que ya existe en la hoja generada porque la estrena el
      hero de Nosotros: aqui no hay que declararla otra vez, solo pedirla en el titulo. */
.argos-native.argos-native.argos-native .fhero__title--solo30 em{color:inherit}
