@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(/assets/fonts/cormorant-garamond-500-italic.woff2) format('woff2')} @font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/cormorant-garamond-500-normal.woff2) format('woff2')} @font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/cormorant-garamond-600-normal.woff2) format('woff2')} @font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/manrope-400-normal.woff2) format('woff2')} @font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/manrope-500-normal.woff2) format('woff2')} @font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/manrope-600-normal.woff2) format('woff2')} :root{ --crema:#FAF6F0;--marfil:#FFFDF9;--arena:#F2E9DC;--linea:#E7DBCB; --champan:#C8A46B;--oro:#7A5A2B;--tinta:#4E3B2C;--gris:#6E5A47;--noche:#3B2B20;--oro-claro:#D6B37A;--dorado:#9A733A;--claro:#E9DCC8; --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif; --sans:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; --radio:3px;--sombra:none;--ancho:1180px } *,*::before,*::after{box-sizing:border-box} html{scroll-behavior:smooth;-webkit-text-size-adjust:100%} body{margin:0;background:var(--crema);color:var(--tinta);font:400 17px/1.7 var(--sans);-webkit-font-smoothing:antialiased} img{max-width:100%;height:auto;display:block} figure{margin:0} a{color:inherit;text-decoration-color:var(--champan);text-underline-offset:3px} a:hover{color:var(--oro)} :focus-visible{outline:2px solid var(--champan);outline-offset:3px;border-radius:4px} h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.12;letter-spacing:-.01em;margin:0 0 .5em;color:var(--oro)} h1{font-size:clamp(2.5rem,5.2vw,4.4rem)} h2{font-size:clamp(2rem,3.6vw,3rem)} h3{font-size:1.6rem} p{margin:0 0 1.1em} .salto{position:absolute;left:-9999px}.salto:focus{left:16px;top:16px;z-index:99;background:var(--marfil);padding:8px 14px} .contenedor{max-width:var(--ancho);margin:0 auto;padding:0 24px} .estrecho{max-width:760px} .antetitulo{display:block;font:italic 500 1.2rem/1.3 var(--serif);color:var(--oro);margin-bottom:.8rem} .cursiva{font-family:var(--serif);font-style:italic;color:var(--oro)} .lead{font-size:1.15rem;color:var(--gris);max-width:36em} section{padding:clamp(64px,9vw,120px) 0} /* botones */ .boton{display:inline-flex;align-items:center;gap:.6em;padding:1em 1.6em;border-radius:3px;background:#5A4231;color:var(--marfil); font:600 .95rem/1 var(--sans);letter-spacing:.02em;text-decoration:none;border:1px solid #5A4231;transition:transform .2s,background .2s,color .2s} .boton:hover{background:var(--oro);border-color:var(--oro);color:var(--marfil);transform:translateY(-1px)} .boton--claro{background:transparent;color:var(--tinta);border-color:var(--linea)} .boton--claro:hover{background:var(--marfil);color:var(--tinta);border-color:var(--champan)} .boton svg{width:18px;height:18px;flex:none} .flecha{font-weight:600;text-decoration:none;color:var(--oro);font-size:.95rem} .flecha::after{content:" →";transition:margin .2s}.flecha:hover::after{margin-left:4px} /* cabecera */ .cabecera{position:sticky;top:0;z-index:50;background:rgba(250,246,240,.86);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--linea)} .cabecera .contenedor{display:flex;align-items:center;justify-content:space-between;height:78px;gap:24px} .marca img{height:64px;width:auto} .menu{display:flex;align-items:center;gap:30px} .menu a{text-decoration:none;font-size:.93rem;font-weight:500;color:var(--tinta)} .menu a:hover,.menu a[aria-current]{color:var(--oro)} .menu .boton{color:var(--marfil);padding:.8em 1.3em} .menu-movil{display:none} @media (max-width:960px){ .menu{display:none} .menu-movil{display:block} .menu-movil summary{list-style:none;cursor:pointer;padding:10px 14px;border:1px solid var(--linea);border-radius:var(--radio);font-weight:600;font-size:.9rem} .menu-movil summary::-webkit-details-marker{display:none} .menu-movil[open] nav{position:absolute;left:0;right:0;top:78px;background:var(--marfil);border-bottom:1px solid var(--linea);padding:12px 24px 24px;display:grid;gap:4px;box-shadow:var(--sombra)} .menu-movil nav a{text-decoration:none;padding:12px 0;border-bottom:1px solid var(--linea);font-weight:500} .menu-movil nav .boton{margin-top:14px;justify-content:center;color:var(--marfil)} } /* portada */ .hero{padding:clamp(40px,6vw,88px) 0 clamp(56px,7vw,100px)} .hero .contenedor{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(36px,6vw,90px);align-items:center} .hero h1 em{font-style:italic;color:var(--oro)} .hero .lead{margin-bottom:2rem} .acciones{display:flex;flex-wrap:wrap;gap:14px} .lema{font-family:var(--serif);font-style:italic;font-size:1.4rem;color:var(--gris);margin-top:2.4rem} .hero .firma{width:200px;margin-top:.6rem;opacity:.85} .retrato{position:relative;justify-self:end;width:min(100%,470px)} .retrato img{border-radius:var(--radio);aspect-ratio:4/5;object-fit:cover;object-position:50% 22%} .retrato figcaption{font:italic 500 1rem/1.4 var(--serif);color:var(--gris);margin-top:12px} .retrato .sello{position:absolute;z-index:2;left:-34px;bottom:44px;background:var(--marfil);border-radius:16px;padding:14px 18px;box-shadow:var(--sombra);display:flex;align-items:center;gap:12px;max-width:260px} .sello img{width:42px;height:42px;border-radius:50%;box-shadow:none;aspect-ratio:1;flex:none} .sello span{font-size:.84rem;line-height:1.35;color:var(--gris)}.sello strong{display:block;color:var(--tinta);font-weight:600} @media (max-width:900px){.hero{padding-top:20px}.hero .contenedor{grid-template-columns:1fr;gap:26px}.retrato{order:-1;width:100%;justify-self:stretch}.retrato img{aspect-ratio:4/4.2;object-position:50% 16%}} @media (max-width:560px){.acciones .boton{flex:1 1 100%;justify-content:center}} .confianza{padding:0 0 clamp(40px,6vw,70px)} .confianza ul{list-style:none;margin:0;padding:28px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)} .confianza li{display:flex;gap:14px;align-items:flex-start;font-size:.95rem;color:var(--gris)} .confianza li strong{display:block;color:var(--tinta);font-weight:600} .confianza svg{width:26px;height:26px;color:var(--champan);flex:none;margin-top:2px} @media (max-width:760px){.confianza ul{grid-template-columns:1fr}} .cabeza-seccion{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:clamp(32px,5vw,56px)} .cabeza-seccion h2{margin:0;max-width:16em} .cabeza-seccion p{max-width:30em;color:var(--gris);margin:0} @media (max-width:760px){.cabeza-seccion{flex-direction:column;align-items:start}} .fases{background:var(--marfil)} .fases-rejilla{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} .fase{position:relative;background:var(--crema);border:1px solid var(--linea);border-radius:var(--radio);padding:34px 30px 30px;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;flex-direction:column} .fase:hover{transform:translateY(-4px);box-shadow:var(--sombra);border-color:var(--champan);color:inherit} .fase .num{font:italic 500 3rem/1 var(--serif);color:var(--champan)} .fase .cuando{font:600 .72rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--oro);margin:18px 0 10px} .fase h3{margin-bottom:.4em} .fase p{color:var(--gris);font-size:.97rem;flex:1} @media (max-width:860px){.fases-rejilla{grid-template-columns:1fr}} .oscura{background:var(--noche);color:var(--claro)} .oscura h2,.oscura h3{color:var(--oro-claro)} .oscura .antetitulo{color:var(--oro-claro)} .oscura .lead,.oscura p{color:var(--claro)} .dividida{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(36px,6vw,90px);align-items:center} .dividida--inversa{grid-template-columns:1.1fr .9fr} .dividida--inversa .media{order:2} .media img{border-radius:var(--radio);aspect-ratio:4/5;object-fit:cover} .lista-oro{list-style:none;padding:0;margin:1.4rem 0 2rem} .lista-oro li{padding:12px 0 12px 32px;border-bottom:1px solid rgba(200,164,107,.22);position:relative} .lista-oro li::before{content:"·";position:absolute;left:8px;top:9px;color:var(--champan);font-size:1.4rem;line-height:1} .oscura .boton{background:var(--champan);border-color:var(--champan);color:var(--noche)} .oscura .boton:hover{background:#E2C590;border-color:#E2C590;color:var(--noche)} @media (max-width:860px){.dividida,.dividida--inversa{grid-template-columns:1fr}.dividida--inversa .media{order:0}} .rejilla-tratamientos{display:grid;grid-template-columns:repeat(3,1fr);gap:26px} .tratamiento{text-decoration:none;display:block} .tratamiento .foto{overflow:hidden;border-radius:var(--radio);aspect-ratio:4/5;background:var(--arena)} .tratamiento img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease} .tratamiento:hover img{transform:scale(1.04)} .tratamiento h3{margin:18px 0 6px;font-size:1.55rem} .tratamiento p{color:var(--gris);font-size:.95rem;margin:0} .tratamiento:hover h3{color:var(--oro)} @media (max-width:900px){.rejilla-tratamientos{grid-template-columns:repeat(2,1fr)}} @media (max-width:560px){.rejilla-tratamientos{grid-template-columns:1fr}} .sobre{background:var(--arena)} .sobre .firma{width:170px;margin:1.6rem 0 0;opacity:.9} /* preguntas frecuentes */ .faq details{border-bottom:1px solid var(--linea);padding:4px 0} .faq summary{list-style:none;cursor:pointer;padding:20px 44px 20px 0;position:relative;font:500 1.32rem/1.3 var(--serif)} .faq summary::-webkit-details-marker{display:none} .faq summary::after{content:"+";position:absolute;right:6px;top:16px;font:300 1.7rem/1 var(--sans);color:var(--champan);transition:transform .25s} .faq details[open] summary::after{transform:rotate(45deg)} .faq details p{color:var(--gris);margin:0 0 22px;max-width:46em} /* blog */ .rejilla-blog{display:grid;grid-template-columns:repeat(3,1fr);gap:28px} .tarjeta{text-decoration:none;display:flex;flex-direction:column;background:var(--marfil);border:1px solid var(--linea);border-radius:var(--radio);overflow:hidden;transition:transform .25s,box-shadow .25s} .tarjeta:hover{transform:translateY(-4px);box-shadow:var(--sombra);color:inherit} .tarjeta img{aspect-ratio:16/10;object-fit:cover;width:100%} .tarjeta .cuerpo{padding:22px 24px 26px;display:flex;flex-direction:column;gap:8px;flex:1} .tarjeta time{font:600 .72rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--oro)} .tarjeta h3{font-size:1.4rem;margin:0} .tarjeta p{color:var(--gris);font-size:.93rem;margin:0} .tarjeta--sin-foto .cuerpo{padding-top:28px} @media (max-width:900px){.rejilla-blog{grid-template-columns:1fr 1fr}} @media (max-width:600px){.rejilla-blog{grid-template-columns:1fr}} /* llamada final */ .cta{text-align:center;background:var(--marfil);border-top:1px solid var(--linea)} .cta h2{max-width:14em;margin:0 auto .4em} .cta p{color:var(--gris);max-width:34em;margin:0 auto 2rem} .cta .acciones{justify-content:center} .datos{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 34px;margin-top:2.2rem;color:var(--gris);font-size:.95rem} .datos a{text-decoration:none;font-weight:500;color:var(--tinta)} /* páginas interiores */ .cabecera-pagina{padding:clamp(48px,7vw,96px) 0 clamp(36px,5vw,64px);border-bottom:1px solid var(--linea)} .cabecera-pagina .contenedor{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,72px);align-items:center} .cabecera-pagina--sola .contenedor{grid-template-columns:1fr} .cabecera-pagina .lead{margin-bottom:1.6rem} .cabecera-pagina img{border-radius:var(--radio);aspect-ratio:4/5;object-fit:cover;box-shadow:var(--sombra);max-height:560px;width:100%} @media (max-width:860px){.cabecera-pagina .contenedor{grid-template-columns:1fr}} .migas{font-size:.82rem;color:var(--gris);margin-bottom:1.4rem} .migas a{text-decoration:none}.migas span{margin:0 8px;color:var(--champan)} .prosa{font-size:1.06rem} .prosa h2{font-size:clamp(1.8rem,3vw,2.35rem);margin:2.2em 0 .6em} .prosa h3{font-size:1.45rem;margin:1.8em 0 .5em} .prosa ul,.prosa ol{padding-left:1.3em;margin:0 0 1.3em} .prosa li{margin:.45em 0} .prosa li::marker{color:var(--champan)} .prosa strong{font-weight:600} .prosa a{color:var(--oro);font-weight:500} .prosa img{border-radius:var(--radio);margin:2rem 0;width:100%;max-height:560px;object-fit:cover} .prosa table{width:100%;border-collapse:collapse;margin:1.6rem 0 2rem;font-size:.95rem;background:var(--marfil);border-radius:12px;overflow:hidden} .prosa th{text-align:left;font-weight:600;background:var(--arena);padding:12px 14px} .prosa td{padding:12px 14px;border-top:1px solid var(--linea);vertical-align:top} .prosa blockquote{margin:2rem 0;padding:6px 0 6px 24px;border-left:2px solid var(--champan);font:italic 500 1.4rem/1.45 var(--serif);color:var(--gris)} .aviso{background:var(--arena);border-radius:14px;padding:18px 22px;font-size:.95rem;color:var(--gris);margin:2rem 0} .relacionados{background:var(--marfil);border-top:1px solid var(--linea)} /* artículo */ .articulo-cabecera{padding:clamp(44px,6vw,84px) 0 28px;text-align:center} .articulo-cabecera h1{font-size:clamp(2.2rem,4.4vw,3.6rem);max-width:17em;margin:0 auto .5em} .articulo-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px;color:var(--gris);font-size:.88rem} .articulo-meta a{text-decoration:none;font-weight:600;color:var(--tinta)} .portada-articulo{max-width:980px;margin:12px auto 0;padding:0 24px} .portada-articulo img{border-radius:var(--radio);aspect-ratio:16/9;object-fit:cover;width:100%;box-shadow:var(--sombra)} .articulo-cuerpo{padding:clamp(40px,5vw,64px) 0} .referencias{font-size:.86rem;color:var(--gris)} .referencias ol{padding-left:1.3em}.referencias li{margin:.6em 0} .autora{display:flex;gap:22px;align-items:center;background:var(--arena);border-radius:var(--radio);padding:26px 28px;margin:3rem 0 0} .autora img{width:84px;height:84px;border-radius:50%;object-fit:cover;object-position:50% 20%;flex:none} .autora strong{font:500 1.35rem/1.2 var(--serif);display:block} .autora p{margin:.3em 0 0;font-size:.93rem;color:var(--gris)} @media (max-width:560px){.autora{flex-direction:column;text-align:center}} /* pie */ .pie{background:var(--noche);color:var(--claro);padding:72px 0 28px;font-size:.93rem} .pie .contenedor>div:first-child{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px} .pie .pie-titulo{font:600 .74rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--oro-claro);margin:6px 0 18px} .pie ul{list-style:none;margin:0;padding:0;display:grid;gap:10px} .pie a{text-decoration:none;color:var(--claro)}.pie a:hover{color:var(--oro-claro)} .pie .firma-pie{width:180px;margin-bottom:16px} .pie .legal{margin-top:56px;padding-top:22px;border-top:1px solid rgba(200,164,107,.2);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.82rem;color:#C4B29B} @media (max-width:860px){.pie .contenedor>div:first-child{grid-template-columns:1fr 1fr}} @media (max-width:520px){.pie .contenedor>div:first-child{grid-template-columns:1fr}} /* whatsapp flotante */ .wa{position:fixed;right:20px;bottom:20px;z-index:60;width:58px;height:58px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 12px 30px -10px rgba(0,0,0,.45);transition:transform .2s} .wa:hover{transform:scale(1.06)}.wa svg{width:30px;height:30px;color:#fff} @media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}} /* índice de las tres fases, como un sumario de revista */ .indice{border-top:1px solid var(--tinta)} .indice a{display:grid;grid-template-columns:90px 1fr 1.25fr 120px;gap:28px;align-items:baseline;padding:34px 0;border-bottom:1px solid var(--linea);text-decoration:none} .indice .num{font:500 1.05rem/1 var(--serif);color:var(--oro)} .indice h3{margin:0;font-size:clamp(1.6rem,2.4vw,2.1rem)} .indice small{display:block;font:italic 500 1.05rem/1.3 var(--serif);color:var(--oro);margin-top:6px} .indice p{margin:0;color:var(--gris)} .indice .flecha{text-align:right} .indice a:hover h3{color:var(--oro)} @media (max-width:860px){.indice a{grid-template-columns:1fr;gap:10px}.indice .flecha{text-align:left}} .pie-foto{font:italic 500 .95rem/1.4 var(--serif);color:var(--gris);text-align:center;margin-top:10px} /* nombres de tratamiento en dorado: solo en texto grande (>=24px), donde basta 3:1 (#9A733A da 3,6-4,2) */ .tratamiento h3,.indice h3,.fase h3{color:var(--dorado)} .tratamiento:hover h3,.indice a:hover h3,.fase:hover h3{color:var(--oro)} .pie .servicios-pie a{color:var(--oro-claro)} .pie .servicios-pie a:hover{color:var(--claro)} .fases .domicilio{margin:2rem 0 0;font-size:1.05rem} .fases .domicilio a{color:var(--bronce);font-weight:600}