/* ---------------------------------------------------------------------------
   STRADA · reconciliación con Bricks
   Bricks mete su hoja en @layer bricks. Cualquier regla sin capa le gana,
   aunque tenga menos especificidad. Aprovechamos eso: aquí van selectores de
   elemento (0,0,1), así que el CSS del diseño, que usa clases, sigue mandando.
   Cada regla está medida contra el HTML original. Si alguna sobra, se quita
   y se vuelve a comparar.
   --------------------------------------------------------------------------- */

/* 1 · body{font-size:15px} de Bricks. El original no declara font-size en body:
      lo hereda de html, que lleva clamp(16px, 0.57vw + 11.8px, 22px). */
body{font-size:inherit}

/* 2 · Bricks envuelve cada elemento en un <div class="brxe-*">. Esa caja no
      existe en el original y entraba en el flujo. display:contents la saca. */
#brx-header > .brxe-shortcode,
#brx-content > .brxe-shortcode,
#brx-footer > .brxe-shortcode{display:contents}

/* 3 · Bricks normaliza los controles de formulario:
        .input, input:not([type=submit]), select, textarea{line-height:40px}
        button, input, optgroup, select, textarea{line-height:1.15}
      El original los deja en el valor del agente de usuario, y el input del
      formulario del pie salía 22 px más alto. */
input,select,textarea,button{line-height:normal}

/* 4 · Bricks fuerza un tamaño mínimo a todo SVG sin atributos width/height:
        svg:not([width]){min-width:1em}  ·  svg:not([height]){min-height:1em}
      min-width gana a width aunque lleve !important, así que cualquier icono
      del diseño menor de 1em se agrandaba (el chevron del navbar pasaba de
      13 px a 18,6 px, y con él el ancho de cada enlace). Los SVG del diseño
      no llevan esos atributos: se dimensionan por CSS. Devolvemos el mínimo
      a 0; si alguna regla del diseño declara un mínimo, gana por especificidad. */
svg:not([width]){min-width:0}
svg:not([height]){min-height:0}

/* 5 · El CSS personalizado de Bricks (el fix del timeline en móvil) añade
        html, body { overflow-x: hidden }
      El diseño solo lo pone en body. Al llevarlo también al html, overflow-y
      pasa a 'auto' y la raíz se convierte en contenedor de scroll: eso anula
      el position:sticky de todo lo que cuelga de ella. En la home afecta a las
      tres cabeceras que se quedan fijas al hacer scroll — "Qué es STRADA",
      "Qué construimos" y la de FAQ. Devolvemos el html a su estado original;
      el body sigue conteniendo el desbordamiento horizontal, como en el diseño. */
html{overflow-x:visible;overflow-y:visible}

/* 6 · Bricks normaliza también la tipografía de los controles:
        button,input,optgroup,select,textarea{font-family:inherit;font-size:100%}
      El navegador les da su propio tipo (13,33 px) y centra el texto. El diseño
      no lo declara en ningún sitio, así que daba por hecho el del navegador y en
      WordPress salían con 20 px y alineados a la izquierda. Medido: afecta a los
      puntos y flechas de los carruseles, a los botones de filtro y al de la
      galería de «Conócenos». */
button,input,select,textarea{font-size:13.3333px}
button,input[type=button],input[type=submit],input[type=reset]{text-align:center}
/* option y optgroup NO: el navegador les da el tamaño del select, no el suyo.
   Ponerles 13,33 px encogía el desplegable del formulario. */
optgroup,option{line-height:normal}
/* El navegador pinta el texto de los campos en negro puro (fieldtext); Bricks
   lo deja heredar el casi-negro de marca. Se ve igual, pero el original es este. */
input,textarea,select{color:#000}

/* 7 · Bricks trae su propia cita:
        blockquote{font-family:georgia,"Times New Roman",times,serif;font-size:1.3em}
      El diseño no declara tipografía en blockquote: la hereda. En
      /casos-de-exito/ la cita del cliente salía en Georgia y 26 px en vez de
      Satoshi y 20, y el bloque crecía 31 px. */
blockquote,blockquote p{font-family:inherit;font-size:inherit;line-height:inherit}
/* y su filete de 4 px a la izquierda (border-left:4px solid), que en el original
   no existe: encogia el parrafo de la cita 4 px en /casos-de-exito/ y /about/equipo/ */
blockquote{border:0}

/* 8 · Bricks centra los pies de figura (figcaption{text-align:center}).
      El original los deja alineados al principio. */
figcaption{text-align:start}


/* Marca 2026-09-24: el logo en positivo va en tinta #000000 (no existe el azul).
   Los archivos *-navy.webp son azul marino (#253460): se pintan en negro puro. */
img[src*="logos-strada-icon-navy"],
img[src*="logos-strada-word-navy"] { filter: brightness(0) !important; }

/* Logo sobre fondo oscuro (2026-09-28): la regla de arriba pinta el logo en tinta con !important y anulaba
   el cambio a blanco. Sobre fondo oscuro (clase std-over-dark de la barra o std-bg-dark que pone el
   detector de la cabecera) el logo va en blanco para que haga contraste. */
.std-nav.std-over-dark img[src*="logos-strada-icon-navy"], .std-nav.std-over-dark img[src*="logos-strada-word-navy"],
.std-nav.std-bg-dark img[src*="logos-strada-icon-navy"], .std-nav.std-bg-dark img[src*="logos-strada-word-navy"] { filter: brightness(0) invert(1) !important; }

/* Pie de los desplegables del menú (2026-09-28): el enlace «Ver …» siempre a la derecha (en Sectores quedaba a la izquierda al quitar el contador). */
.std-megamenu__foot .std-all{ margin-left:auto; }