*{box-sizing:border-box}
:root{--paper:#f6f1e8;--paper2:#eee6d9;--ink:#181512;--charcoal:#1b1814;--charcoal2:#24201b;--gold:#c7a163;--gold2:#dfc38f;--line:#d8ccbb;--muted:#6d655c}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-weight:300;overflow-x:hidden}
a{color:inherit;text-decoration:none}.paper{background:var(--paper)}
.topbar{position:fixed;z-index:30;top:0;left:0;right:0;height:78px;padding:0 clamp(22px,4.5vw,72px);display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid rgba(255,255,255,.2);transition:.3s}
.topbar.scrolled{height:68px;background:rgba(246,241,232,.97);color:var(--ink);border-color:var(--line);backdrop-filter:blur(12px)}
.wordmark{display:flex;flex-direction:column;min-width:0}.wordmark strong{font-family:"Cormorant Garamond",serif;font-size:19px;letter-spacing:.11em;font-weight:500;white-space:nowrap}.wordmark span{font-size:8px;letter-spacing:.22em;margin-top:3px;white-space:nowrap}
.nav-links{display:flex;gap:32px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.mini-cta{font-size:10px;letter-spacing:.13em;border:1px solid currentColor;padding:11px 15px;white-space:nowrap}
.kicker{font-size:12px;line-height:1.4;letter-spacing:.19em;font-weight:600;text-transform:uppercase;margin:0 0 20px}.kicker-light{color:#fff}.kicker-gold{color:var(--gold2)}
.hero{height:94svh;min-height:670px;position:relative;color:white;display:flex;align-items:flex-end;padding:0 clamp(24px,6vw,96px) 10vh;overflow:hidden}.hero-media,.hero-overlay{position:absolute;inset:0}
.hero-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 68% 36%,rgba(197,160,100,.18),transparent 24%),linear-gradient(135deg,#3c3730,#12100e 72%);color:#d8c8ae;font-size:12px;letter-spacing:.16em}.hero-placeholder small{font-size:11px;letter-spacing:.05em;margin-top:7px;opacity:.7}
.hero-overlay{background:linear-gradient(90deg,rgba(7,6,5,.72),rgba(7,6,5,.16) 72%),linear-gradient(0deg,rgba(7,6,5,.56),transparent 56%)}
.hero-content{position:relative;z-index:2;max-width:930px;min-width:0}.hero h1,.reviews h2,.contact h2,.story h2,.about h2,.experience h2{font-family:"Cormorant Garamond",serif;font-weight:400;line-height:.92;margin:0;overflow-wrap:anywhere}
.hero h1{font-size:clamp(58px,7.4vw,108px)}em{font-style:normal;color:var(--gold2)}
.hero-lead{font-size:17px;line-height:1.72;max-width:610px;margin:26px 0 28px}.hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;border:0;padding:16px 22px;font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;cursor:pointer}.button-cream{background:var(--paper);color:var(--ink)}.button-black{background:var(--ink);color:white;width:100%}.button-gold{background:linear-gradient(90deg,#bd965b,#d9bd89);color:white}.hero-link{font-size:11px;letter-spacing:.12em}
.proofbar{min-height:105px;padding:22px clamp(24px,6vw,96px);display:flex;align-items:center;justify-content:center;gap:30px;background:#efe7db;border-bottom:1px solid var(--line);flex-wrap:wrap}.proofbar div{text-align:center;min-width:145px}.proofbar strong{display:block;font-family:"Cormorant Garamond";font-size:26px;font-weight:500}.proofbar span{font-size:10px;letter-spacing:.11em}.proofbar i{width:1px;height:35px;background:#cbbda8}
.reviews{padding:70px clamp(24px,7vw,112px) 68px;overflow:hidden}.reviews-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px}.reviews h2{font-size:clamp(48px,5vw,72px)}.review-controls{display:flex;align-items:center;gap:13px;white-space:nowrap}.review-controls button{width:42px;height:42px;border:1px solid var(--line);background:transparent;border-radius:50%;font-size:18px;cursor:pointer;color:var(--ink)}.review-controls button:hover{background:var(--ink);color:white}.review-controls span{font-size:10px;letter-spacing:.12em;color:#766d62}
.carousel{overflow:hidden;touch-action:pan-y}.carousel-track{display:flex;gap:18px;transition:transform .55s cubic-bezier(.22,.61,.36,1);will-change:transform}.review-card{flex:0 0 calc((100% - 18px)/2);min-width:0;border:1px solid var(--line);border-radius:14px;padding:31px 34px;background:#fbf8f2;min-height:265px;display:flex;flex-direction:column}.stars{color:#aa8250;letter-spacing:.14em;font-size:14px}.review-card blockquote{font-family:"Cormorant Garamond";font-size:26px;line-height:1.3;margin:18px 0 25px;overflow-wrap:anywhere}.review-card footer{margin-top:auto;display:flex;justify-content:space-between;align-items:end;gap:10px}.review-card footer span{font-size:10px;letter-spacing:.12em}.review-card footer small{font-size:9px;letter-spacing:.08em;color:#82786c}.review-dots{display:flex;justify-content:center;gap:7px;margin-top:22px}.review-dots button{width:7px;height:7px;padding:0;border:1px solid #9d8a6d;border-radius:50%;background:transparent;cursor:pointer}.review-dots button.active{background:#9d8a6d}.review-source{text-align:center;margin:18px 0 0;font-size:11px;color:#756d64;letter-spacing:.04em}
.contact{padding:28px;display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.contact-side{border-radius:18px;background:radial-gradient(circle at 78% 18%,rgba(211,176,118,.08),transparent 22%),linear-gradient(145deg,#29241e,#151310);color:white;padding:62px clamp(34px,5vw,80px);min-height:690px;position:relative;overflow:hidden}.contact-side:after{content:"❧";position:absolute;right:3%;top:1%;font-size:120px;color:rgba(213,185,135,.14);transform:rotate(-28deg)}
.contact-side h2{font-size:clamp(54px,5.8vw,86px);max-width:520px}.contact-side>p{font-size:16px;line-height:1.8;color:#d0c7bb;max-width:480px}.price-note{margin-top:40px;padding-top:25px;border-top:1px solid rgba(222,195,143,.24)}.price-note small{display:block;color:#cfb17e;font-size:10px;letter-spacing:.15em;margin-bottom:7px}.price-note strong{font-family:"Cormorant Garamond";font-size:36px;font-weight:500}.trust-mini{display:flex;flex-direction:column;gap:10px;margin-top:34px;color:#cdbb9c;font-size:12px}
.form-card{min-width:0;border:1px solid var(--line);border-radius:18px;background:#fbf8f2;padding:50px clamp(28px,4.5vw,72px)}.field{margin-bottom:20px}label,legend{display:block;font-size:11px;line-height:1.4;letter-spacing:.1em;font-weight:600;text-transform:uppercase;margin-bottom:8px}
input,select,textarea{width:100%;min-height:52px;border:1px solid #d4c8b7;border-radius:9px;background:#fffdf9;padding:13px 15px;font-size:16px;color:var(--ink);outline:none}textarea{min-height:95px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#a98656;box-shadow:0 0 0 2px rgba(169,134,86,.08)}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}fieldset{border:0;padding:0;margin:0 0 20px}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.choice-grid label{margin:0;position:relative}.choice-grid input{position:absolute;width:1px;height:1px;min-height:0;margin:0;opacity:0;pointer-events:none}.choice-grid span{display:flex;min-height:52px;align-items:center;justify-content:center;border:1px solid #d4c8b7;border-radius:9px;padding:8px;text-align:center;font-size:13px;text-transform:none;letter-spacing:0;font-weight:400;overflow-wrap:anywhere}.choice-grid input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}.choice-grid input:focus-visible+span{outline:3px solid rgba(169,134,86,.34);outline-offset:2px}
.optional-details{border-top:1px solid #e0d6c8;border-bottom:1px solid #e0d6c8;margin:2px 0 20px}.optional-details summary{list-style:none;cursor:pointer;padding:14px 0;font-size:12px;color:#746a60;display:flex;justify-content:space-between}.optional-details summary::-webkit-details-marker{display:none}.optional-field{padding-top:10px}
.consent{display:flex;gap:9px;align-items:flex-start;text-transform:none;letter-spacing:0;font-size:12px;font-weight:300;line-height:1.5;margin:3px 0 10px}.consent input{width:auto;min-height:auto;margin-top:2px}.privacy-brief{display:grid;gap:7px;margin:0 0 17px;padding:13px 14px;border:1px solid #ded3c4;border-radius:11px;background:#f5efe6;color:#645b52;font-size:11px;line-height:1.55}.privacy-brief strong{color:var(--ink);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.privacy-brief b{font-weight:600}.privacy-brief a{width:max-content;max-width:100%;color:#765c37;font-weight:600;text-decoration:underline;text-underline-offset:3px}.form-note{text-align:center;font-size:12px;line-height:1.5;color:#71695f}.status{font-size:13px;margin-top:10px;color:#795f3e}
.story{padding:95px clamp(24px,6vw,96px);background:var(--charcoal);color:#f7f1e8;display:grid;grid-template-columns:minmax(260px,.52fr) minmax(0,1.48fr);gap:6vw;align-items:center}.story h2{font-size:clamp(62px,7vw,96px)}.story-copy>p{font-size:15px;line-height:1.8;color:#cfc5b8;max-width:420px}.story-link{display:inline-block;margin-top:18px;color:var(--gold2);font-size:11px;letter-spacing:.12em}.film-placeholder{height:560px;border:1px solid rgba(222,195,143,.34);background:radial-gradient(circle at 62% 42%,rgba(205,168,110,.15),transparent 23%),linear-gradient(145deg,#383128,#15120f);display:flex;align-items:center;justify-content:center;position:relative;color:#d3c4ac;font-size:12px;letter-spacing:.15em}.play{position:absolute;width:70px;height:70px;border:1px solid var(--gold2);border-radius:50%;background:rgba(0,0,0,.15);color:white;font-size:16px}
.about{padding:95px clamp(24px,7vw,112px);display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);gap:7vw;align-items:center}.photo-wrap img{width:100%;height:650px;object-fit:cover;object-position:center;display:block}.about h2{font-size:clamp(58px,6vw,86px)}.about-copy>p{font-size:16px;line-height:1.85;color:var(--muted);max-width:610px}.about blockquote{font-family:"Cormorant Garamond";font-size:29px;line-height:1.3;border-left:1px solid var(--gold);padding-left:24px;margin:34px 0}
.experience{padding:88px clamp(24px,7vw,112px);background:var(--charcoal2);color:white;text-align:center}.experience h2{font-size:clamp(54px,6vw,82px)}.experience-lead{font-size:16px;line-height:1.8;color:#c9bfb3;max-width:650px;margin:24px auto 42px}.experience-grid{max-width:970px;margin:0 auto 36px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(222,195,143,.25);border-bottom:1px solid rgba(222,195,143,.25)}.experience-grid article{padding:25px 14px;border-right:1px solid rgba(222,195,143,.18);min-width:0}.experience-grid article:last-child{border-right:0}.experience-grid span{display:block;color:var(--gold2);font-size:10px;letter-spacing:.14em;margin-bottom:8px}.experience-grid b{font-family:"Cormorant Garamond";font-size:22px;font-weight:500;overflow-wrap:anywhere}
.site-footer{padding:36px clamp(24px,5vw,80px);background:#11100e;color:#eee7dd;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;letter-spacing:.11em}.footer-brand strong{font-size:17px}.footer-legal{display:flex;align-items:center;gap:16px}.footer-legal a{color:#d7bb8a;text-decoration:underline;text-underline-offset:4px}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(199,161,99,.55);outline-offset:3px}

@media(max-width:980px){
  .nav-links{display:none}
  .contact,.story,.about{grid-template-columns:1fr}
  .contact-side{min-height:520px}
  .story-copy{max-width:650px}
  .film-placeholder{height:56vw}
  .photo-wrap img{height:650px}
  .experience-grid{grid-template-columns:1fr 1fr}
  .experience-grid article:nth-child(2){border-right:0}
}
@media(max-width:700px){
  .topbar{height:68px;padding:0 16px}.wordmark strong{font-size:14px}.wordmark span{font-size:6px}.mini-cta{font-size:7px;padding:9px 8px}
  .hero{height:86svh;min-height:640px;padding:0 20px 12vh}.hero h1{font-size:52px}.hero-lead{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}
  .proofbar{gap:12px;padding:20px 16px}.proofbar i{display:none}.proofbar div{min-width:44%}.proofbar strong{font-size:23px}.proofbar span{font-size:8.5px}
  .reviews{padding:52px 18px}.reviews-head{align-items:flex-start;flex-direction:column}.reviews h2{font-size:46px}.review-controls{align-self:flex-end}.review-card{flex-basis:100%;padding:28px 24px;min-height:290px}.review-card blockquote{font-size:24px}.review-card footer{align-items:flex-start;flex-direction:column}
  .contact{padding:9px;gap:9px}.contact-side{padding:48px 24px;min-height:480px}.contact-side h2{font-size:52px}.form-card{padding:34px 18px}.two,.choice-grid{grid-template-columns:1fr}
  .story{padding:70px 20px}.story h2{font-size:58px}.film-placeholder{height:58vh}
  .about{padding:70px 20px}.photo-wrap img{height:520px}.about h2{font-size:53px}.about blockquote{font-size:25px}
  .experience{padding:70px 20px}.experience h2{font-size:50px}.experience-grid{grid-template-columns:1fr}.experience-grid article{border-right:0;border-bottom:1px solid rgba(222,195,143,.18)}.experience-grid article:last-child{border-bottom:0}
  .site-footer{flex-direction:column;align-items:flex-start;gap:16px}
  .footer-legal{align-items:flex-start;flex-direction:column;gap:9px}
}

/* V5 — showreel integrado */
.hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* V6 — película completa Sandra & Jesús */
.film-video-wrap{
  width:100%;
  min-width:0;
  background:#100f0d;
  border:1px solid rgba(222,195,143,.34);
  aspect-ratio:16/9;
  overflow:hidden;
}
.film-video{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  background:#000;
}
@media(max-width:700px){
  .film-video-wrap{aspect-ratio:16/9}
}


/* V6.3 — portada integrada de la historia real */
.film-video-wrap{
  aspect-ratio: 2.15 / 1;
  background:#100f0d;
}
.film-video{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
@media(max-width:700px){
  .film-video-wrap{aspect-ratio:16/9;}
}


/* V6.4 · captación conectada */
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.submit:disabled{cursor:default;opacity:.72}
.status{min-height:20px}
.status.ok{color:#536b5b}
.status.error{color:#9b4c45}


/* V13.48 · WhatsApp permanente, integrado en la estética premium */
.whatsapp-float{position:fixed;right:22px;bottom:88px;z-index:80;display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 17px 0 14px;border-radius:999px;border:1px solid rgba(215,180,122,.62);background:rgba(17,15,13,.94);color:#f6eee4;text-decoration:none;box-shadow:0 16px 42px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.02);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.whatsapp-float:hover{transform:translateY(-2px);border-color:#e8c68e;background:#1c1814}.whatsapp-float svg{width:20px;height:20px;fill:none;stroke:#dfb775;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.status .whatsapp-success{display:inline-flex;margin-top:11px;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:#17130f;color:#fff;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
@media(max-width:700px){.whatsapp-float{right:14px;bottom:max(14px,env(safe-area-inset-bottom));width:48px;height:48px;min-height:48px;padding:0;justify-content:center}.whatsapp-float span{display:none}.whatsapp-float svg{width:21px;height:21px}}


/* V13.48.1 · WhatsApp visible también dentro del formulario */
.whatsapp-inline{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:4px 0 18px;padding:15px 16px;border:1px solid rgba(175,139,87,.30);border-radius:16px;background:linear-gradient(135deg,rgba(23,20,17,.97),rgba(37,31,25,.96));color:#f7f1e8;box-shadow:0 12px 28px rgba(26,20,14,.10)}
.whatsapp-inline-copy{display:flex;flex-direction:column;gap:3px}.whatsapp-inline-copy span{font-size:9px;font-weight:800;letter-spacing:.16em;color:#d8b477}.whatsapp-inline-copy strong{font-family:"Cormorant Garamond",Georgia,serif;font-size:20px;font-weight:500;line-height:1.05}.whatsapp-inline-copy small{font-size:10px;color:rgba(247,241,232,.65)}
.whatsapp-inline-button{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border-radius:999px;border:1px solid rgba(216,180,119,.62);color:#f7f1e8;text-decoration:none;font-size:9px;font-weight:800;letter-spacing:.10em;transition:background .18s ease,border-color .18s ease,transform .18s ease}.whatsapp-inline-button:hover{background:#d8b477;color:#17130f;border-color:#d8b477;transform:translateY(-1px)}
@media(max-width:700px){.whatsapp-inline{align-items:flex-start;flex-direction:column}.whatsapp-inline-button{width:100%}.whatsapp-float{bottom:max(18px,env(safe-area-inset-bottom))}}

/* V13.49 · accesibilidad y estados fiables de captación */
.form-card.is-submitting{cursor:progress}.form-card.is-submitting input,.form-card.is-submitting select,.form-card.is-submitting textarea{cursor:progress}.status.error{font-weight:500}.status.ok{font-weight:500}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.carousel-track,.topbar,.whatsapp-float,.whatsapp-inline-button{transition:none}}
