:root{
  --brand-blue:#70b8dd;
  --brand-blue-deep:#155472;
  --brand-blue-dark:#0d3e55;
  --brand-blue-soft:#eaf6fb;
  --brand-ivory:#efedda;
  --brand-cream:#f8f7f0;
  --brand-ink:#153541;
  --brand-muted:#61737a;
  --brand-white:#fff;
  --brand-shadow:0 24px 60px rgba(13,62,85,.10);
}
html{scroll-behavior:smooth}
body{
  overflow-x:hidden;
  background:var(--brand-cream)!important;
  color:var(--brand-ink)!important;
  font-family:Inter,Arial,sans-serif!important;
}
.container{width:min(1180px,calc(100% - 40px))!important;max-width:none!important}
.topbar{background:var(--brand-blue-deep)!important;color:#e7f3f7!important}
.topbar a,.topbar span{color:inherit!important}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(248,247,240,.96)!important;backdrop-filter:blur(16px)}
.navbar{background:transparent!important;border-bottom:1px solid rgba(21,84,114,.10)!important;box-shadow:none!important}
.nav-inner{min-height:90px!important}
.brand img{width:166px!important;height:74px!important;object-fit:contain}
.menu{gap:30px!important}
.menu a{color:var(--brand-ink)!important;font-size:14px!important;font-weight:750!important}
.menu a:after{background:var(--brand-blue)!important}
.nav-phone,.btn-primary{
  border:0!important;
  border-radius:999px!important;
  background:var(--brand-blue-deep)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.nav-phone:hover,.btn-primary:hover{background:var(--brand-blue-dark)!important;transform:translateY(-2px)}
.nav-toggle{color:var(--brand-blue-deep)!important}

.hero{
  width:min(1180px,calc(100% - 40px))!important;
  min-height:620px!important;
  margin:26px auto 0!important;
  overflow:hidden!important;
  border-radius:34px!important;
  background:linear-gradient(135deg,var(--brand-blue),#4ba4d0)!important;
  box-shadow:none!important;
}
.hero-media{left:50%!important;width:50%!important}
.hero-media img{filter:saturate(.75) contrast(1.02)!important;mix-blend-mode:multiply;object-position:center 20%!important}
.hero:before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(90deg,rgba(84,170,212,.98) 0%,rgba(84,170,212,.94) 51%,rgba(84,170,212,.12) 76%);
}
.hero-overlay-one,.hero-overlay-two{opacity:.18!important}
.hero-content{
  position:relative!important;
  z-index:3!important;
  width:54%!important;
  margin:0!important;
  padding:72px 30px 62px 66px!important;
  text-align:left!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
}
.hero-content>img{display:none!important}
.hero-kicker:after{
  content:"TU CLÍNICA DENTAL EN CARABANCHEL";
  display:block;
  margin-bottom:24px;
  color:#eaf6fb;
  font-size:12px;
  font-weight:850;
  letter-spacing:.16em;
}
.hero h1{
  max-width:620px!important;
  margin:0 0 24px!important;
  color:#fff!important;
  font-size:clamp(52px,6vw,76px)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
  text-shadow:none!important;
}
.hero h1:after{
  content:"Cuidamos de ti.";
  display:block;
  color:var(--brand-ivory);
  font-family:Georgia,serif;
  font-style:italic;
  font-weight:400;
}
.hero-content>p{max-width:540px!important;color:#eef8fb!important;font-size:17px!important;line-height:1.7!important;text-shadow:none!important}
.button-row{justify-content:flex-start!important}
.btn{min-height:50px!important;padding:0 24px!important;border-radius:999px!important;font-weight:800!important}
.btn-whatsapp,.btn-white{
  background:var(--brand-ivory)!important;
  color:var(--brand-blue-dark)!important;
  border:0!important;
}
.btn-whatsapp:hover,.btn-white:hover{background:#fff!important;transform:translateY(-2px)}
.scroll-cue{color:#fff!important;text-align:left!important}

.summary-card{
  position:relative;
  z-index:5;
  width:min(1060px,calc(100% - 70px))!important;
  margin:-1px auto 0!important;
  padding:0!important;
  overflow:hidden;
  border:0!important;
  border-radius:0 0 22px 22px!important;
  background:#fff!important;
  box-shadow:var(--brand-shadow)!important;
}
.summary-card>div{padding:25px 27px!important;border-right:1px solid #e2ecef!important}
.summary-card strong{color:var(--brand-blue-deep)!important}

.section{padding:105px 0!important}
.section-soft,.contact-home-section,.blog-section{background:var(--brand-blue-soft)!important}
.section-head .eyebrow,.eyebrow,.pill{color:var(--brand-blue-deep)!important}
.section h2,.section-head h2{
  color:var(--brand-ink)!important;
  font-size:clamp(38px,5vw,62px)!important;
  line-height:1.06!important;
  letter-spacing:-.045em!important;
}
.section-head p,.section p{color:var(--brand-muted)}
.service-mini-grid{gap:18px!important}
.service-mini,.blog-card,.reviews-grid article,.process-panel article,.contact-home-card article{
  overflow:hidden;
  border:0!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 14px 45px rgba(13,62,85,.07)!important;
}
.service-mini img,.blog-card img{transition:transform .55s ease!important}
.service-mini:hover img,.blog-card:hover img{transform:scale(1.045)}
.service-mini h3,.blog-card h3,.why-list h3,.process-grid h3{color:var(--brand-ink)!important}
.link-arrow{color:var(--brand-blue-deep)!important;font-weight:800!important}
.why-section,.featured,.testimonials,.faq-section,.location-section{background:var(--brand-cream)!important}
.why-grid{gap:80px!important}
.why-list article{border-color:rgba(21,84,114,.14)!important}
.slider-card,.featured-box,.map-embed-card{border-radius:30px!important;box-shadow:var(--brand-shadow)!important}
.featured-box{background:var(--brand-blue-deep)!important}
.featured-box h2,.featured-box p{color:#fff!important}
.process-section{background:var(--brand-blue-deep)!important}
.process-section h2,.process-section p{color:#fff!important}
.process-panel{background:transparent!important}
.process-panel article{background:rgba(255,255,255,.07)!important;box-shadow:none!important}
.process-panel article h3,.process-panel article p{color:#fff!important}
.stars{color:#e4b858!important}
.faq-list details{
  margin-bottom:12px!important;
  border:1px solid rgba(21,84,114,.13)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.faq-list summary{color:var(--brand-ink)!important}
.contact-home-card{gap:15px!important}
.contact-home-card article span{color:var(--brand-blue-deep)!important;background:var(--brand-blue-soft)!important}
.wa-float{box-shadow:0 14px 38px rgba(13,62,85,.22)!important}

.page-hero,.inner-hero,.treatment-hero,.hero-subpage{
  background:linear-gradient(135deg,var(--brand-blue),#4ba4d0)!important;
  border-radius:0 0 36px 36px!important;
}
.page-hero h1,.inner-hero h1,.treatment-hero h1,.hero-subpage h1{color:#fff!important;letter-spacing:-.045em!important}
.breadcrumb a{color:var(--brand-blue-deep)!important}
.treatment-card,.service-card,.tarifa-card,.team-card,.article-card{
  border:0!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 14px 45px rgba(13,62,85,.07)!important;
}
.site-footer{background:var(--brand-blue-dark)!important;color:#dce9ed!important}
.site-footer a,.site-footer h2{color:#fff!important}
.footer-logo{width:175px!important}

[data-reveal]{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .72s cubic-bezier(.2,.65,.3,1),transform .72s cubic-bezier(.2,.65,.3,1);
}
[data-reveal].is-visible{opacity:1;transform:none}
[data-reveal="left"]{transform:translateX(-28px)}
[data-reveal="right"]{transform:translateX(28px)}
.brand img,.footer-logo{animation:logoFloat 7s ease-in-out infinite}
@keyframes logoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}

@media(max-width:900px){
  .hero{width:min(100% - 24px,680px)!important;min-height:760px!important}
  .hero-media{inset:auto 0 0!important;width:100%!important;height:47%!important}
  .hero:before{background:linear-gradient(180deg,rgba(84,170,212,.98) 0%,rgba(84,170,212,.95) 56%,rgba(84,170,212,.14) 82%)}
  .hero-content{width:100%!important;padding:50px 28px!important}
  .summary-card{width:calc(100% - 46px)!important}
  .menu{background:var(--brand-cream)!important}
}
@media(max-width:560px){
  .container{width:min(100% - 28px,520px)!important}
  .topbar-inner span:last-child{display:none}
  .nav-inner{min-height:76px!important}
  .brand img{width:140px!important;height:64px!important}
  .hero{min-height:720px!important;border-radius:24px!important}
  .hero h1{font-size:46px!important}
  .summary-card{display:grid!important;grid-template-columns:1fr!important}
  .summary-card>div{border-right:0!important;border-bottom:1px solid #e2ecef!important}
  .section{padding:72px 0!important}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation:none!important;transition:none!important}
  [data-reveal]{opacity:1!important;transform:none!important}
}