:root{--paper:#fffaf0;--paper-2:#f2e7d8;--white:#fffdf8;--ink:#2f1e3d;--ink-2:#4a3154;--muted:#766678;--line:rgba(116,72,112,.16);--plum:#2b123d;--magenta:#d92b93}
html,body{background:#f8f1e6;color:var(--ink)}
#energy-canvas{display:none!important}.reveal{opacity:1;transform:none}

/* Navegación editorial contemporánea */
.nav-wrap{padding:18px clamp(18px,4vw,58px)}
.nav{height:76px;max-width:1400px;grid-template-columns:auto 1fr auto;padding:0 14px 0 18px;border:1px solid rgba(92,52,91,.12);border-radius:24px;background:rgba(255,250,240,.84);box-shadow:0 16px 55px rgba(65,36,62,.09);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.scrolled .nav{height:68px;background:rgba(255,250,240,.94);border-color:rgba(110,61,112,.16);box-shadow:0 14px 45px rgba(66,35,64,.12)}
.brand{font-family:"Cinzel",serif;font-weight:600;font-size:20px;letter-spacing:.22em}.brand img{width:58px;height:58px;filter:drop-shadow(0 8px 16px rgba(76,39,47,.18))}.brand:hover img{transform:none}
.nav-links{justify-self:center;gap:3px;padding:5px;border:1px solid rgba(98,51,103,.08);border-radius:999px;background:rgba(78,37,85,.035);font:600 10px/1 "Syne",sans-serif;letter-spacing:.12em}
.nav-links a{padding:11px 15px;border-radius:999px;color:#4a3154;transition:background .3s,color .3s,transform .3s}.nav-links a:after{display:none}.nav-links a:hover{background:#fffaf2;color:#a82083;transform:translateY(-1px)}

/* Hero marfil: solo fluido autónomo */
.hero{isolation:isolate;background:#faf3e8}.hero-media{left:0;z-index:-5}.hero-media img{object-position:right center;filter:none!important;opacity:1;animation:none;transform:none}
.hero-media:after{background:linear-gradient(90deg,#faf3e8 0%,rgba(250,243,232,.98) 27%,rgba(250,243,232,.72) 48%,rgba(250,243,232,.05) 76%),linear-gradient(0deg,#faf3e8 0%,transparent 22%)}
.hero-effect{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;background:transparent}
.hero-fluid{z-index:-3;opacity:.68;mix-blend-mode:normal;filter:saturate(1.24) contrast(1.06);-webkit-mask-image:linear-gradient(90deg,transparent 3%,rgba(0,0,0,.26) 25%,#000 52%,#000);mask-image:linear-gradient(90deg,transparent 3%,rgba(0,0,0,.26) 25%,#000 52%,#000)}
.hero-vignette{z-index:-1;pointer-events:none}.hero-copy,.hero-copy *{text-shadow:none}.hero-brand-logo{width:clamp(108px,11vw,174px);height:auto;margin:0 0 10px;filter:drop-shadow(0 14px 24px rgba(78,33,30,.2))}
.hero h1{color:#291442}.hero-lead{color:#5f4d70}.tariff-logo{width:190px;height:190px}.contact-logo{width:clamp(145px,16vw,210px);height:clamp(145px,16vw,210px)}

/* Segundo acto oscuro: partículas, sello y ondas verticales */
.particle-sanctuary{position:relative;min-height:100svh;padding:clamp(100px,10vw,155px) clamp(24px,7vw,112px);display:grid;grid-template-columns:.76fr 1fr;align-items:center;gap:5vw;overflow:hidden;background:#100a13;color:#fff8ee;isolation:isolate}
.sanctuary-particles,.sanctuary-shade{position:absolute;inset:0;width:100%;height:100%;border:0}.sanctuary-particles{z-index:-3;pointer-events:none;opacity:.94;filter:saturate(1.15) contrast(1.08)}
.sanctuary-shade{z-index:-2;background:radial-gradient(circle at 70% 48%,rgba(183,37,143,.08),rgba(16,10,19,.25) 45%,rgba(16,10,19,.86) 82%),linear-gradient(90deg,rgba(16,10,19,.92),rgba(16,10,19,.18) 67%,rgba(16,10,19,.5))}
.sanctuary-copy{position:relative;z-index:2;max-width:620px}.sanctuary-copy .overline{color:#d9c9d7}.sanctuary-copy h2{font:400 clamp(58px,7vw,108px)/.92 var(--serif);letter-spacing:-.035em;margin:0;color:#fff9f0}.sanctuary-copy h2 em{color:#e456ae}.sanctuary-copy>p:not(.overline){max-width:540px;color:#c2afbf;line-height:1.8;margin:34px 0}
.interaction-note{display:flex;align-items:center;gap:12px;font:600 9px "Syne",sans-serif;text-transform:uppercase;letter-spacing:.2em;color:#d8c7d4}.interaction-note i{width:42px;height:1px;background:linear-gradient(90deg,#8a37d1,#e52d96)}
.identity-orbits{position:relative;z-index:2;width:min(52vw,700px);aspect-ratio:1;margin:auto;perspective:1200px}
.water-ripples{position:absolute;inset:-8%;pointer-events:none}.water-ripples i{position:absolute;left:50%;top:50%;width:54%;height:94%;border:1px solid rgba(220,75,171,.35);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.2);animation:waterRipple 5.8s cubic-bezier(.16,.7,.2,1) infinite;box-shadow:0 0 34px rgba(135,55,202,.07)}
.water-ripples i:nth-child(2){animation-delay:1.45s}.water-ripples i:nth-child(3){animation-delay:2.9s}.water-ripples i:nth-child(4){animation-delay:4.35s}
@keyframes waterRipple{0%{opacity:0;transform:translate(-50%,-50%) scale(.18)}15%{opacity:.7}100%{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}
.flip-logo{position:absolute;width:clamp(270px,31vw,450px);aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);border:0;padding:0;background:transparent;cursor:pointer;perspective:1000px;touch-action:manipulation;filter:drop-shadow(0 35px 55px rgba(0,0,0,.46))}
.flip-logo-inner{position:absolute;inset:0;display:block;transform-style:preserve-3d;transition:transform .82s cubic-bezier(.2,.8,.2,1)}.flip-logo.show-laura .flip-logo-inner{transform:rotateY(180deg)}
.flip-face{position:absolute;inset:0;display:grid;place-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-back{transform:rotateY(180deg);background:transparent;overflow:visible;box-shadow:none}
.flip-face img,.flip-back img{width:100%;height:100%;object-fit:contain;transform:none;filter:none}.logo-flip-disabled .flip-logo{pointer-events:none}.logo-flip-disabled .interaction-note{opacity:.45}

/* Composición fotográfica asimétrica */
.manifesto{background:linear-gradient(180deg,#faf3e8,#f2e7d9)}
.image-composition{height:min(78vw,930px);max-width:1380px;margin:10vw auto 0;position:relative}
.image-main{position:absolute;left:2%;top:7%;width:min(55vw,720px);height:min(68vw,830px);border-radius:34px;box-shadow:0 40px 90px rgba(72,39,65,.18)}.image-main img{object-position:center}
.image-secondary{position:absolute;right:0;top:0;width:min(39vw,540px);height:min(26vw,350px);margin:0;border-radius:180px 28px 28px 180px;overflow:hidden;box-shadow:0 25px 70px rgba(76,40,67,.16);z-index:2}.image-secondary img,.image-floating img{width:100%;height:100%;object-fit:cover}.image-secondary figcaption{position:absolute;right:24px;bottom:18px;color:#fff;font:600 8px "Syne",sans-serif;text-transform:uppercase;letter-spacing:.15em;text-shadow:0 2px 12px #24131e}
.image-floating{position:absolute;right:8%;bottom:1%;width:min(25vw,330px);height:min(31vw,410px);margin:0;border:10px solid #f2e7d9;border-radius:28px 160px 28px 28px;overflow:hidden;box-shadow:0 30px 70px rgba(76,40,67,.18);z-index:3}.image-floating img{object-position:72% center}
.energy-seal{right:32%;top:43%;z-index:5}

/* Secciones claras */
.about-laura{position:relative;background:#fffaf0;color:#2b1843;overflow:hidden}.about-laura:before{content:"";position:absolute;width:520px;aspect-ratio:1;border-radius:50%;right:-170px;top:12%;background:radial-gradient(circle,rgba(189,79,219,.13),transparent 68%)}
.about-laura-grid{display:grid;grid-template-columns:minmax(300px,.78fr) 1fr;gap:clamp(55px,8vw,130px);align-items:center;max-width:1280px;margin:auto}.about-laura-image{margin:0;height:min(680px,65vw);border-radius:220px 220px 34px 34px;overflow:hidden;box-shadow:0 30px 90px rgba(85,40,108,.13)}.about-laura-image img{width:100%;height:100%;object-fit:cover;object-position:72% center;filter:none}
.about-laura-copy{position:relative;max-width:680px}.about-laura-copy h2{font:400 clamp(46px,6vw,84px)/1 var(--serif);margin:0 0 32px;color:#321b4a}.about-laura-copy>p:not(.overline){color:#74627f;line-height:1.9;max-width:620px}.about-laura-copy blockquote{padding:25px 0;margin:30px 0;border-top:1px solid #e2d5eb;border-bottom:1px solid #e2d5eb;text-align:left;color:#8e279f;font:400 clamp(24px,2.5vw,38px)/1.35 var(--serif)}
.services{background:linear-gradient(145deg,#f8f0e5 0%,#f4e8dc 52%,#f9ebea 100%)}.service-card{background:rgba(255,252,246,.78);border-color:rgba(128,83,121,.12)}.service-card:nth-child(odd){background:linear-gradient(90deg,rgba(242,229,218,.92),rgba(250,232,235,.78))}.method,.faq{background:#fffaf2}.contact{background:linear-gradient(145deg,#f4e9dc,#fff3eb)}footer{background:#fffaf2}
.dialog-logo{width:105px;height:105px;object-fit:contain;margin:-28px auto 8px}.service-dialog h3{font:600 16px "DM Sans",sans-serif;color:#5b2b73;margin:30px 0 4px}.service-dialog>p:not(.overline){white-space:pre-line;line-height:1.78}.dialog-important{padding:17px 19px;border-radius:17px;background:#f6eefb;border:1px solid #eadcf1;color:#6d5b79!important;font-size:12px}.service-dialog{box-shadow:0 40px 100px rgba(58,25,73,.3)}.service-dialog h3:empty,.service-dialog p:empty,.service-dialog ul:empty{display:none}
.whatsapp-float{background:#25d366!important;border:3px solid #fff!important;box-shadow:0 15px 38px rgba(18,142,72,.34)!important}.whatsapp-float svg{width:30px!important}

@media(max-width:1000px){.nav-links{display:flex}.nav-links a{padding:9px 10px;font-size:9px}.hero-media{left:0}.particle-sanctuary{grid-template-columns:.85fr 1fr}.identity-orbits{width:52vw}.about-laura-grid{gap:50px}.image-composition{height:105vw}.image-main{width:63vw;height:84vw}.image-secondary{width:42vw;height:31vw}.image-floating{width:29vw;height:38vw}}
@media(max-width:720px){.nav-wrap{padding:8px 10px}.nav{height:64px;border-radius:20px;padding:0 10px}.brand{font-size:17px}.brand img{width:44px;height:44px}.menu-toggle{color:#4d2b5b}.hero-media img{object-position:72% center}.hero-brand-logo{width:100px}.hero-effect{height:56%}.hero h1{color:#2c1645}.hero-lead{color:#5d4b6d}.particle-sanctuary{min-height:920px;padding:100px 22px 70px;grid-template-columns:1fr;align-content:center;gap:30px}.sanctuary-copy h2{font-size:56px}.identity-orbits{width:min(94vw,520px)}.water-ripples i{width:58%;height:96%}.flip-logo{width:min(67vw,340px)}.image-composition{height:165vw;margin-top:80px}.image-main{left:0;top:0;width:82vw;height:118vw}.image-secondary{right:-22px;top:8vw;width:55vw;height:42vw;border-radius:120px 0 0 120px}.image-floating{right:0;bottom:0;width:43vw;height:56vw;border-width:7px}.energy-seal{right:2%;top:63%;width:125px}.about-laura-grid{grid-template-columns:1fr}.about-laura-image{height:118vw;max-height:590px}.about-laura-copy h2{font-size:48px}.tariff-logo{width:150px;height:150px}}
@media(prefers-reduced-motion:reduce){.hero-effect,.sanctuary-particles{display:none}.water-ripples i{animation:none;opacity:.2;transform:translate(-50%,-50%) scale(1)}.flip-logo-inner{transition:none}}

/* 2026 premium responsive refinement */
html{scrollbar-width:thin;scrollbar-color:#c835a5 transparent}
.nav-wrap{padding-top:16px}.brand{font-family:"Cinzel",serif;font-size:24px;font-weight:600;letter-spacing:.24em;gap:15px}.brand img{width:64px;height:64px;filter:drop-shadow(0 10px 18px rgba(91,39,104,.16))}.nav-links small{display:none}.mobile-menu-cta{display:none!important}.scrolled .nav{height:72px;color:#fff;background:linear-gradient(115deg,rgba(93,35,160,.92),rgba(186,39,174,.91) 55%,rgba(235,54,143,.9));border-color:rgba(255,255,255,.28);box-shadow:0 18px 55px rgba(93,31,126,.28);backdrop-filter:blur(24px) saturate(1.3)}.scrolled .brand,.scrolled .nav-links a{color:#fff}.scrolled .brand img{filter:drop-shadow(0 8px 14px rgba(25,4,42,.24))}.scrolled .nav-links{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.18)}.scrolled .nav-links a:hover{background:rgba(255,255,255,.17);color:#fff}.scrolled .nav>.button{background:#fff;color:#8b22bd;box-shadow:0 9px 26px rgba(37,5,67,.18)}
.button{min-height:56px;padding-inline:28px;border-radius:999px;position:relative;overflow:hidden;isolation:isolate;box-shadow:0 16px 38px rgba(143,35,188,.25),inset 0 1px rgba(255,255,255,.48)}.button:before{content:"";position:absolute;inset:-2px;z-index:-1;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.42) 44%,transparent 62%);transform:translateX(-120%);transition:transform .7s}.button:hover:before{transform:translateX(120%)}

.section-energy-veil{position:absolute;z-index:0;width:min(72vw,940px);height:280px;pointer-events:none;opacity:.58;filter:blur(4px);background:radial-gradient(ellipse at center,rgba(238,66,154,.2),transparent 60%);transform:rotate(-8deg)}.section-energy-veil:before,.section-energy-veil:after{content:"";position:absolute;inset:35% -10%;border-radius:50%;border-top:2px solid rgba(207,45,168,.22);box-shadow:0 -18px 30px rgba(126,50,214,.1);transform:skewX(-20deg);animation:veilDrift 9s ease-in-out infinite alternate}.section-energy-veil:after{inset:52% 6%;border-color:rgba(125,56,213,.18);animation-delay:-3s}.veil-one{right:-12%;top:24%}.veil-two{left:-16%;top:56%;transform:rotate(14deg)}.veil-three{right:-18%;top:18%}@keyframes veilDrift{to{transform:translate3d(6%,28px,0) skewX(12deg) scaleX(1.08);opacity:.45}}
.method{overflow:hidden}.method-flow{gap:18px;border:0;perspective:1200px}.step,.step+.step{padding:28px;min-height:350px;border:1px solid rgba(126,62,161,.1);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(246,236,251,.78));box-shadow:0 24px 55px rgba(86,37,112,.08),inset 0 1px #fff;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s}.step:nth-child(even){transform:translateY(34px)}.step:hover{transform:translateY(-8px) rotateX(2deg);box-shadow:0 35px 70px rgba(105,39,139,.16)}.step:nth-child(even):hover{transform:translateY(25px) rotateX(2deg)}.step-icon{width:92px;height:92px;border:0;border-radius:28px;background:linear-gradient(145deg,#fff,#eee0f7);box-shadow:12px 14px 30px rgba(98,38,127,.13),inset -6px -7px 14px rgba(119,42,156,.07),inset 5px 5px 12px #fff;transform:rotate(-4deg)}.step-icon svg{width:64px;height:64px;fill:none;stroke:url(#none);stroke:#9d2cbb;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.step:hover .step-icon{background:linear-gradient(145deg,#fff,#f4e6fa);color:inherit;transform:rotate(4deg) translateY(-3px)}
.contact-orb{background:radial-gradient(circle,rgba(194,62,190,.13),rgba(235,69,154,.04) 48%,transparent 69%);border:0;box-shadow:none;animation:none}.contact-orb:before,.contact-orb:after{display:none}.contact-orb i{position:absolute;left:50%;top:50%;width:92%;height:50%;border:1px solid rgba(171,56,193,.2);border-radius:50%;opacity:0;transform:translate(-50%,-50%) rotateX(64deg) scale(1.25);animation:rippleIn 5.6s cubic-bezier(.2,.7,.15,1) infinite}.contact-orb i:nth-child(2){animation-delay:1.4s}.contact-orb i:nth-child(3){animation-delay:2.8s}.contact-orb i:nth-child(4){animation-delay:4.2s}@keyframes rippleIn{0%{opacity:0;transform:translate(-50%,-50%) rotateX(64deg) scale(1.3)}22%{opacity:.48}85%,100%{opacity:0;transform:translate(-50%,-50%) rotateX(64deg) scale(.12)}}
.service-card .num{border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff 0 18%,#f2dff8 45%,#dcb6ed 100%);box-shadow:8px 10px 22px rgba(92,31,129,.14),inset -5px -6px 10px rgba(119,41,153,.1)}.service-card .num svg{width:27px;height:27px;fill:none;stroke:#7a25a5;stroke-width:1.45;filter:drop-shadow(0 2px 1px #fff)}
.whatsapp-float{width:64px!important;height:64px!important;right:22px;bottom:22px;background:#25d366!important;border:3px solid #fff!important;box-shadow:0 14px 34px rgba(18,142,72,.35),0 0 0 7px rgba(37,211,102,.1)!important}.whatsapp-float:before{content:"";position:absolute;inset:-9px;border:1px solid rgba(37,211,102,.35);border-radius:50%;animation:waPulse 2.5s infinite}.whatsapp-float svg{width:34px!important;height:34px;fill:#fff}@keyframes waPulse{70%,100%{transform:scale(1.22);opacity:0}}
.scroll-dock{position:fixed;z-index:59;right:30px;bottom:105px;display:grid;gap:8px}.scroll-dock a{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#7f299e;background:rgba(255,251,246,.86);border:1px solid rgba(129,49,157,.13);box-shadow:0 10px 28px rgba(71,23,88,.12);backdrop-filter:blur(14px);transition:.3s}.scroll-dock a:hover{color:#fff;background:linear-gradient(135deg,#7429d4,#e73798);transform:translateY(-2px)}.scroll-dock svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8}.near-page-end .scroll-dock a:last-child{opacity:.35;pointer-events:none}

@media(max-width:1000px){
  .image-composition{height:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin:80px auto 0;align-items:stretch}.image-main,.image-secondary,.image-floating{position:relative;inset:auto;width:auto;height:auto;transform:none!important}.image-main{grid-row:1/3;aspect-ratio:4/5}.image-secondary{grid-column:2;aspect-ratio:4/3;border-radius:28px}.image-floating{grid-column:2;aspect-ratio:4/5;border:0;border-radius:28px}.energy-seal{right:calc(40% - 65px);top:-55px}.method-flow{grid-template-columns:repeat(2,1fr)}.step:nth-child(even){transform:none}
}
@media(max-width:720px){
  html{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0}

  .hero{min-height:100svh;padding:90px 17px 58px}.hero-media{height:55%;overflow:hidden}.hero-copy{margin-top:43vh}.hero-brand-logo{width:120px}.hero h1{font-size:clamp(49px,15vw,70px);line-height:.9}.hero-actions{width:100%}.hero-actions .button{width:100%}.section-energy-veil{width:120vw;height:190px;opacity:.48}
  .particle-sanctuary{min-height:100svh;padding:90px 18px 55px;gap:16px}.sanctuary-copy h2{font-size:clamp(45px,14vw,60px)}.sanctuary-copy p{font-size:14px}.identity-orbits{width:min(88vw,430px)}.water-ripples{inset:-3%}.water-ripples i{width:70%;height:92%;transform:translate(-50%,-50%) rotateX(18deg) scale(.2)}.flip-logo{width:min(70vw,310px)}
  .image-composition{grid-template-columns:1fr;gap:16px;margin-top:70px}.image-main,.image-secondary,.image-floating{grid-column:1;grid-row:auto;width:100%;border-radius:26px}.image-main{aspect-ratio:4/5}.image-secondary{aspect-ratio:4/3}.image-floating{aspect-ratio:4/3}.energy-seal{right:-5px;top:-54px}.method-flow{grid-template-columns:1fr;gap:14px}.step,.step+.step{min-height:auto;display:grid;grid-template-columns:34px 82px 1fr;padding:20px;border-radius:25px}.step b{grid-row:1}.step-icon{width:72px;height:72px;margin:0}.step-icon svg{width:50px;height:50px}.step h3{font-size:25px}.step p{grid-column:2/4}.contact-orb{width:110vw}.contact-orb i{height:42%}.scroll-dock{right:17px;bottom:98px}.scroll-dock a{width:44px;height:44px}.whatsapp-float{right:14px!important;bottom:18px!important;width:62px!important;height:62px!important}.service-card .num svg{width:24px;height:24px}
}

/* ============================================================
   CAPA FINAL — sistema unificado (sustituye a las capas
   contradictorias anteriores de navegación / hero / whatsapp)
   ============================================================ */
:root{
  --aural-ivory:#fffaf0;
  --aural-plum:#32103e;
  --aural-magenta:#b72c88;
  --nav-h:70px;
}

/* ---------- NAVEGACIÓN (marfil degradado a morado oscuro) ---------- */
.nav,.scrolled .nav{
  height:var(--nav-h);
  padding:0 10px 0 0;
  border-radius:999px;
  background:linear-gradient(101deg,var(--aural-ivory) 0 30%,#3a154f 46%,#7c247f 72%,var(--aural-magenta) 100%);
  border:1px solid rgba(50,16,62,.09);
  box-shadow:0 14px 38px rgba(50,16,62,.16);
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
  transition:height .45s var(--ease),box-shadow .45s;
}
.scrolled .nav{height:62px;box-shadow:0 16px 44px rgba(50,16,62,.24)}
.brand,.scrolled .brand{color:var(--aural-plum);font-size:20px;letter-spacing:.2em;gap:8px}
.brand img,.scrolled .brand img{width:56px;height:56px;filter:drop-shadow(0 6px 12px rgba(60,25,48,.18))}
.nav-links{background:transparent;border:0}
.nav-links a,.scrolled .nav-links a{color:var(--aural-ivory);font:600 11px "Syne",sans-serif;letter-spacing:.15em}
.nav-links a:after{background:var(--aural-ivory)}
.nav-links a:hover,.scrolled .nav-links a:hover{color:#fff;background:transparent}
.nav>.button,.scrolled .nav>.button{
  min-height:44px;padding:0 20px;border:0;border-radius:999px;
  color:var(--aural-plum);background:var(--aural-ivory);
  box-shadow:0 8px 20px rgba(22,5,28,.2);
}
.nav>.button:hover{background:#fff;transform:translateY(-1px)}

/* ---------- SECCIONES: etiqueta sin numeración ---------- */
.section-number,.section-number.light{
  font:600 10px "Syne",sans-serif;letter-spacing:.26em;text-transform:uppercase;
  color:#9a5cb4;border-top:0;border-left:2px solid rgba(167,46,142,.35);
  padding:2px 0 2px 14px;margin-bottom:clamp(48px,6vw,90px);
}

/* ---------- HERO: más sobrio ---------- */
.hero-copy .overline{opacity:.75}
.hero h1{font-size:clamp(44px,6.4vw,88px);line-height:.96;letter-spacing:-.015em;overflow-wrap:break-word}
.hero-lead{max-width:52ch;font-size:clamp(15px,1.15vw,17px);line-height:1.7;opacity:.85}

/* Efecto fluido: más pequeño y proporcional al dispositivo */
.hero-fluid{
  width:min(46vw,42vmax,620px);height:min(46vw,42vmax,620px);
  inset:12vh -4vw auto auto;border-radius:50%;opacity:.5;
  -webkit-mask-image:radial-gradient(circle,#000 0 40%,rgba(0,0,0,.6) 58%,transparent 72%);
  mask-image:radial-gradient(circle,#000 0 40%,rgba(0,0,0,.6) 58%,transparent 72%);
}

/* ---------- WHATSAPP: disco verde con aro (referencia) ---------- */
.whatsapp-float{
  width:60px!important;height:60px!important;
  right:20px;bottom:20px;
  display:grid;place-items:center;border-radius:50%;
  background:#25d366!important;
  border:4px solid #fff!important;
  box-shadow:0 10px 26px rgba(18,142,72,.3),0 0 0 2px rgba(37,211,102,.55)!important;
  transition:transform .3s var(--ease),box-shadow .3s;
}
.whatsapp-float:hover{transform:translateY(-3px) scale(1.04)}
.whatsapp-float:before{
  content:"";position:absolute;inset:-4px;border-radius:50%;
  border:2px solid rgba(37,211,102,.5);animation:waPulse 2.6s ease-out infinite;
}
.whatsapp-float svg{width:32px!important;height:32px!important;fill:#fff}
@keyframes waPulse{0%{transform:scale(1);opacity:.7}70%,100%{transform:scale(1.35);opacity:0}}

/* ---------- Anillos de agua (se conservan) ---------- */
.contact-orb{width:min(80vw,1060px);aspect-ratio:1;background:radial-gradient(circle,rgba(255,248,232,.02) 0 11%,rgba(126,47,150,.055) 34%,rgba(210,55,152,.045) 54%,transparent 72%)}
.contact-orb i{left:50%;top:50%;width:100%;height:100%;border:1px solid rgba(120,39,145,.18);border-radius:50%;box-shadow:inset 0 0 32px rgba(161,44,151,.025),0 0 22px rgba(141,40,152,.035);transform:translate(-50%,-50%) scale(1.18);animation:contactRingIn 8.4s cubic-bezier(.16,.72,.18,1) infinite}
.contact-orb i:nth-child(2){animation-delay:1.4s}.contact-orb i:nth-child(3){animation-delay:2.8s}.contact-orb i:nth-child(4){animation-delay:4.2s}.contact-orb i:nth-child(5){animation-delay:5.6s}.contact-orb i:nth-child(6){animation-delay:7s}
@keyframes contactRingIn{0%{opacity:0;transform:translate(-50%,-50%) scale(1.18)}18%{opacity:.52}80%,100%{opacity:0;transform:translate(-50%,-50%) scale(.08)}}
.identity-orbits:before{content:"";position:absolute;inset:2%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(190,51,168,.11),rgba(83,27,111,.035) 50%,transparent 72%);box-shadow:inset 0 0 70px rgba(215,68,175,.06)}
.water-ripples{inset:-4%;perspective:none}
.water-ripples i{width:92%;height:92%;border-radius:50%;border:1.5px solid rgba(225,82,183,.28);box-shadow:0 0 24px rgba(185,58,180,.08);transform:translate(-50%,-50%) scale(1.35);animation:ringInTop 8.4s cubic-bezier(.18,.72,.18,1) infinite}
.water-ripples i:nth-child(2){animation-delay:1.4s}.water-ripples i:nth-child(3){animation-delay:2.8s}.water-ripples i:nth-child(4){animation-delay:4.2s}.water-ripples i:nth-child(5){animation-delay:5.6s}.water-ripples i:nth-child(6){animation-delay:7s}
@keyframes ringInTop{0%{opacity:0;transform:translate(-50%,-50%) scale(1.35)}18%{opacity:.5}82%,100%{opacity:0;transform:translate(-50%,-50%) scale(.12)}}
.scroll-dock{transition:opacity .35s,transform .35s}
body:not(.page-scrolled) .scroll-dock{opacity:0;pointer-events:none;transform:translateY(12px)}

/* ============================ TABLET ============================ */
@media(max-width:1000px){
  .hero-fluid{width:min(58vw,54vmax,520px);height:min(58vw,54vmax,520px);inset:10vh -8vw auto auto;opacity:.45}
  .hero h1{font-size:clamp(42px,7.4vw,66px)}
}

/* ============================ MÓVIL ============================ */
@media(max-width:720px){
  :root{--nav-h:66px}

  /* Barra */
  .nav-wrap{padding:8px 10px}
  .nav,.scrolled .nav{
    height:var(--nav-h);padding:0 66px 0 0;border-radius:22px;
    background:linear-gradient(101deg,var(--aural-ivory) 0 42%,#351347 60%,#86247f 82%,var(--aural-magenta) 100%)!important;
    border:1px solid rgba(75,34,78,.08)!important;
    box-shadow:0 12px 32px rgba(77,28,91,.16)!important;
    grid-template-columns:1fr auto;
  }
  .brand,.scrolled .brand{color:#351346;font-size:16px;letter-spacing:.18em;gap:4px}
  .brand img,.scrolled .brand img{width:52px;height:52px}
  .nav>.button{display:none}

  /* Botón hamburguesa dentro de la barra */
  .menu-toggle{
    display:grid;position:absolute;right:12px;top:50%;transform:translateY(-50%);
    z-index:6;width:44px;height:44px;padding:0;border-radius:50%;place-content:center;
    color:var(--aural-plum);background:var(--aural-ivory);
    border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 20px rgba(18,4,23,.22);
  }
  .menu-toggle span{position:absolute;left:11px;width:22px;height:2px;margin:0;background:currentColor;border-radius:2px;transform-origin:center;transition:top .3s,transform .3s,opacity .2s}
  .menu-toggle span:nth-child(1){top:14px}
  .menu-toggle span:nth-child(2){top:21px}
  .menu-toggle span:nth-child(3){top:28px}
  .menu-open .menu-toggle span:nth-child(1){top:21px;transform:rotate(45deg)}
  .menu-open .menu-toggle span:nth-child(2){opacity:0;transform:scaleX(.2)}
  .menu-open .menu-toggle span:nth-child(3){top:21px;transform:rotate(-45deg)}

  /* Panel desplegable */
  .nav-links{
    position:fixed;left:10px;right:10px;top:calc(var(--nav-h) + 14px);bottom:auto;
    z-index:4;display:flex!important;flex-direction:column;gap:6px;
    max-height:calc(100svh - var(--nav-h) - 32px);overflow:auto;
    padding:14px;border:1px solid rgba(50,16,62,.08);border-radius:24px;
    background:var(--aural-ivory);box-shadow:0 26px 60px rgba(50,16,62,.24);
    transform-origin:top;clip-path:inset(0 0 100% 0 round 24px);
    opacity:0;visibility:hidden;pointer-events:none;
    transition:clip-path .42s cubic-bezier(.22,.8,.2,1),opacity .28s,visibility .42s;
  }
  .menu-open .nav-links{clip-path:inset(0 0 0 0 round 24px);opacity:1;visibility:visible;pointer-events:auto}
  .nav-links:before{content:"MENÚ";display:block;padding:4px 10px 12px;color:rgba(50,16,62,.45);font:600 9px "Syne",sans-serif;letter-spacing:.28em}
  .nav-links a{
    display:flex;align-items:center;min-height:54px;padding:0 16px;
    border:0;border-radius:14px;background:transparent;
    color:var(--aural-plum)!important;
    font:600 12px "Syne",sans-serif;letter-spacing:.14em;text-transform:uppercase;
    box-shadow:none;transition:background .25s,transform .25s;
  }
  .nav-links a+a{border-top:1px solid rgba(50,16,62,.08)}
  .nav-links a:after{display:none}
  .nav-links a:hover,.nav-links a:active{background:rgba(50,16,62,.05);transform:none}
  .nav-links .mobile-menu-cta{
    display:flex!important;justify-content:center;min-height:56px;margin-top:12px;
    border:0!important;border-radius:999px;
    color:var(--aural-ivory)!important;
    background:linear-gradient(101deg,#3a154f,#7c247f 55%,var(--aural-magenta))!important;
    box-shadow:0 14px 28px rgba(124,32,164,.24);
  }

  /* Hero sobrio y sin desbordes */
  .hero{padding:92px 20px 64px;align-items:flex-start}
  .hero-media{height:46%;border-radius:0 0 36px 36px}
  .hero-media img{object-position:70% center}
  .hero-copy{margin-top:38vh;width:100%}
  .hero-copy .overline{margin:0 0 18px;font-size:8px;letter-spacing:.2em}
  .hero h1{font-size:clamp(34px,10.5vw,52px);line-height:.98;hyphens:none;overflow-wrap:break-word}
  .hero h1 em{font-style:italic}
  .hero-lead{font-size:14px;line-height:1.65;margin:20px 0 24px;max-width:100%}
  .hero-actions{width:auto}
  .hero-actions .button{width:auto;min-height:52px;padding-inline:24px}
  .scroll-cue{display:none}

  /* Efecto fluido: pequeño y proporcional */
  .hero-fluid{
    inset:13% 2% auto auto;width:min(52vw,240px);height:min(52vw,240px);
    opacity:.38;filter:saturate(1.05);
    -webkit-mask-image:radial-gradient(circle,#000 0 36%,rgba(0,0,0,.5) 52%,transparent 68%);
    mask-image:radial-gradient(circle,#000 0 36%,rgba(0,0,0,.5) 52%,transparent 68%);
  }

  .section-number,.section-number.light{font-size:9px;letter-spacing:.22em;margin-bottom:38px;padding-left:11px}

  .particle-sanctuary{padding-top:82px}
  .water-ripples{inset:3%}
  .water-ripples i{width:88%;height:88%;transform:translate(-50%,-50%) scale(1.35)}
  .identity-orbits{width:min(84vw,390px)}
  .flip-logo{width:min(64vw,280px)}
  .contact-orb{width:132vw}
  .contact-orb i{width:100%;height:100%}

  /* Flotantes sin salirse de pantalla */
  .whatsapp-float{right:14px!important;bottom:16px!important;width:54px!important;height:54px!important;border-width:3px!important}
  .whatsapp-float svg{width:28px!important;height:28px!important}
  .scroll-dock{right:14px;top:50%;bottom:auto;transform:translateY(-50%)}
  body:not(.page-scrolled) .scroll-dock{transform:translateY(calc(-50% + 12px))}
  .scroll-dock a{width:40px;height:40px}
}

/* Pantallas muy estrechas */
@media(max-width:380px){
  .brand span{font-size:14px}
  .brand img,.scrolled .brand img{width:46px;height:46px}
  .hero h1{font-size:clamp(30px,9.6vw,40px)}
  .hero-fluid{width:min(56vw,190px);height:min(56vw,190px);opacity:.32}
}

@media(prefers-reduced-motion:reduce){
  .whatsapp-float:before,.contact-orb i,.water-ripples i{animation:none}
  .hero-fluid{display:none}
}