/*
Theme Name: ALA Diagnostics
Theme URI: 
Author: Vicente Díaz
Author URI: 
Description: Tema corporativo de ALA Diagnostics
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ala-diagnostics
Tags: 
*/

html {
  scroll-behavior: smooth;
}

[id]::before {
  content: "";
  display: block;
  height: 30px; /* igual a la altura de tu menú */
  margin-top: -30px; /* mismo valor negativo */
}
.alignfull {
    width: 100vw;
    max-width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

/* estilos del menú principal*/

.menu-fixed {
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%;
  transition: all 0.3s ease;
}

/* Estado inicial: menú arriba del todo */
.menu-fixed:not(.menu-scroll) {
  background-color: transparent;
}

.menu-fixed:not(.menu-scroll) a {
  color: white;
}

/* Al hacer scroll hacia arriba (menú visible con fondo blanco) */
.menu-fixed.menu-scroll {
  background-color: white;
  border-bottom: 1px solid var(--wp--preset--color--corporativo-3) ;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); /* opcional: sombra sutil */
}

.menu-fixed.menu-scroll a {
  color: var(--wp--preset--color--corporativo-1) !important; 
}

/* Al hacer scroll hacia abajo (oculta el menú con desplazamiento) */
.menu-fixed.menu-hidden {
  transform: translateY(-100%);
}

/* estilo del menú secundario (fijo arriba)*/
.menu-secundario {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000; /* Asegura que quede por encima del contenido */
}
.icono-candado::before {
  content: "\f023";
  font-family: "Font Awesome 6 Free"; /* o "Font Awesome 6 Free" si usas v6 */
  font-weight: 900;
  margin-right: 0.3em;
}


/* Icono hamburguesa cuando el header está en scroll */
.wp-block-navigation__responsive-container-open svg, .wp-block-navigation__responsive-container-close svg {
  fill: var(--wp--preset--color--corporativo-1) !important;
  color: var(--wp--preset--color--corporativo-1) !important;
  stroke: var(--wp--preset--color--corporativo-1) !important;
}

/* Rejilla de tarjetas con altura uniforme */
    .tarjetas-alineadas {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
}
.cuadricula-regular .wp-block-post-template {
    align-items: stretch;
}
.cuadricula-regular .tarjeta {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.tarjeta .wp-block-post-featured-image img {
    object-position: top; /* recorta solo por abajo */
}

/* Bloques duplicados por idioma con clases .bloque-es y .bloque-en */
html[lang^="es"] .bloque-en {
    display: none !important;
}

html[lang^="en"] .bloque-es {
    display: none !important;
}

/* cabecera de difernte alto en plantilla por defecto (no página de inicio)*/
.cover-header {
  min-height: 160px; /* para escritorio */
  padding: 1rem 0;
}

@media (max-width: 768px) {
  .cover-header {
    min-height: 70px; /* para móviles */
    padding: 0.5rem 0;
  }
}

/*estilos para navegacion no colapsable*/
.menu-expandido .wp-block-navigation__responsive-container {
  display: block !important;
  position: static !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.menu-expandido .wp-block-navigation__responsive-container-open,
.menu-expandido .wp-block-navigation__responsive-container-close {
  display: none !important;
}

.wp-block-navigation a.active {
  text-decoration: underline;
}