*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#111;background:#f4f3ef}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.site-header{height:92px;padding:10px 4.5vw;display:flex;align-items:center;gap:28px;background:#0b0b0b;color:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #292929}.brand{background:transparent;padding:0}.brand img{width:205px;height:68px;object-fit:contain;object-position:left center}.site-header nav{display:flex;gap:28px;margin-left:auto;font-size:12px;font-weight:800;letter-spacing:.8px}.site-header nav a:hover{opacity:.6}.top-phone{font-weight:800;font-size:13px}.outline-btn{border:1px solid #777;padding:12px 18px;font-size:11px;font-weight:900;letter-spacing:1px}
.hero{height:760px;position:relative;overflow:hidden;background:#090909;color:#fff}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.83) 43%,rgba(0,0,0,.28) 70%,rgba(0,0,0,.55) 100%),url('assets/centro-hero.jpg') center/cover no-repeat;filter:saturate(.75) contrast(1.08)}.hero-copy{position:absolute;z-index:3;left:6vw;top:125px;width:min(690px,55vw)}.eyebrow{font-size:11px;font-weight:900;letter-spacing:2.4px;margin:0 0 18px}.hero h1,.statement h2,.section-head h2,.center-copy h2,.why-copy h2,.contact h2{font-weight:900;letter-spacing:-3px;line-height:.92}.hero h1{font-size:clamp(54px,6.3vw,96px);margin:0 0 24px}.hero h1 span,.center-copy h2 span,.contact h2 span{color:#a8a8a8}.hero-lead{max-width:590px;color:#d0d0d0;font-size:18px;line-height:1.55}.actions{display:flex;align-items:center;gap:14px;margin-top:30px}.btn{padding:15px 21px;font-size:11px;font-weight:900;letter-spacing:1px;border:1px solid #fff}.primary{background:#fff;color:#111}.ghost{background:rgba(0,0,0,.25);color:#fff}.hero-person{position:absolute;z-index:2;right:4vw;bottom:100px;width:min(410px,32vw);height:570px;overflow:hidden}.hero-person img{width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:contrast(1.03) brightness(1.08)}.hero-strip{position:absolute;z-index:4;left:0;right:0;bottom:0;height:112px;background:rgba(10,10,10,.94);display:grid;grid-template-columns:repeat(3,1fr);padding:0 5vw}.hero-strip>div{padding:24px 30px;border-left:1px solid #2f2f2f;display:grid;grid-template-columns:35px 1fr;column-gap:12px;align-content:center}.hero-strip b{grid-row:1/3;color:#888}.hero-strip strong{font-size:12px;letter-spacing:.6px}.hero-strip small{color:#929292;margin-top:5px}
.statement{background:#fff;text-align:center;padding:105px 8vw}.darktext{color:#555}.statement h2,.section-head h2{font-size:clamp(42px,5vw,70px);margin:12px 0 25px}.statement h2 span,.section-head h2 span,.why-copy h2 span{color:#777}.statement>p:last-child{max-width:790px;margin:auto;color:#666;font-size:17px;line-height:1.7}
.services{padding:100px 5vw;background:#f1f0ec}.section-head{display:grid;grid-template-columns:1.1fr .7fr;gap:70px;align-items:end;margin-bottom:45px}.section-head>p{color:#666;line-height:1.7;margin-bottom:25px}.service-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:14px}.service-card{height:560px;position:relative;overflow:hidden;background:#161616;color:#fff}.service-card img{width:100%;height:100%;object-fit:cover}.service-card:nth-child(2) img{object-position:82% center}.service-card .overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.05) 65%)}.card-copy{position:absolute;left:0;right:0;bottom:0;padding:34px}.card-copy b{color:#aaa;font-size:11px}.card-copy h3{font-size:28px;line-height:1;margin:10px 0 13px}.card-copy p{font-size:14px;color:#d0d0d0;line-height:1.55}.card-copy a{font-size:11px;font-weight:900}.massage{background:linear-gradient(135deg,#252525,#080808)}.massage-mark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:66px;font-weight:900;letter-spacing:-5px;opacity:.9}.massage-mark img{width:190px;height:auto;object-fit:contain;display:block;margin-bottom:14px}.massage-mark span{font-size:13px;letter-spacing:6px;color:#aaa;font-weight:800}
.center-section{background:#111;color:#fff;padding:95px 5vw;display:grid;grid-template-columns:.72fr 1.28fr;gap:65px;align-items:center}.center-copy h2{font-size:clamp(42px,4.8vw,70px);margin:12px 0 25px}.center-copy>p:not(.eyebrow){color:#aaa;line-height:1.7;font-size:16px;margin-bottom:28px}.center-main{height:560px;overflow:hidden}.center-main img{width:100%;height:100%;object-fit:cover}
.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);height:320px;background:#111;gap:3px}.photo-grid img{width:100%;height:100%;object-fit:cover}
.why{padding:110px 7vw;background:#fff;display:grid;grid-template-columns:.8fr 1.1fr;gap:80px;align-items:center}.why-photo{height:620px;background:#111;overflow:hidden}.why-photo img{width:100%;height:100%;object-fit:cover;object-position:center 15%}.why-copy h2{font-size:clamp(42px,4.7vw,68px);margin:12px 0 35px}.reason{display:grid;grid-template-columns:50px 1fr;gap:15px;border-top:1px solid #ddd;padding:22px 0}.reason>b{color:#888}.reason h3{margin:0 0 6px;font-size:18px}.reason p{margin:0;color:#666;line-height:1.55}
.contact{background:#0c0c0c;color:#fff;text-align:center;padding:115px 20px}.contact h2{font-size:clamp(48px,6vw,86px);margin:10px 0 20px}.contact>p:not(.eyebrow){color:#aaa;font-size:17px}.contact-actions{justify-content:center}.phone{font-size:22px;font-weight:900;margin-left:10px}
footer{background:#fff;padding:34px 5vw;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#666;font-size:12px}footer img{width:155px}
@media(max-width:900px){.site-header{height:78px}.brand img{width:155px}.site-header nav,.top-phone{display:none}.outline-btn{margin-left:auto}.hero{height:auto;min-height:780px;padding-bottom:220px}.hero-copy{position:relative;left:auto;top:auto;width:auto;padding:80px 7vw 30px}.hero-person{right:0;bottom:112px;width:52vw;height:430px;opacity:.6}.hero-strip{height:auto;grid-template-columns:1fr;bottom:0;padding:0 6vw}.hero-strip>div{padding:14px 0;border-left:0;border-top:1px solid #2f2f2f}.hero h1{letter-spacing:-2px}.section-head,.center-section,.why{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.service-card{height:470px}.center-main{height:420px}.photo-grid{grid-template-columns:1fr 1fr;height:auto}.photo-grid img{height:260px}.why-photo{height:480px}footer{align-items:flex-start;flex-direction:column}.statement h2,.section-head h2,.center-copy h2,.why-copy h2,.contact h2{letter-spacing:-2px}}
@media(max-width:560px){.hero-person{width:70vw}.hero-copy{padding-top:60px}.hero-lead{font-size:16px}.actions{align-items:stretch;flex-direction:column}.btn{text-align:center}.section-head{gap:10px}.photo-grid img{height:190px}.phone{margin:8px 0 0}.brand{padding:0}.brand img{width:140px;height:52px}}
/* v3: presentación profesional y galería actualizada */
.photo-grid-three{grid-template-columns:repeat(3,1fr);height:350px}
.about{padding:105px 7vw;background:#fff;display:grid;grid-template-columns:.78fr 1.22fr;gap:75px;align-items:center}.about-photo{height:720px;background:#111;overflow:hidden}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center 12%}.about-copy h2{font-size:clamp(42px,4.5vw,66px);font-weight:900;letter-spacing:-3px;line-height:.92;margin:12px 0 26px}.about-copy h2 span{color:#777}.about-copy>p:not(.eyebrow):not(.about-quote){color:#5f5f5f;line-height:1.7;font-size:15px}.credentials{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 28px}.credentials span{background:#111;color:#fff;padding:17px 13px;font-size:10px;font-weight:800;letter-spacing:.7px;line-height:1.25}.credentials strong{display:block;font-size:25px;letter-spacing:-1px;margin-bottom:4px}.about-quote{border-left:4px solid #111;padding:5px 0 5px 18px;margin-top:27px;font-size:18px;line-height:1.5;color:#333}.principles{background:#f1f0ec;padding:35px 7vw 75px;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.principles .reason{border-top:2px solid #111}
@media(max-width:900px){.about{grid-template-columns:1fr}.about-photo{height:560px}.credentials{grid-template-columns:1fr 1fr 1fr}.photo-grid-three{grid-template-columns:1fr 1fr;height:auto}.photo-grid-three img{height:270px}.photo-grid-three img:last-child{grid-column:1/3}.principles{grid-template-columns:1fr;gap:0}.about-copy h2{letter-spacing:-2px}}
@media(max-width:560px){.credentials{grid-template-columns:1fr}.about{padding:75px 7vw}.about-photo{height:480px}.photo-grid-three{grid-template-columns:1fr}.photo-grid-three img,.photo-grid-three img:last-child{height:230px;grid-column:auto}}

/* v9 — optimización específica para móvil */
@media(max-width:560px){
  /* Portada: en móvil se prioriza una sola imagen de fondo y se elimina el retrato superpuesto. */
  .hero{min-height:760px;padding-bottom:205px}
  .hero-bg{background:linear-gradient(180deg,rgba(0,0,0,.70) 0%,rgba(0,0,0,.58) 42%,rgba(0,0,0,.88) 100%),url('assets/centro-hero.jpg') center/cover no-repeat;filter:saturate(.72) contrast(1.06)}
  .hero-person{display:none}
  .hero-copy{padding:38px 7vw 28px}
  .hero h1{font-size:clamp(43px,13.2vw,58px);line-height:.91;letter-spacing:-2.5px;margin-bottom:22px;max-width:100%;overflow-wrap:normal;word-break:normal}
  .hero-lead{max-width:100%;font-size:16px;line-height:1.5}
  .hero-strip{padding:0 6vw}

  /* Los números eran un recurso editorial; en pantalla estrecha sólo añaden ruido. */
  .service-card .card-copy>b{display:none}

  /* MRC Recover: marca y contenido pasan a ocupar zonas separadas. */
  .service-card.massage{height:470px}
  .massage-mark{inset:38px 0 auto 0;height:155px;justify-content:flex-start;opacity:.95}
  .massage-mark img{width:150px;height:auto;margin:0 0 10px}
  .massage-mark span{font-size:11px;letter-spacing:5px}
  .massage .card-copy{bottom:0;padding:30px 10vw 34px}
  .massage .card-copy h3{font-size:28px;line-height:1.02;margin:0 0 18px}
  .massage .card-copy p{margin-bottom:0}
}

@media(max-width:380px){
  .hero h1{font-size:42px;letter-spacing:-2px}
  .massage .card-copy h3{font-size:26px}
}