/* Home: hero con tres destacados y pilares con pestañas. Solo lo carga index.html. */
.hero-home{background:var(--gris-claro)}
.hero-home .contenedor--amplio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:50px;align-items:stretch;min-height:640px}
.hero-home__copy{display:flex;flex-direction:column;justify-content:center;padding:70px 0 0}
.hero-home__copy h1{transition:opacity .18s ease}
.hero-home__copy h1 span{color:var(--bordo)}
.hero-home__copy p{margin-top:20px;max-width:520px;transition:opacity .18s ease}
.hero-home__acciones{margin-top:40px}
.hero-home__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:auto;padding-top:40px}
.hero-tab{padding:22px 20px 24px;border:0;border-left:1px solid var(--linea);background:transparent;text-align:left;font-size:15px;line-height:20px;font-weight:500;color:var(--texto-mudo);cursor:pointer;transition:color .2s ease,background .2s ease;border-radius:14px 14px 0 0}
.hero-tab:first-child{border-left:0}
.hero-tab.activo{background:var(--blanco);color:var(--bordo);font-weight:600;border-left-color:transparent}
.hero-tab:hover{color:var(--bordo)}
.hero-home__foto{position:relative;margin:18px 0 0;border-radius:var(--radio-imagen) var(--radio-imagen) 0 0;overflow:hidden;min-height:420px}
.hero-home__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease,transform 1s var(--motion-ease)}
.hero-home__foto.cambiando img{opacity:.3;transform:scale(1.03)}
.hero-home__copy.cambiando h1,.hero-home__copy.cambiando p{opacity:.25}

.pilares__tabs{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}
.pilar-tab{padding:0 22px;height:60px;border:0;background:transparent;color:#8e8e8e;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;border-radius:14px 14px 0 0;transition:color .2s ease,background .2s ease}
.pilar-tab.activo{background:var(--blanco);color:var(--bordo)}
.pilar-tab:hover{color:var(--bordo)}
.pilar-panel{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:60px;align-items:center;padding:32px;border-radius:18px;background:var(--blanco)}
.pilar-panel__foto{border-radius:15px;overflow:hidden;aspect-ratio:1.4/1;transition:opacity .2s ease}
.pilar-panel__foto img{width:100%;height:100%;object-fit:cover}
.pilar-panel__copy{transition:opacity .2s ease;padding-right:30px}
.pilar-panel__copy h3{font-size:30px;line-height:37px;color:var(--bordo)}
.pilar-panel__copy p{margin-top:20px;font-size:17px;line-height:26px;color:var(--texto-suave)}
.pilar-panel__copy .boton{margin-top:30px}
.pilar-panel.cambiando .pilar-panel__foto,.pilar-panel.cambiando .pilar-panel__copy{opacity:.25}

@media (max-width:1100px){
  .hero-home .contenedor--amplio{grid-template-columns:1fr;min-height:0}
  .hero-home__copy{padding:50px 0 0}
  .hero-home__foto{min-height:340px;border-radius:var(--radio-imagen)}
  .hero-home__tabs{padding-top:30px}
  .pilar-panel{grid-template-columns:1fr;padding:20px}
  .pilar-panel__copy{padding:10px 8px 8px}
}
@media (max-width:700px){
  .hero-home__copy{padding:34px 0 0}
  .hero-home__copy h1{font-size:34px;line-height:40px}
  .hero-home__foto{min-height:240px;margin-top:26px}
  .hero-home__tabs{grid-template-columns:1fr 1fr 1fr;gap:0}
  .hero-tab{padding:14px 10px 16px;font-size:12px;line-height:16px}
  .pilar-tab{height:auto;padding:12px 12px;font-size:12px;border-radius:10px}
  .pilares__tabs{display:grid;grid-template-columns:1fr 1fr}
  .pilar-tab.activo{border-radius:10px}
}