:root{--ink:#11110f;--cream:#f4f0e8;--sand:#e7dfd1;--gold:#c9a35a;--muted:#77736c;--white:#fff;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.05em}h1{font-size:clamp(3.5rem,8vw,8.8rem);line-height:.83;margin:18px 0 28px}h2{font-size:clamp(2.5rem,5vw,5.2rem);line-height:.96;margin:16px 0 24px}h3{font-size:2rem;margin:8px 0}em{font-family:Georgia,serif;font-weight:400}.nav{position:fixed;z-index:20;top:0;left:0;right:0;height:76px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:rgba(17,17,15,.78);backdrop-filter:blur(14px);color:#fff}.brand{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.03em;color:inherit;text-decoration:none}.brand i{color:var(--gold);font-family:Georgia,serif;font-size:1.35em}.nav nav{display:flex;gap:30px}.nav nav a,.text-link{color:inherit;text-decoration:none}.button,.outline{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 25px;border-radius:999px;background:var(--gold);color:#15130f;text-decoration:none;font-weight:700;cursor:pointer;border:1px solid var(--gold)}.button.small{min-height:42px;padding:0 18px;font-size:.9rem}.outline{background:transparent;border-color:#bbb4a7}.hero{height:max(720px,100svh);position:relative;display:flex;align-items:flex-end;padding:10vh 5vw;color:white;overflow:hidden}.hero video,.hero .veil{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero .veil{background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.12)),linear-gradient(0deg,rgba(0,0,0,.55),transparent 60%)}.hero-copy{position:relative;z-index:2;max-width:1050px}.hero-copy p{font-size:clamp(1.1rem,2vw,1.45rem);max-width:620px;color:#e5e2dc}.actions{display:flex;align-items:center;gap:25px}.text-link{font-weight:700;cursor:pointer}.hero-note{position:absolute;z-index:2;right:5vw;bottom:10vh;display:flex;flex-direction:column;text-align:right}.hero-note span{color:#c8c6c0}.eyebrow{font:700 .75rem Manrope,sans-serif;letter-spacing:.2em;color:#866a36}.eyebrow.light{color:#e1bd76}.section{padding:120px 5vw;max-width:1600px;margin:auto}.intro{text-align:center}.intro>p{max-width:720px;margin:0 auto 60px;font-size:1.2rem;color:var(--muted)}.mosaic{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:14px;height:580px}.mosaic>*{width:100%;height:100%;object-fit:cover;border-radius:var(--radius)}.mosaic>*:first-child,.mosaic>*:last-child{height:80%;align-self:center}.dark{max-width:none;background:var(--ink);color:#fff}.royal-grid{max-width:1450px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.royal-grid>div:first-child{max-width:650px}.royal-grid p,.custom p{color:#aaa79f;font-size:1.15rem;line-height:1.7}.pill{display:inline-block;background:var(--gold);color:#17130d;border-radius:50px;padding:8px 12px;font:800 .65rem Manrope;letter-spacing:.12em;margin:0 12px 18px 0}.ticks{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0}.ticks li:before{content:'✓';color:var(--gold);margin-right:10px}.royal-price{border-top:1px solid #333;border-bottom:1px solid #333;padding:22px 0;margin:25px 0;display:flex;align-items:end;justify-content:space-between}.royal-price strong{font:700 3rem Manrope}.royal-grid small,.closing small{display:block;color:#8d8981;margin:12px}.royal-media{height:760px;position:relative}.royal-media video{width:100%;height:100%;object-fit:cover;border-radius:var(--radius)}.royal-media span{position:absolute;bottom:25px;left:25px;font:700 .75rem Manrope;letter-spacing:.2em}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:60px}.section-head>p{max-width:430px;color:var(--muted);font-size:1.1rem}.packs{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:16px;align-items:center}.pack{background:#ece7dd;border:1px solid #d5cec1;border-radius:var(--radius);padding:38px;display:flex;flex-direction:column;min-height:590px}.pack.featured{background:var(--ink);color:white;min-height:650px;box-shadow:0 30px 80px #3a332733}.pack p{color:var(--muted);min-height:65px}.pack.featured p{color:#aaa79f}.pack>strong{font:700 3rem Manrope;margin:15px 0 0}.pack>span{font-size:.85rem;color:var(--muted)}.pack-level{font:700 .68rem Manrope!important;letter-spacing:.18em;color:#876d3b!important}.pack ul{padding-left:20px;line-height:1.9;flex:1;margin:30px 0}.sand{max-width:none;background:var(--sand)}.benefits{display:grid;grid-template-columns:repeat(4,1fr);max-width:1500px;margin:auto;border-top:1px solid #c7beae}.benefits article{padding:35px;border-right:1px solid #c7beae}.benefits b,.steps b{color:#9a7a3f}.benefits p,.steps p{color:var(--muted);line-height:1.6}.action{text-align:center}.gallery{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:14px;height:650px;margin-top:50px}.gallery>*{width:100%;height:100%;object-fit:cover;border-radius:var(--radius)}.custom{display:grid;grid-template-columns:1fr 1.2fr;gap:9vw;align-items:center}.extras{border-top:1px solid #383733}.extras article{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid #383733}.extras b{color:var(--gold)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:55px}.steps article{border-top:1px solid #bdb6aa;padding-top:25px}.reviews{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw}.rating{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 18px;margin-top:35px}.rating b{font:700 5rem Manrope;line-height:1}.rating span,.quotes span{color:#a77e30;letter-spacing:.15em}.rating small{grid-column:2;color:var(--muted)}.quotes{display:grid;gap:14px}.quotes blockquote{margin:0;padding:30px;background:#f4f0e8;border-radius:var(--radius)}.quotes p{font-family:Georgia,serif;font-size:1.25rem;line-height:1.55;margin:18px 0}.quotes cite{font-style:normal;font-weight:700}.faq{display:grid;grid-template-columns:1fr 1.25fr;gap:8vw}.accordion details{border-top:1px solid #bbb4a8;padding:22px 0}.accordion summary{list-style:none;display:flex;justify-content:space-between;font-weight:700;font-size:1.1rem;cursor:pointer}.accordion summary::-webkit-details-marker{display:none}.accordion i{font-style:normal;font-size:1.5rem}.accordion details[open] i{transform:rotate(45deg)}.accordion p{color:var(--muted);max-width:650px;line-height:1.6}.closing{min-height:700px;display:grid;place-items:center;text-align:center;color:white;padding:100px 5vw;background:linear-gradient(#0008,#000b),url('https://framerusercontent.com/images/ty2KXfyfvbA7co02rXsSe2jqtUQ.jpg?scale-down-to=2048') center 40%/cover}.closing>div{max-width:1050px}.closing p{font-size:1.2rem;color:#d3d0ca}footer{background:var(--ink);color:white;padding:50px 5vw 100px;display:grid;grid-template-columns:1fr 1fr auto auto;align-items:center;gap:30px}footer p,footer small{color:#8d8981;margin:0}footer div{display:flex;gap:25px}footer a{color:inherit;text-decoration:none;cursor:pointer}.mobile-wa{display:none}
@media(max-width:900px){.nav nav{display:none}.hero-note{display:none}.section{padding:85px 6vw}.mosaic{height:460px;grid-template-columns:1.35fr 1fr}.mosaic>*:last-child{display:none}.royal-grid,.custom,.reviews,.faq{grid-template-columns:1fr}.royal-grid>div:first-child{order:1}.royal-media{height:520px}.packs{grid-template-columns:1fr}.pack.featured{order:-1}.benefits,.steps{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1.5fr 1fr;height:520px}.gallery>*:last-child{display:none}footer{grid-template-columns:1fr 1fr}.section-head{align-items:start;flex-direction:column}}
@media(max-width:600px){body{padding-bottom:66px}h1{font-size:3.6rem}.nav{height:64px;padding:0 5vw}.nav .button{display:none}.hero{padding:100px 6vw 55px;height:100svh;min-height:660px}.hero .veil{background:linear-gradient(0deg,rgba(0,0,0,.78),rgba(0,0,0,.08) 75%)}.hero-copy p{font-size:1rem}.actions{align-items:flex-start;flex-direction:column;gap:18px}.section{padding:70px 5vw}.mosaic{height:520px;grid-template-columns:1fr}.mosaic>*:first-child{display:none}.royal-grid{display:flex;flex-direction:column}.royal-grid>div:first-child{order:0}.royal-media{order:-1;height:380px;width:100%}.ticks{grid-template-columns:1fr}.royal-price strong{font-size:2.4rem}.packs{display:flex;flex-direction:column}.pack{width:100%;min-height:auto;padding:28px}.pack.featured{order:-1;min-height:auto}.pack p{min-height:auto}.benefits,.steps{grid-template-columns:1fr}.benefits article{border-right:0;border-bottom:1px solid #c7beae;padding:26px 0}.gallery{height:620px;grid-template-columns:1fr;grid-template-rows:1.5fr 1fr}.custom{gap:30px}.extras article{font-size:.9rem}.reviews{gap:35px}.rating b{font-size:4rem}.quotes blockquote:nth-child(n+3){display:none}.faq{gap:25px}.closing{min-height:620px}.closing h2{font-size:2.7rem}footer{grid-template-columns:1fr;align-items:start}.mobile-wa{display:flex;position:fixed;z-index:30;bottom:0;left:0;right:0;height:66px;background:var(--gold);color:#17130d;text-decoration:none;font-weight:800;align-items:center;justify-content:space-between;padding:0 24px}}

/* Identidad Doble R Sound */
:root{--ink:#111214;--cream:#f5f4f1;--sand:#e9edf0;--red:#ff342d;--coral:#ff8068;--blue:#147fbd;--brand:linear-gradient(100deg,var(--red) 0%,var(--coral) 43%,#b39eb4 57%,var(--blue) 100%);--muted:#6e7176}
.nav{background:rgba(13,15,17,.86);border-bottom:1px solid rgba(255,255,255,.08)}
.nav:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--brand)}
.brand{display:flex;align-items:center;gap:0;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:.02em;color:inherit;text-decoration:none;white-space:nowrap}
.brand img{display:block;width:74px;height:74px;object-fit:contain;margin:-8px -14px -8px -12px}
.brand span{font-size:.8rem}
.button{background:var(--brand);border-color:transparent;color:#fff;box-shadow:0 10px 35px rgba(20,127,189,.16);transition:transform .2s ease,box-shadow .2s ease}
.button:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(255,52,45,.2)}
.eyebrow{color:var(--blue)}
.eyebrow.light{color:#ff9b83}
.pill{background:var(--brand);color:#fff}
.hero .veil{background:linear-gradient(90deg,rgba(7,8,11,.78),rgba(8,35,52,.17)),linear-gradient(0deg,rgba(7,8,11,.67),transparent 60%)}
.hero:after{content:'';position:absolute;z-index:1;inset:auto 0 0;height:4px;background:var(--brand)}
.royal,.custom{background:radial-gradient(circle at 90% 5%,rgba(20,127,189,.15),transparent 30%),radial-gradient(circle at 5% 95%,rgba(255,52,45,.1),transparent 28%),var(--ink)}
.ticks li:before{color:var(--coral)}
.pack.featured{border-color:rgba(20,127,189,.5);box-shadow:0 30px 80px rgba(20,73,105,.2)}
.pack-level{color:var(--blue)!important}
.benefits b,.steps b,.extras b{color:var(--blue)}
.rating span,.quotes span{color:var(--coral)}
.closing{position:relative}
.closing:after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--brand)}
footer{border-top:1px solid rgba(255,255,255,.08)}
@media(max-width:600px){.brand img{width:96px;height:96px;margin:-16px -16px -16px -16px}.mobile-wa{background:var(--brand);color:#fff}}

.nav .brand img{width:102px;height:102px;margin:-16px}
footer .brand img{width:128px;height:128px;margin:-24px}
@media(max-width:600px){.nav .brand img{width:92px;height:92px;margin:-14px}}

/* Color de marca distribuido por función: máxima legibilidad */
:root{--red-ui:#c92f2a;--red-ui-hover:#ad241f;--blue-ui:#086795;--blue-ui-soft:#dcebf2}
.button{background:var(--red-ui);border-color:var(--red-ui);color:#fff;box-shadow:0 10px 30px rgba(128,28,24,.2)}
.button:hover{background:var(--red-ui-hover);border-color:var(--red-ui-hover);box-shadow:0 14px 34px rgba(128,28,24,.25)}
.nav:after{background:var(--blue)}
.hero:after{background:var(--red)}
.closing:after{background:var(--blue)}
.pill{background:var(--blue-ui);color:#fff}
.eyebrow{color:var(--blue-ui)}
.eyebrow.light{color:#ff9a82}
.pack.featured{border-color:rgba(20,127,189,.45)}
.outline{background:transparent;color:var(--ink);border-color:#9da7ac}
.outline:hover{border-color:var(--blue-ui);color:var(--blue-ui)}
.mobile-wa{background:var(--red-ui);color:#fff}
@media(max-width:600px){.mobile-wa{background:var(--red-ui);color:#fff}}
.pack.featured>.pill{background:var(--blue-ui);color:#fff!important}

/* Revisión mobile-first integral */
[id]{scroll-margin-top:76px}
.nav .brand{width:102px;height:72px;display:grid;place-items:center;overflow:visible;flex:0 0 auto}
.nav .brand img{width:100px;height:100px;margin:0;object-fit:contain;transform:translateY(-8px)}
footer .brand{width:112px;height:96px;display:grid;place-items:center;overflow:hidden}
footer .brand img{width:164px;height:164px;margin:0;object-fit:contain}

@media(max-width:600px){
  :root{--mobile-pad:20px}
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  h1{font-size:3.35rem;line-height:.87;letter-spacing:-.055em}
  h2{font-size:2.55rem;line-height:.98;letter-spacing:-.055em}
  h3{font-size:1.85rem;line-height:1.08}
  p{line-height:1.55}
  [id]{scroll-margin-top:60px}
  .nav{height:60px;padding:0 var(--mobile-pad);justify-content:center}
  .nav .brand{width:92px;height:58px;overflow:visible}
  .nav .brand img{width:86px;height:86px;margin:0;transform:translateY(-12px)}
  .hero{height:max(720px,100svh);min-height:720px;padding:94px var(--mobile-pad) 116px;align-items:flex-end}
  .hero-copy{width:100%;max-width:100%}
  .hero-copy p{font-size:1rem;line-height:1.5;max-width:330px;margin-bottom:20px}
  .hero .actions{gap:16px}
  .hero .button{min-height:52px;padding:0 24px}
  .hero .text-link{font-size:.94rem}
  .eyebrow{font-size:.68rem;line-height:1.5;letter-spacing:.17em}
  .section{width:100%;padding:72px var(--mobile-pad)}
  .section-head{gap:14px;margin-bottom:38px}
  .section-head>p{font-size:1rem;line-height:1.55}
  .intro>p{font-size:1.05rem;line-height:1.6;margin-bottom:38px}
  .mosaic{height:430px;display:block}
  .mosaic>*{border-radius:18px}
  .mosaic video{width:100%;height:430px;object-fit:cover}
  .royal-grid{gap:34px}
  .royal-media{height:390px;border-radius:18px;overflow:hidden}
  .royal-media video{border-radius:18px}
  .royal-grid p,.custom p{font-size:1rem;line-height:1.6}
  .ticks{gap:13px;margin:26px 0;font-size:.96rem;line-height:1.45}
  .royal-price{align-items:center;margin:24px 0;padding:20px 0}
  .royal-price span{font-size:.9rem}
  .royal-price strong{font-size:2.35rem;white-space:nowrap}
  .royal-grid .button{width:100%}
  .royal-grid small{margin:12px 0 0;text-align:center}
  .packs{gap:16px}
  .pack{width:100%;padding:28px 26px;border-radius:18px;min-height:0}
  .pack.featured{min-height:0}
  .pack .pill{align-self:flex-start;margin-bottom:20px}
  .pack p{min-height:0;margin-bottom:18px;line-height:1.55}
  .pack>strong{font-size:2.65rem;line-height:1.05}
  .pack ul{margin:26px 0;line-height:1.65}
  .pack .button,.pack .outline{width:100%}
  .benefits{display:block}
  .benefits article{padding:28px 0}
  .benefits article:last-child{border-bottom:0}
  .action{text-align:left}
  .gallery{height:auto;display:grid;grid-template-columns:1fr;grid-template-rows:none;gap:14px;margin-top:36px}
  .gallery>*{display:block!important;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:18px}
  .gallery>*:last-child{display:none!important}
  .custom{gap:34px}
  .extras article{align-items:baseline;padding:20px 0;line-height:1.4}
  .extras article span{max-width:62%}
  .extras article b{text-align:right;white-space:nowrap}
  .steps{display:block;margin-top:42px}
  .steps article{padding:26px 0;margin:0}
  .steps article:last-child{padding-bottom:0}
  .reviews{gap:38px}
  .rating{margin-top:28px}
  .rating b{font-size:4rem}
  .quotes{gap:12px}
  .quotes blockquote{padding:26px 24px;border-radius:18px}
  .quotes p{font-size:1.12rem;line-height:1.5}
  .faq{gap:30px}
  .accordion details{padding:20px 0}
  .accordion summary{font-size:1rem;line-height:1.35;gap:18px}
  .closing{min-height:620px;padding:84px var(--mobile-pad) 132px}
  .closing h2{font-size:2.6rem}
  .closing .button{width:100%;padding:0 18px}
  footer{padding:48px var(--mobile-pad) 42px;gap:22px}
  footer .brand{width:106px;height:90px;margin-left:-12px}
  footer .brand img{width:154px;height:154px;margin:0}
  footer div{flex-wrap:wrap;gap:14px 22px}
  .mobile-wa{height:calc(64px + env(safe-area-inset-bottom));padding:0 22px env(safe-area-inset-bottom);font-size:.95rem;box-shadow:0 -8px 28px rgba(8,12,16,.18)}
}
@media(max-width:360px){
  h1{font-size:3rem}
  h2{font-size:2.3rem}
  .section{padding-left:18px;padding-right:18px}
  .hero{padding-left:18px;padding-right:18px}
  .pack{padding:26px 22px}
  .pack>strong{font-size:2.4rem}
}

/* Los medios deben formar parte de la altura real de su sección */
.mosaic,.gallery{min-width:0;isolation:isolate}
.mosaic>*,.gallery>*{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%;width:100%!important;height:100%!important;object-fit:cover;overflow:hidden}
.mosaic>*:first-child,.mosaic>*:last-child{height:80%!important}

/* Centrado óptico del logo sobre el área visible del PNG */
.nav .brand{position:relative}
.nav .brand img{position:absolute;left:50%;top:-16px;transform:translateX(-50%);margin:0}

@media(max-width:600px){
  .gallery>*{height:auto!important;max-height:none;aspect-ratio:4/5}
  .mosaic video{height:430px!important;max-height:430px}
  .nav .brand img{top:-16px;transform:translateX(-50%)}
}

/* El pie necesita un encuadre propio para mostrar también SOUND */
footer .brand{position:relative;overflow:visible}
footer .brand img{position:absolute;left:50%;top:-17px;width:130px;height:130px;margin:0;transform:translateX(-50%)}
@media(max-width:600px){
  footer .brand img{top:-16px;width:122px;height:122px;transform:translateX(-50%)}
}

/* CTA móvil elegante: WhatsApp visible sin una franja roja dominante */
@media(max-width:600px){
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
  .mobile-wa{height:calc(78px + env(safe-area-inset-bottom));padding:0 18px env(safe-area-inset-bottom);background:rgba(13,15,17,.96);color:#fff;border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -12px 32px rgba(8,12,16,.24);backdrop-filter:blur(16px)}
  .mobile-wa-copy{display:flex;flex-direction:column;gap:3px;text-align:left}
  .mobile-wa-copy small{font:700 .64rem Manrope,sans-serif;letter-spacing:.15em;color:#8dc6df}
  .mobile-wa-copy strong{font:700 1rem Manrope,sans-serif;color:#fff}
  .mobile-wa-action{display:flex;align-items:center;gap:7px;min-height:38px;padding:0 11px;border:1px solid rgba(37,211,102,.38);border-radius:999px;background:rgba(37,211,102,.1);color:#b8f4ce;font:700 .72rem Manrope,sans-serif;letter-spacing:.02em;white-space:nowrap}
  .mobile-wa-dot{width:7px;height:7px;border-radius:50%;background:#25d366;box-shadow:0 0 0 4px rgba(37,211,102,.12)}
  .mobile-wa-action b{font-size:1.05rem;line-height:1;color:#fff}
}

.pack .pack-duration{font-size:.95rem;line-height:1.45;font-weight:500}
