/* MF Avocados V2.1 — correcciones visuales. Archivo en directorio raíz. */

/* 1) Logotipo institucional a color: evita el filtro blanco del tema base */
.site-header .brand img{
  width:168px;
  height:auto;
  filter:none !important;
  opacity:1 !important;
  object-fit:contain;
}

/* Mejor lectura del logo cuando el video tiene zonas claras */
.site-header:not(.scrolled) .brand{
  position:relative;
  padding:6px 10px;
  border-radius:14px;
  background:rgba(255,255,255,.90);
  box-shadow:0 8px 28px rgba(0,0,0,.10);
  backdrop-filter:blur(8px);
}
.site-header.scrolled .brand{
  padding:5px 9px;
  border-radius:12px;
  background:rgba(255,255,255,.96);
}

/* 2) Hero: evita que "Desplázate" se monte sobre los botones y da aire inferior */
.hero{
  min-height:max(100svh,780px);
}
.hero-grid{
  min-height:max(100svh,780px);
  padding-top:125px;
  padding-bottom:125px;
}
.hero-bottom{
  left:auto !important;
  right:max(24px,calc((100vw - 1240px)/2)) !important;
  transform:none !important;
  width:auto !important;
  justify-content:flex-end;
  bottom:30px;
  pointer-events:none;
}
.hero-copy{
  padding-bottom:12px;
}

/* 3) Foto del ingeniero + certificaciones: mostrar la imagen completa, sin recortar logos */
.about-visual{
  min-width:0;
  width:100%;
}
.portrait-frame{
  background:#fff;
  overflow:visible !important;
}
.portrait-frame:before{
  inset:14px;
}
.portrait-frame img{
  width:100%;
  height:auto !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#fff;
}

/* Previene cortes accidentales en el grid editorial */
.editorial-grid{
  grid-template-columns:70px minmax(0,1.05fr) minmax(460px,.95fr);
  gap:5vw;
}

@media (max-width:1180px){
  .editorial-grid{
    grid-template-columns:52px minmax(0,1fr) minmax(390px,.88fr);
    gap:4vw;
  }
  .hero h1{
    font-size:clamp(4rem,6.3vw,6.5rem);
  }
}

@media (max-width:1050px){
  .editorial-grid{
    grid-template-columns:50px minmax(0,1fr);
  }
  .about-visual{
    grid-column:2;
    max-width:760px;
  }
  .hero-bottom{
    right:24px !important;
  }
}

@media (max-width:720px){
  .site-header .brand img{width:132px;}
  .site-header:not(.scrolled) .brand,
  .site-header.scrolled .brand{
    padding:4px 7px;
    border-radius:10px;
  }
  .hero{
    min-height:100svh;
  }
  .hero-grid{
    min-height:100svh;
    padding-top:105px;
    padding-bottom:78px;
  }
  .hero-bottom{display:none;}
  .editorial-grid{grid-template-columns:1fr;}
  .about-visual{grid-column:1;max-width:none;}
  .portrait-frame:before{inset:8px;}
}

/* Pantallas de poca altura: reduce tipografía antes que superponer elementos */
@media (min-width:721px) and (max-height:820px){
  .hero h1{font-size:clamp(3.8rem,6.2vw,6rem);}
  .hero-lede{font-size:1.08rem;line-height:1.5;}
  .hero-sub{line-height:1.55;}
  .hero-actions{margin-top:26px;}
  .hero-grid{padding-top:115px;padding-bottom:115px;}
}