/**
 * Secciones únicas de la portada.
 * Se carga solo en la portada (is_front_page()).
 *
 * @package silomasters
 */

/* =====================================================
   QUIÉNES SOMOS
   Origen: #s-quienes de home-final.html (valores exactos).
   ===================================================== */
.quienes-layout{position:relative; display:grid; grid-template-columns:1.15fr .85fr; gap:64px; align-items:center; min-height:480px;}
@media(max-width:900px){ .quienes-layout{grid-template-columns:1fr; min-height:auto; gap:40px;} }

.quienes-ghost-num{
  position:absolute; left:-2%; top:50%; transform:translateY(-50%); z-index:0;
  font-family:var(--display); font-weight:900; font-size:min(30vw, 340px); line-height:1;
  color:rgba(22,22,22,.045); pointer-events:none; user-select:none; white-space:nowrap;
}
@media(max-width:900px){ .quienes-ghost-num{display:none;} }

.quienes-copy{position:relative; z-index:1;}
.quienes-copy .lede{margin-top:18px; max-width:46ch;}
.quienes-copy .btn{margin-top:32px;}

.quienes-media{position:relative; min-height:420px; overflow:hidden;}
.quienes-media img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .8s ease;}
.quienes-media:hover img{transform:scale(1.05);}
.quienes-media{-webkit-clip-path:polygon(14% 0, 100% 0, 100% 100%, 0 100%); clip-path:polygon(14% 0, 100% 0, 100% 100%, 0 100%);}
@media(max-width:900px){ .quienes-media{-webkit-clip-path:none; clip-path:none; min-height:320px;} }
.quienes-media::after{
  content:''; position:absolute; inset:0; background:linear-gradient(0deg, rgba(0,0,0,.65) 0%, rgba(0,0,0,0) 45%);
}
.quienes-media-tag{
  position:absolute; left:20px; bottom:18px; z-index:2;
  font-family:var(--label); font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--white);
}

@media(prefers-reduced-motion: reduce){
  .quienes-media img{transition:none;}
  .quienes-media:hover img{transform:none;}
}