/* Portada familiar: imagen completa y texto adaptable. */
.hero.hero-family{display:block;background:#fff}
.hero.hero-family::after{display:none}
.hero-family-scene{position:relative;display:grid;isolation:isolate}
.hero-family .hero-image{position:static;inset:auto;grid-area:1/1;order:initial;width:100%;height:auto}
.hero-family .hero-image img{display:block;width:100%;height:auto;object-fit:contain;object-position:center}
.hero-family-copy{position:relative;z-index:1;grid-area:1/1;align-self:start;width:33%;margin:8.5% 0 0 3.8%;color:#061126}
.hero-family h1{font-size:clamp(2.5rem,4.5vw,6rem);font-weight:900;line-height:.91;letter-spacing:-.045em;color:inherit}
.hero-family h1>span{display:block;white-space:nowrap}
.hero-family-brand{position:relative;isolation:isolate;width:max-content;max-width:100%;margin-top:2.15vw;color:inherit;line-height:1.12;font-size:clamp(1.1rem,1.95vw,2.5rem);letter-spacing:-.035em}
.hero-family-brand::before{content:"";position:absolute;inset:-.5em -1em -.5em -.7em;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 40% 50%,rgba(255,255,255,.95),rgba(255,255,255,.75) 50%,transparent 75%);filter:blur(10px)}
.hero-family-brand strong{display:block;font-weight:900}
.hero-family-brand>span{display:block;font-size:.82em;font-weight:600;font-style:italic;line-height:1.3;letter-spacing:-.02em;margin-top:.14em}
.hero-family-tools{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:18px}
.hero-family-tools>p{color:var(--navy);font-size:.92rem}
.hero-family-tools .actions{margin:0;display:flex;flex-direction:row;gap:12px}
.hero-family .hero-family-tools .button{min-height:44px;padding:10px 18px;gap:16px;font-size:.88rem}
@media(max-width:800px){
  .hero-family-scene{display:flex;flex-direction:column}
  .hero-family-copy{order:0;align-self:auto;width:calc(100% - 48px);margin:32px 24px 24px}
  .hero-family h1{font-size:clamp(2.3rem,7.8vw,3.4rem);line-height:1.02;letter-spacing:-.04em}
  .hero-family-brand{font-size:1.35rem;margin-top:20px}
  .hero-family-brand::before{display:none}
  .hero-family .hero-image{order:1;aspect-ratio:1.85;width:100%;height:auto;overflow:hidden}
  .hero-family .hero-image img{height:100%;object-fit:cover;object-position:right center}
  .hero-family-tools{flex-direction:column;align-items:stretch;gap:14px;padding-block:18px}
  .hero-family-tools>p{font-size:.86rem}
  .hero-family-tools .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hero-family .hero-family-tools .button{width:100%;justify-content:space-between;padding:10px 12px;gap:8px;font-size:.8rem}
}
@media(max-width:360px){
  .hero-family-copy{width:calc(100% - 40px);margin-inline:20px}
  .hero-family h1{font-size:2.1rem}
  .hero-family .hero-family-tools .button{font-size:.75rem;padding-inline:9px}
}