:root{
    --beige:#F6F0E8; --beige-2:#EDE3D6; --nude:#D9C3AE;
    --brown:#5C4433; --brown-soft:#8A6F5A; --gold:#C2A065;
    --text:#41342A; --white:#FCFAF7; --shadow:0 12px 40px rgba(92,68,51,.12);
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{font-family:'Jost',sans-serif;color:var(--text);background:var(--beige);line-height:1.7;font-weight:300}
  h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;font-weight:500;line-height:1.15;color:var(--brown)}
  a{text-decoration:none;color:inherit}
  .container{max-width:1140px;margin:0 auto;padding:0 24px}
  .eyebrow{font-size:.78rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:500}

  /* NAV */
  header{position:sticky;top:0;z-index:50;background:rgba(246,240,232,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--beige-2)}
  nav{display:flex;align-items:center;justify-content:space-between;height:72px}
  .logo{font-family:'Cormorant Garamond',serif;font-size:1.5rem;color:var(--brown);letter-spacing:.02em}
  .logo span{color:var(--gold)}
  .nav-links{display:flex;gap:28px;list-style:none;align-items:center}
  .nav-links a{font-size:.88rem;letter-spacing:.04em;transition:color .2s}
  .nav-links a:hover{color:var(--gold)}
  .nav-cta{background:var(--brown);color:var(--white)!important;padding:10px 20px;border-radius:40px;font-size:.82rem;letter-spacing:.05em;transition:background .25s}
  .nav-cta:hover{background:var(--gold)}
  .burger{display:none;font-size:1.6rem;color:var(--brown);background:none;border:none;cursor:pointer}

  /* HERO */
  .hero{position:relative;padding:90px 0 110px;background:
     radial-gradient(1200px 500px at 80% -10%, var(--beige-2), transparent 60%),
     linear-gradient(180deg,var(--beige) 0%, var(--white) 100%);overflow:hidden}
  .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
  .hero h1{font-size:clamp(2.6rem,5vw,4.3rem);margin:18px 0 22px}
  .hero h1 em{font-style:italic;color:var(--gold)}
  .hero p.lead{font-size:1.15rem;max-width:520px;margin-bottom:34px;color:var(--brown-soft)}
  .btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:44px;font-size:.95rem;letter-spacing:.03em;font-weight:400;transition:all .25s;cursor:pointer;border:none}
  .btn-primary{background:var(--brown);color:var(--white)}
  .btn-primary:hover{background:var(--gold);transform:translateY(-2px)}
  .btn-ghost{background:transparent;color:var(--brown);border:1px solid var(--nude);margin-left:14px}
  .btn-ghost:hover{background:var(--beige-2)}
  .hero-visual{position:relative;aspect-ratio:4/5;border-radius:260px 260px 28px 28px;
     background:linear-gradient(160deg,var(--nude),var(--brown-soft));box-shadow:var(--shadow);
     display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
  .hero-visual .ph{color:var(--white);opacity:.85;text-align:center;padding:30px;font-size:.85rem;letter-spacing:.04em}
  .hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
  .hero-visual::before{content:"";position:absolute;inset:18px;border:1px solid rgba(252,250,247,.4);border-radius:248px 248px 18px 18px}
  .badges{display:flex;gap:26px;margin-top:40px;flex-wrap:wrap}
  .badge{font-size:.82rem;color:var(--brown-soft);display:flex;align-items:center;gap:8px}
  .badge b{font-family:'Cormorant Garamond',serif;font-size:1.7rem;color:var(--brown);font-weight:600}

  /* SECTION base */
  section{padding:84px 0}
  .section-head{text-align:center;max-width:640px;margin:0 auto 50px}
  .section-head h2{font-size:clamp(2rem,4vw,3rem);margin:12px 0 14px}
  .section-head p{color:var(--brown-soft)}

  /* SERVICES */
  .services{background:var(--white)}
  .svc-group + .svc-group{margin-top:48px}
  .svc-label{display:flex;align-items:center;gap:14px;margin-bottom:22px}
  .svc-label h3{font-size:1.7rem;white-space:nowrap}
  .svc-label .line{height:1px;background:var(--beige-2);flex:1}
  .svc-label .pin{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:600}
  .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .card{background:var(--beige);border:1px solid var(--beige-2);border-radius:18px;padding:30px 26px;transition:transform .25s,box-shadow .25s}
  .card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
  .card .ico{width:50px;height:50px;border-radius:50%;background:var(--beige-2);display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:1.35rem}
  .card h4{font-family:'Cormorant Garamond',serif;font-size:1.4rem;margin-bottom:9px;color:var(--brown)}
  .card p{font-size:.92rem;color:var(--brown-soft)}

  /* SOBRE */
  .about{background:var(--beige-2)}
  .split{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
  .about-visual{position:relative;aspect-ratio:1/1;border-radius:24px;overflow:hidden;background:linear-gradient(160deg,var(--brown-soft),var(--brown));box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;color:var(--white);text-align:center;padding:30px;font-size:.85rem;opacity:.95}
  .about-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}
  .about h2{font-size:clamp(2rem,4vw,3rem);margin:12px 0 18px}
  .about p{margin-bottom:16px;color:var(--text)}
  .checklist{list-style:none;margin-top:22px;display:grid;gap:12px}
  .checklist li{display:flex;gap:12px;align-items:flex-start;font-size:.96rem}
  .checklist .chk{color:var(--gold);font-weight:600}

  /* RESULTS */
  .results{background:var(--white);text-align:center}
  .gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:10px}
  .frame{position:relative;aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:linear-gradient(160deg,var(--beige-2),var(--nude))}
  .frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%;transition:transform .4s}
  .frame:hover img{transform:scale(1.05)}

  /* TESTIMONIOS */
  .testi{background:var(--beige)}
  .testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  .quote{background:var(--white);border:1px solid var(--beige-2);border-radius:18px;padding:30px 26px;box-shadow:var(--shadow)}
  .stars{color:var(--gold);letter-spacing:3px;margin-bottom:14px;font-size:.95rem}
  .quote p{font-style:italic;color:var(--text);margin-bottom:18px;font-size:.97rem}
  .quote .who{display:flex;align-items:center;gap:12px}
  .quote .av{width:42px;height:42px;border-radius:50%;background:var(--nude);display:flex;align-items:center;justify-content:center;color:var(--brown);font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:600}
  .quote .who b{font-weight:500;color:var(--brown)}
  .quote .who span{display:block;font-size:.8rem;color:var(--brown-soft)}

  /* FAQ */
  .faq{background:var(--white)}
  .faq-wrap{max-width:780px;margin:0 auto}
  details{border-bottom:1px solid var(--beige-2);padding:18px 4px}
  summary{cursor:pointer;list-style:none;font-size:1.12rem;font-family:'Cormorant Garamond',serif;color:var(--brown);display:flex;justify-content:space-between;align-items:center;gap:16px}
  summary::-webkit-details-marker{display:none}
  summary .plus{color:var(--gold);font-size:1.5rem;transition:transform .2s;flex:0 0 auto}
  details[open] summary .plus{transform:rotate(45deg)}
  details p{margin-top:12px;color:var(--brown-soft);font-size:.96rem}

  /* CONTACT */
  .contact{background:linear-gradient(160deg,var(--brown) 0%, #46342770 120%),var(--brown);color:var(--beige)}
  .contact h2{color:var(--white)}
  .contact .section-head p{color:var(--nude)}
  .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
  .info-block{display:grid;gap:22px}
  .info-item{display:flex;gap:16px;align-items:flex-start}
  .info-item .ico{font-size:1.3rem;margin-top:2px}
  .info-item h4{font-family:'Jost';font-weight:500;color:var(--white);letter-spacing:.04em;font-size:.95rem;margin-bottom:3px}
  .info-item p{color:var(--nude);font-size:.95rem}
  .map-card{background:rgba(252,250,247,.06);border:1px solid rgba(252,250,247,.18);border-radius:20px;padding:34px}
  .map-card h3{color:var(--white);font-size:1.8rem;margin-bottom:8px}
  .map-card p{color:var(--nude);margin-bottom:22px;font-size:.95rem}
  .pay{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
  .pay span{font-size:.78rem;border:1px solid rgba(252,250,247,.25);padding:7px 14px;border-radius:30px;color:var(--beige)}
  .contact .btn-primary{background:var(--gold);color:var(--brown);width:100%;justify-content:center;margin-top:26px}
  .contact .btn-primary:hover{background:var(--white)}

  /* FOOTER */
  footer{background:#3C2C20;color:var(--nude);padding:46px 0;text-align:center}
  footer .logo{color:var(--beige);margin-bottom:14px;display:inline-block}
  .socials{display:flex;gap:18px;justify-content:center;margin:18px 0}
  .socials a{width:42px;height:42px;border-radius:50%;border:1px solid rgba(252,250,247,.25);display:flex;align-items:center;justify-content:center;transition:all .25s}
  .socials a:hover{background:var(--gold);border-color:var(--gold)}
  .socials svg{width:18px;height:18px;fill:var(--beige)}
  footer small{display:block;margin-top:14px;font-size:.78rem;opacity:.7}

  /* WhatsApp flotante, con texto visible */
  .wa-float{position:fixed;right:22px;bottom:22px;z-index:60;display:inline-flex;align-items:center;gap:10px;
     height:56px;padding:0 24px 0 18px;border-radius:40px;background:#25D366;color:#fff!important;
     font-family:'Jost',sans-serif;font-size:.97rem;font-weight:500;white-space:nowrap;
     box-shadow:0 8px 24px rgba(0,0,0,.25);transition:transform .2s,box-shadow .2s}
  .wa-float:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.32)}
  .wa-float svg{width:26px;height:26px;fill:#fff;flex:0 0 26px}

  /* Volver arriba */
  .arriba{position:fixed;right:24px;bottom:92px;z-index:59;width:44px;height:44px;border-radius:50%;
     background:var(--white);border:1px solid var(--nude);color:var(--brown);padding:0;
     display:flex;align-items:center;justify-content:center;cursor:pointer;
     box-shadow:0 6px 18px rgba(92,68,51,.20);
     opacity:0;visibility:hidden;transform:translateY(8px);
     transition:opacity .25s,transform .25s,visibility .25s,background .2s,color .2s}
  .arriba.visible{opacity:1;visibility:visible;transform:translateY(0)}
  .arriba:hover{background:var(--beige-2);color:var(--gold)}
  .arriba svg{width:18px;height:18px;fill:currentColor}

  /* Datos de contacto en el pie */
  .footer-datos{margin:16px 0 2px;font-size:.9rem;line-height:1.9}
  .footer-datos a{border-bottom:1px solid rgba(217,195,174,.35);transition:color .2s,border-color .2s}
  .footer-datos a:hover{color:var(--gold);border-color:var(--gold)}
  .footer-datos i{font-style:normal;opacity:.45;margin:0 10px}

  @media(max-width:540px){
    .wa-float{right:14px;bottom:14px;height:50px;padding:0 19px 0 15px;font-size:.9rem;gap:8px}
    .wa-float svg{width:23px;height:23px;flex:0 0 23px}
    .arriba{right:16px;bottom:74px;width:40px;height:40px}
    .footer-datos i{display:none}
    .footer-datos a{display:block}
  }

  @media(max-width:880px){
    .hero-grid,.split,.contact-grid{grid-template-columns:1fr;gap:40px}
    .hero-visual{max-width:320px;margin:0 auto;aspect-ratio:auto;background:none;box-shadow:none;border-radius:0;overflow:visible}
    .hero-visual::before{display:none}
    .hero-visual img{position:static;width:100%;height:auto;display:block;border-radius:180px 180px 18px 18px;box-shadow:0 12px 40px rgba(92,68,51,.12)}
    .cards,.gallery,.testi-grid{grid-template-columns:1fr 1fr}
    .nav-links{position:fixed;top:72px;left:0;right:0;background:var(--beige);flex-direction:column;padding:24px;gap:18px;border-bottom:1px solid var(--beige-2);transform:translateY(-160%);transition:transform .3s}
    .nav-links.open{transform:translateY(0)}
    .burger{display:block}
  }
  @media(max-width:540px){
    .cards,.gallery,.testi-grid{grid-template-columns:1fr}
    .btn-ghost{margin-left:0;margin-top:12px}
  }

  /* ===== PAGINAS DE TRATAMIENTO ===== */
  .migas{font-size:.82rem;letter-spacing:.04em;color:var(--brown-soft);margin-bottom:6px}
  .migas a{color:var(--brown-soft)}
  .migas a:hover{color:var(--gold)}

  .ficha{background:var(--white);border-top:1px solid var(--beige-2);border-bottom:1px solid var(--beige-2);padding:0}
  .ficha-grid{display:grid;grid-template-columns:repeat(4,1fr)}
  .ficha-grid.cinco{grid-template-columns:repeat(5,1fr)}
  .ficha-item{padding:30px 26px;border-right:1px solid var(--beige-2)}
  .ficha-item:last-child{border-right:none}
  .ficha-item .rot{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:500}
  .ficha-item .dato{font-family:'Cormorant Garamond',serif;font-size:1.5rem;color:var(--brown);line-height:1.2;margin-top:8px}
  .ficha-item .nota{font-size:.85rem;color:var(--brown-soft);margin-top:6px}

  .doscol{display:grid;grid-template-columns:1fr 1fr;gap:28px}
  .trescol{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .lista{background:var(--beige);border:1px solid var(--beige-2);border-radius:18px;padding:30px 28px;text-align:left}
  .lista.si{border-left:3px solid var(--gold)}
  .lista.no{border-left:3px solid var(--nude)}
  .lista.neutra{border-left:3px solid var(--brown-soft)}
  .lista.neutra li::before{background:var(--brown-soft)}
  .lista h4{font-family:'Cormorant Garamond',serif;font-size:1.45rem;margin-bottom:14px}
  .lista ul{list-style:none;display:flex;flex-direction:column;gap:11px}
  .lista li{font-size:.94rem;color:var(--brown-soft);padding-left:22px;position:relative}
  .lista li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--nude)}
  .lista.si li::before{background:var(--gold)}

  .pasos{counter-reset:paso;display:flex;flex-direction:column;gap:0;max-width:820px;margin:0 auto;text-align:left}
  .paso{counter-increment:paso;display:grid;grid-template-columns:54px 1fr;gap:22px;padding:26px 0;border-top:1px solid var(--beige-2)}
  .paso:last-child{border-bottom:1px solid var(--beige-2)}
  .paso::before{content:counter(paso,decimal-leading-zero);font-family:'Cormorant Garamond',serif;font-size:1.7rem;color:var(--gold);line-height:1}
  .paso h4{font-family:'Jost';font-weight:500;font-size:1.05rem;letter-spacing:.02em;margin-bottom:5px;color:var(--brown)}
  .paso p{font-size:.94rem;color:var(--brown-soft)}

  .cierre{background:var(--beige-2);text-align:center}
  .cierre .container{max-width:720px}
  .cierre h2{font-size:clamp(1.9rem,3.6vw,2.7rem);margin-bottom:14px}
  .cierre p{color:var(--brown-soft);margin-bottom:28px}

  .pendiente{display:inline-block;background:#FBE9C7;border:1px dashed #C79A3A;color:#7A5713;
             border-radius:6px;padding:2px 9px;font-size:.8rem;letter-spacing:.03em;font-family:'Jost';font-weight:400}

  @media(max-width:640px){
    .btn-ghost{margin-left:0;margin-top:12px}
  }
  @media(max-width:900px){
    .ficha-grid,.ficha-grid.cinco{grid-template-columns:1fr 1fr}
    .ficha-item:nth-child(2){border-right:none}
    .ficha-item:nth-child(1),.ficha-item:nth-child(2){border-bottom:1px solid var(--beige-2)}
    .doscol{grid-template-columns:1fr}
    .trescol{grid-template-columns:1fr}
  }
  @media(max-width:560px){
    .ficha-grid,.ficha-grid.cinco{grid-template-columns:1fr}
    .ficha-item{border-right:none;border-bottom:1px solid var(--beige-2)}
  }

  /* ===== PAGINA DE TURNOS ===== */
  .cab{padding:52px 0 34px;background:linear-gradient(180deg,var(--beige-2) 0%,var(--beige) 100%)}
  .cab h1{font-size:clamp(2.2rem,4.4vw,3.4rem);margin:10px 0 14px}
  .cab p.lead{font-size:1.08rem;max-width:560px;color:var(--brown-soft)}

  .turnos-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
  .mapa{border-radius:18px;overflow:hidden;border:1px solid var(--beige-2);box-shadow:var(--shadow);background:var(--beige-2)}
  .mapa iframe{display:block;width:100%;height:380px;border:0}
  .dato-linea{display:flex;gap:16px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--beige-2)}
  .dato-linea:first-child{border-top:1px solid var(--beige-2)}
  .dato-linea .ico{font-size:1.25rem;margin-top:2px}
  .dato-linea h4{font-family:'Jost';font-weight:500;font-size:.95rem;letter-spacing:.04em;color:var(--brown);margin-bottom:4px}
  .dato-linea p{font-size:.95rem;color:var(--brown-soft)}
  .dato-linea a:not(.btn){color:var(--brown);border-bottom:1px solid var(--nude)}
  .dato-linea a:not(.btn):hover{color:var(--gold)}
  .chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:8px}
  .chips span{font-size:.82rem;border:1px solid var(--beige-2);background:var(--white);padding:6px 14px;border-radius:30px;color:var(--brown-soft)}
  @media(max-width:900px){ .turnos-grid{grid-template-columns:1fr;gap:30px} }

  /* ===== PAGINA SOBRE LUCIANA ===== */
  .creds{display:flex;flex-direction:column;gap:0;max-width:840px;margin:0 auto;text-align:left}
  .cred{padding:20px 0;border-top:1px solid var(--beige-2)}
  .cred:last-child{border-bottom:1px solid var(--beige-2)}
  .cred h4{font-family:'Jost';font-weight:500;font-size:1.02rem;letter-spacing:.01em;color:var(--brown);margin-bottom:4px;line-height:1.35}
  .cred p{font-size:.92rem;color:var(--brown-soft)}
  .cred .lugar{display:block}
  .cred .anio{font-family:'Cormorant Garamond',serif;font-size:.95rem;color:var(--gold);letter-spacing:.06em}

  .relato{max-width:660px;margin:0 auto;text-align:left;display:flex;flex-direction:column;gap:16px}
  .relato p{color:var(--brown-soft)}
  .relato p strong{color:var(--brown);font-weight:400}

  .retrato-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:start;max-width:1000px;margin:0 auto;text-align:left}
  .retrato-foto{position:relative;border-radius:160px 160px 22px 22px;overflow:hidden;box-shadow:0 16px 46px rgba(92,68,51,.14);background:var(--beige-2)}
  .retrato-foto img{display:block;width:100%;height:auto}
  .retrato-foto::before{content:"";position:absolute;inset:14px;border:1px solid rgba(252,250,247,.45);border-radius:150px 150px 14px 14px;pointer-events:none}
  .retrato-grid .relato{max-width:none;margin:0}
  .retrato-pie{margin-top:14px;font-size:.85rem;color:var(--brown-soft);letter-spacing:.02em;text-align:center}
  @media(max-width:860px){
    .retrato-grid{grid-template-columns:1fr;gap:34px}
    .retrato-foto{max-width:320px;margin:0 auto}
  }

  .cab-foto{padding:56px 0 0;overflow:hidden}
  .cab-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:end}
  .cab-texto{padding-bottom:56px}
  .cab-acciones{margin-top:26px}
  .cab-foto .retrato-foto{max-width:360px;margin:0 0 0 auto;border-radius:180px 180px 0 0}
  .cab-foto .retrato-foto::before{border-radius:170px 170px 0 0}
  @media(max-width:860px){
    .cab-grid{grid-template-columns:1fr;gap:30px;align-items:start}
    .cab-texto{padding-bottom:0}
    .cab-foto{padding-bottom:40px}
    .cab-foto .retrato-foto{max-width:300px;margin:0 auto;border-radius:170px 170px 18px 18px}
    .cab-foto .retrato-foto::before{border-radius:160px 160px 12px 12px}
  }
  .svc-group[id]{scroll-margin-top:104px}
  section[id]{scroll-margin-top:88px}

  /* QUIEN TE VA A ATENDER */
  .profesional{padding:60px 0;background:var(--beige-2)}
  .prof-card{display:flex;align-items:center;gap:28px;max-width:780px;margin:0 auto;
     background:var(--white);border:1px solid var(--nude);border-radius:22px;
     padding:26px 30px;box-shadow:var(--shadow);text-align:left}
  .prof-card img{width:116px;height:116px;border-radius:50%;object-fit:cover;
     flex:0 0 116px;border:3px solid var(--beige)}
  .prof-card h3{font-family:'Cormorant Garamond',serif;font-size:1.45rem;color:var(--brown);margin-bottom:4px}
  .prof-mp{display:block;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;
     color:var(--gold);font-weight:500;margin-bottom:11px}
  .prof-card p{font-size:.95rem;color:var(--brown-soft);margin-bottom:11px;line-height:1.6}
  .prof-card a.prof-link{font-size:.92rem;color:var(--brown);border-bottom:1px solid var(--nude)}
  .prof-card a.prof-link:hover{color:var(--gold)}
  @media(max-width:640px){
    .profesional{padding:46px 0}
    .prof-card{flex-direction:column;text-align:center;gap:18px;padding:28px 22px}
  }
