/* Portada basada en la composición de referencia del doctor. */
#inicio.hero{min-height:100svh!important;background:#D6D9DE;align-items:center}
#inicio.hero .hero-bg{background-position:left bottom!important;background-size:auto 110%;inset:0}
#inicio.hero .hero-inner{max-width:1600px;width:100%;padding:100px 5% 65px!important;display:flex!important;justify-content:flex-end!important}
#inicio.hero .hero-content{width:52%;max-width:720px!important;text-align:center!important;margin:0!important}
#inicio .hero-identity{display:flex;flex-direction:column;align-items:center;gap:18px;margin-bottom:26px}
#inicio .hero-identity img{width:clamp(100px,17svh,180px);height:auto;filter:brightness(0);opacity:.85}
#inicio .hero-doctor-name{font-family:var(--body);font-size:clamp(14px,1.55vw,24px);font-weight:400;line-height:1.35;color:#292824;text-transform:uppercase}
#inicio.hero .hero-eyebrow-lg{font-family:var(--body);font-size:clamp(14px,1.15vw,18px);font-weight:400;letter-spacing:0;text-transform:none;justify-content:center!important;color:#505153!important;margin:0 0 30px}
#inicio.hero h1{font-size:clamp(26px,2.65vw,43px)!important;line-height:1.22!important;letter-spacing:-.035em;color:#353535!important;text-align:center!important;margin:0 0 30px!important}
#inicio.hero h1 span,#inicio.hero h1 em{font-size:1em;line-height:inherit;white-space:normal;letter-spacing:inherit}
#inicio.hero h1 em{font-style:normal;color:inherit!important}
#inicio.hero p{font-size:clamp(14px,1.15vw,18px);line-height:1.6;text-align:center!important;max-width:none!important;margin:0 0 44px!important;color:#505153!important}
#inicio.hero .hero-btns{display:grid;grid-template-columns:1fr 1fr;gap:24px;justify-content:center!important}
#inicio.hero .hero-btns .btn{width:100%;min-height:52px;justify-content:center;background:#080808!important;color:#fff!important;border:1px solid #080808!important;border-radius:0;box-shadow:none!important;padding:14px 12px;font-size:13px;white-space:normal}
#inicio.hero .hero-btns .btn:hover{background:#292929!important;border-color:#292929!important}
#inicio.hero>.section-scroll{display:flex;width:48px;height:48px;align-items:center;justify-content:center;left:50%;top:auto!important;bottom:20px!important;border-radius:50%;background:#080808!important;color:#fff!important;border:1px solid #080808!important;box-shadow:0 8px 22px rgba(0,0,0,.18)!important;animation:none;transform:translateX(-50%)}
#inicio.hero>.section-scroll:hover{background:#292929!important;transform:translate(-50%,3px)}
#inicio.hero>.section-scroll:focus-visible{outline:3px solid #245C9C;outline-offset:4px}
#inicio.hero>.section-scroll svg{width:24px;height:24px;flex:none}
@media(max-width:820px){
  #inicio.hero>.section-scroll{position:relative;left:auto;bottom:auto!important;transform:none;margin:0 auto 24px;flex:none}
  #inicio.hero>.section-scroll:hover{transform:translateY(3px)}
}
@media(min-width:821px) and (max-height:760px){
  #inicio .hero-identity{gap:12px;margin-bottom:18px}
  #inicio .hero-identity img{width:100px}
  #inicio.hero .hero-eyebrow-lg{margin-bottom:20px}
  #inicio.hero h1{margin-bottom:20px!important}
  #inicio.hero p{margin-bottom:26px!important}
}
@media(max-width:820px){
  #inicio.hero{display:flex;flex-direction:column;padding-top:66px;min-height:100svh!important}
  #inicio.hero .hero-bg{position:relative;inset:auto;width:100%;height:54svh;min-height:300px;z-index:0;flex:none;background-size:auto 110%;background-position:left bottom!important}
  #inicio.hero .hero-inner{padding:28px 22px 40px!important;justify-content:center!important;align-items:center!important;min-height:0}
  #inicio.hero .hero-content{width:100%;max-width:600px!important}
  #inicio .hero-identity img{width:96px}
  #inicio .hero-identity{gap:12px;margin-bottom:18px}
  #inicio.hero .hero-eyebrow-lg{margin-bottom:22px}
  #inicio.hero h1{font-size:clamp(26px,6.4vw,36px)!important}
  #inicio.hero p{margin-bottom:26px!important}
  #inicio.hero .hero-btns{gap:12px}
}
@media(max-width:380px){#inicio.hero .hero-btns{grid-template-columns:1fr}}