@font-face{font-family:"Montserrat";font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fonts/montserrat-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Jakarta";font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/fonts/jakarta-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  /* Paleta de la marca (logo Daurada Labs): azul marino, dorado y turquesa */
  --bg:#0b141c; --bg-2:#0f1b26; --card:#132230; --line:#223548;
  --text:#eef2f4; --muted:#a7b4bf; --gold:#d9b86e; --gold-2:#f0d891; --gold-dim:rgba(217,184,110,.12);
  --gold-grad:linear-gradient(100deg,#c39a55 0%,#e2c47e 45%,#f3e09c 70%,#d2ad62 100%);
  --teal:#78cdd0; --teal-2:#a5e3e6; --teal-deep:#4ca3b6; --teal-dim:rgba(120,205,208,.12);
  --font-head:"Montserrat","Jakarta",system-ui,sans-serif;
  --radius:14px; --header:64px; --max:1120px;
  --font:"Jakarta",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 12px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.6;padding-bottom:calc(76px + env(safe-area-inset-bottom))}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold-2)}
h1,h2,h3{line-height:1.15;margin:0;letter-spacing:-.02em}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 16px}
.skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:#000;padding:8px 12px;border-radius:8px;z-index:100}
.skip:focus{left:8px}
.icon{width:20px;height:20px;flex:none;fill:currentColor}

/* Botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:999px;font:600 16px/1.2 var(--font);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.btn-gold{background:var(--gold);color:#0b141c}
.btn-gold:hover{background:var(--gold-2)}
.btn-line{border-color:var(--gold);color:var(--gold-2);background:transparent}
.btn-line:hover{background:var(--gold-dim)}
.btn-sm{min-height:40px;padding:8px 16px;font-size:15px}

/* Cabecera */
.header{position:sticky;top:0;z-index:50;background:rgba(11,20,28,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.header .wrap{height:var(--header);display:flex;align-items:center;gap:12px}
.logo{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:700;font-size:18px;letter-spacing:-.01em;margin-right:auto}
.logo svg{width:28px;height:28px}
.logo span b{color:var(--gold);font-weight:700}
.nav{display:none;gap:22px}
.nav a{color:var(--muted);text-decoration:none;font-size:15px}
.nav a:hover{color:var(--text)}
.lang{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:3px}
.lang a{color:var(--muted);text-decoration:none;font:600 13px/1 var(--font);padding:8px 10px;border-radius:999px;min-width:40px;text-align:center}
.lang a[aria-current="true"]{background:var(--gold);color:#0b141c}
.h-phone{display:none;align-items:center;gap:6px;color:var(--text);text-decoration:none;font-size:15px;white-space:nowrap}
.h-phone .icon{color:var(--gold)}
.h-wa{display:none}
.h-call{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;color:var(--gold)}

/* Barra móvil fija */
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(11,20,28,.96);border-top:1px solid var(--line)}
.mbar .btn{flex:1}
.mbar .btn-gold{flex:2}

/* Secciones */
section{padding:72px 0;border-bottom:1px solid var(--line)}
.kicker{display:inline-block;color:var(--gold);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}
.h2{font-size:clamp(28px,6vw,42px);max-width:22ch}
.lead{color:var(--muted);font-size:18px;max-width:60ch;margin-top:14px}
.head{margin-bottom:36px}

/* Hero */
.hero{padding:64px 0 72px;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(217,184,110,.10),transparent 70%)}
.hero h1{font-size:clamp(36px,9vw,64px)}
.hero h1 .kicker{display:block;font-size:13px;line-height:1.5;letter-spacing:.12em;margin-bottom:16px}
.hero h1 .h1-main{display:block;max-width:16ch}
.hero h1 em{font-style:normal;color:var(--gold)}
.hero .lead{font-size:clamp(18px,4.4vw,22px);color:#dbe3e8;margin-top:18px}
.ctas{display:flex;flex-direction:column;gap:12px;margin-top:32px}
.points{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:28px;color:var(--muted);font-size:15px}
.points li{display:flex;align-items:center;gap:8px}
.points .icon{width:18px;height:18px;color:var(--gold)}

/* Casos reales */
.case{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.case > *{min-width:0}
.case + .case{margin-top:24px}
.tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--gold-2);background:var(--gold-dim);border:1px solid rgba(217,184,110,.35);padding:5px 12px;border-radius:999px}
.tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold)}
.case h3{font-size:clamp(22px,5vw,30px);margin-top:14px}
.case p{color:var(--muted);margin-top:12px}
.checks{margin-top:18px;display:grid;gap:10px}
.checks li{display:flex;gap:10px;align-items:flex-start}
.checks .icon{color:var(--gold);margin-top:3px;width:18px;height:18px}
.out-label{color:var(--text)!important;font-weight:600;margin-top:20px!important}
.flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;font-weight:600;font-size:15px}
.flow span{border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:var(--bg-2)}
.flow i{color:var(--gold);font-style:normal}
.media{display:grid;gap:12px}
.media-ig{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
/* Huecos para imágenes: sustituir por <img> cuando las tengas */
.ph{min-width:0;overflow-wrap:anywhere;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:12px;border:1.5px dashed rgba(217,184,110,.45);border-radius:10px;background:repeating-linear-gradient(135deg,#112030 0 12px,#132230 12px 24px);color:var(--muted);font-size:13px;line-height:1.35}
.ph strong{color:var(--gold-2);font-size:12px;letter-spacing:.06em}
.ph-a4{aspect-ratio:1/1.414}
.ph-sq{aspect-ratio:1/1;font-size:12px}
.media img{border-radius:10px;border:1px solid var(--line);width:100%}

/* Tarjetas sector */
.cards{display:grid;gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.card h3{font-size:20px;display:flex;align-items:center;gap:12px}
.card h3 .num{width:36px;height:36px;border-radius:10px;background:var(--gold-dim);color:var(--gold);display:grid;place-items:center;font-size:16px;flex:none}
.card ul{margin-top:16px;display:grid;gap:8px;color:var(--muted)}
.card li::before{content:"— ";color:var(--gold)}
.idea-note{margin-top:24px;color:var(--muted);font-size:15px}
.idea-note a{font-weight:600}

/* Pasos */
.steps{display:grid;gap:16px;counter-reset:s}
.step{position:relative;padding:24px 24px 24px 84px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}
.step::before{counter-increment:s;content:counter(s);position:absolute;left:24px;top:22px;width:42px;height:42px;border-radius:50%;border:1.5px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-weight:700;font-size:18px}
.step h3{font-size:20px}
.step p{color:var(--muted);margin-top:6px}

/* Precios */
.group-title{font-size:20px;margin:0 0 16px;color:var(--text)}
.plans{display:grid;gap:16px}
.plan{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;display:flex;flex-direction:column}
.plan.featured{border-color:rgba(217,184,110,.55)}
.plan-name{font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.price{margin-top:14px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.price b{font-size:44px;line-height:1;letter-spacing:-.03em}
.price small{color:var(--muted);font-size:15px}
.monthly{margin-top:6px;font-size:20px;font-weight:600}
.monthly small{color:var(--muted);font-weight:400;font-size:15px}
.plan .checks{margin:22px 0 26px;flex:1}
.soon{display:inline-block;margin-left:6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#0b141c;background:var(--gold);padding:3px 8px;border-radius:999px;vertical-align:2px;white-space:nowrap}
.other{margin-top:40px}
.plan-other .price b{font-size:34px}
.plan-other p{color:var(--muted);margin:10px 0 24px}
.fine{margin-top:20px;color:var(--muted);font-size:14px}

/* Garantía */
.guarantee{background:linear-gradient(180deg,var(--bg),var(--bg-2))}
.g-box{border:1px solid rgba(217,184,110,.45);border-radius:20px;padding:36px 24px;text-align:center;background:radial-gradient(ellipse at top,rgba(217,184,110,.10),transparent 70%)}
.g-box svg{width:44px;height:44px;color:var(--gold);margin:0 auto 16px}
.g-box h2{font-size:clamp(26px,5.5vw,38px);max-width:24ch;margin:0 auto}
.g-box p{color:var(--muted);margin-top:12px}

/* FAQ */
.faq{display:grid;gap:12px;max-width:820px}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:12px}
.faq summary{cursor:pointer;list-style:none;padding:18px 20px;font-weight:600;font-size:18px;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--gold);font-size:24px;font-weight:400;line-height:1;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 20px 20px;color:var(--muted)}

/* Contacto */
.contact-grid{display:grid;gap:32px}
.c-actions{display:grid;gap:12px;margin-top:24px}
.c-city{display:flex;align-items:center;gap:8px;margin-top:20px;color:var(--muted)}
.c-city .icon{color:var(--gold)}
form{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:grid;gap:18px}
label{display:block;font-weight:600;font-size:15px;margin-bottom:6px}
input,select,textarea{width:100%;background:var(--bg);border:1px solid #2c4358;border-radius:10px;color:var(--text);font:16px/1.4 var(--font);padding:13px 14px}
textarea{min-height:110px;resize:vertical}
input::placeholder,textarea::placeholder{color:#7d8b97}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim)}
select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:40px}
.consent{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:14px;color:var(--muted);margin:0}
.consent input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--gold)}
.form-note{font-size:13px;color:var(--muted);text-align:center}
.form-ok{display:none;padding:14px;border-radius:10px;background:var(--gold-dim);border:1px solid rgba(217,184,110,.4);color:var(--text);font-size:15px}
.form-ok.show{display:block}

/* Pie */
footer{padding:40px 0 32px;color:var(--muted);font-size:14px}
footer .wrap{display:grid;gap:14px}
.f-brand{color:var(--text);font-weight:700;font-size:16px}
.f-links{display:flex;gap:18px;flex-wrap:wrap}
.f-links a{color:var(--muted)}
.f-links a:hover{color:var(--text)}

@media (min-width:640px){
  .ctas{flex-direction:row}
  .cards{grid-template-columns:repeat(2,1fr)}
  .c-actions{grid-template-columns:1fr 1fr}
  .row2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  .row2 > div{min-width:0}
}
@media (max-width:639px){ .row2{display:grid;gap:18px} }
@media (min-width:900px){
  body{padding-bottom:0;font-size:18px}
  .mbar{display:none}
  .h-call{display:none}
  .h-phone,.h-wa{display:inline-flex}
  .nav{display:flex}
  section{padding:104px 0}
  .hero{padding:110px 0 112px}
  .case{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:36px;gap:40px;align-items:center}
  .case-alt .case-text{order:2}
  .cards{grid-template-columns:repeat(3,1fr)}
  .steps{grid-template-columns:repeat(3,1fr)}
  .step{padding:84px 24px 28px}
  .step::before{top:24px}
  .plans{grid-template-columns:1fr 1fr;max-width:860px}
  .plan-other{max-width:860px}
  .g-box{padding:56px 40px}
  .contact-grid{grid-template-columns:1fr 1.1fr;gap:56px;align-items:start}
  .c-actions{grid-template-columns:1fr;max-width:340px}
  footer .wrap{grid-template-columns:1fr auto;align-items:center}
}
@media (min-width:900px) and (max-width:1040px){ .nav{display:none} }
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Zona / contacto */
.zone{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.zone h3{font-size:18px}
.zone p{color:var(--muted);margin-top:8px;font-size:16px}

/* Blog: tarjetas */
.posts{display:grid;gap:16px}
.post{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;text-decoration:none;color:var(--text);transition:border-color .15s}
.post:hover{border-color:rgba(217,184,110,.6)}
.post h3{font-size:21px}
.post p{color:var(--muted);margin-top:10px;flex:1}
.post .more{margin-top:18px;color:var(--gold-2);font-weight:600;font-size:15px}
.post .meta{color:var(--muted);font-size:13px;margin-bottom:10px}
.learn-all{margin-top:24px}
@media (min-width:640px){.posts{grid-template-columns:1fr 1fr}}

/* Páginas interiores */
.page-head{padding:48px 0 32px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(217,184,110,.08),transparent 70%)}
.crumbs{font-size:14px;color:var(--muted);margin-bottom:18px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li+li::before{content:"/";margin-right:6px;color:var(--line)}
.crumbs a{color:var(--muted)}
.page-head h1{font-size:clamp(30px,6.5vw,48px);max-width:24ch}
.page-head .lead{margin-top:16px}
.byline{margin-top:18px;color:var(--muted);font-size:14px}
.prose-wrap{padding-top:40px;padding-bottom:72px}
.prose{max-width:720px}
.prose > * + *{margin-top:18px}
.prose h2{font-size:clamp(24px,5vw,30px);margin-top:48px;scroll-margin-top:calc(var(--header) + 16px)}
.prose h3{font-size:20px;margin-top:32px;color:var(--gold-2)}
.prose p,.prose li,.prose dd{color:#d6dee4}
.prose ul,.prose ol{padding-left:22px}
.prose ul{list-style:disc}
.prose ol{list-style:decimal}
.prose li + li{margin-top:8px}
.prose li::marker{color:var(--gold)}
.prose strong{color:var(--text)}
.prose .answer{font-size:19px;color:var(--text);border-left:3px solid var(--gold);padding:4px 0 4px 18px}
.prose dl dt{font-weight:700;color:var(--text);margin-top:14px}
.prose dl dd{margin:4px 0 0}
.prose .table{overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.prose table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px}
.prose th,.prose td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.prose th{color:var(--gold-2);background:var(--bg-2)}
.prose tr:last-child td{border-bottom:0}
.prose .box{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 20px}
.prose .checklist{list-style:none;padding:0}
.prose .checklist li{padding-left:30px;position:relative}
.prose .checklist li::before{content:"";position:absolute;left:0;top:4px;width:18px;height:18px;border:1.5px solid var(--gold);border-radius:4px}
.toc{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin-bottom:8px}
.toc strong{display:block;margin-bottom:8px;color:var(--text)}
.toc ol{margin:0;padding-left:20px;display:grid;gap:4px;font-size:15px}
.toc a{color:var(--muted);text-decoration:none}
.toc a:hover{color:var(--gold-2)}
.cta-box{margin-top:48px;border:1px solid rgba(217,184,110,.45);border-radius:16px;padding:28px 24px;background:radial-gradient(ellipse at top,rgba(217,184,110,.10),transparent 70%)}
.cta-box h2{margin-top:0!important;font-size:24px}
.cta-box p{color:var(--muted)}
.cta-box .ctas{margin-top:20px}
.related{margin-top:40px}
.related h2{font-size:22px;margin-bottom:16px}
.legal .prose h2{font-size:22px;margin-top:36px}
.case p.case-more{margin-top:20px;font-weight:600}
.prose .post h2{margin-top:0;font-size:21px}

/* ================= v3: diseño y engagement ================= */
h1,h2,h3{font-weight:800;letter-spacing:-.025em}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
section.alt{background:var(--bg-2)}
.steps{list-style:none;margin:0;padding:0}

/* Aparición suave (solo con JS; sin JS todo se ve) */
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.js .reveal.in{opacity:1;transform:none}
.cards .reveal:nth-child(2),.steps .reveal:nth-child(2),.plans .reveal:nth-child(2),.why-grid .reveal:nth-child(2){transition-delay:.08s}
.cards .reveal:nth-child(3),.steps .reveal:nth-child(3),.plans .reveal:nth-child(3),.why-grid .reveal:nth-child(3){transition-delay:.16s}
.why-grid .reveal:nth-child(4){transition-delay:.24s}

/* Tarjetas: microinteracción */
.card,.step,.plan,.post,.case{transition:border-color .2s,transform .2s,box-shadow .2s}
.card:hover,.step:hover,.plan:hover,.post:hover{border-color:rgba(217,184,110,.5);transform:translateY(-3px);box-shadow:0 14px 40px -20px rgba(217,184,110,.25)}

/* Cabecera: menú móvil y sección activa */
.h-menu{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;background:none;color:var(--text);cursor:pointer}
.h-menu .i-close{display:none}
.h-menu[aria-expanded="true"] .i-open{display:none}
.h-menu[aria-expanded="true"] .i-close{display:block}
.mnav{display:grid;padding:8px 16px 20px;border-top:1px solid var(--line);background:var(--bg)}
.mnav[hidden]{display:none}
.mnav a{padding:14px 4px;color:var(--text);text-decoration:none;font-size:18px;font-weight:600;border-bottom:1px solid var(--line)}
.mnav a:last-child{border-bottom:0}
.nav a{position:relative;padding:6px 0}
.nav a[aria-current="true"]{color:var(--text)}
.nav a[aria-current="true"]::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--gold);border-radius:2px}
.progress{position:fixed;top:var(--header);left:0;right:0;height:3px;z-index:49;pointer-events:none;display:none}
.article .progress{display:block}
.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-2));transform-origin:0 50%;transform:scaleX(0)}

/* Hero con demostración */
.hero-grid{display:grid;gap:48px;align-items:center}
.demo{position:relative;background:linear-gradient(160deg,#152535,#0f1b26);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 30px 80px -40px rgba(217,184,110,.35);max-width:460px;width:100%;justify-self:center}
.demo-label{position:absolute;top:-11px;right:18px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--bg);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 10px}
.demo-in{background:#0c1822;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.demo-head{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.demo-head .dot{width:8px;height:8px;border-radius:50%;background:#25d366}
.demo-msg{margin-top:8px;font-size:15px;color:#e3eaee;line-height:1.45}
.demo-step{display:flex;align-items:center;gap:10px;justify-content:center;margin:14px 0;color:var(--gold-2);font-size:13px;font-weight:600}
.spark{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle,var(--gold-2) 0 30%,transparent 32%),conic-gradient(from 0deg,var(--gold),transparent 60%,var(--gold));flex:none}
.demo-doc{background:#f6f3ec;color:#1b1b1d;border-radius:14px;padding:16px;font-size:13px}
.doc-top{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid #e3ddcf;margin-bottom:10px}
.doc-top b{font-size:14px}
.doc-logo{width:18px;height:18px;background:var(--gold);transform:rotate(45deg) scale(.75);border-radius:3px;flex:none}
.doc-pdf{margin-left:auto;font-size:10px;font-weight:800;color:#fff;background:#b23b2f;border-radius:4px;padding:2px 6px}
.doc-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;color:#38383c}
.doc-lines{display:grid;gap:6px;margin:8px 0}
.doc-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e3ddcf;padding-top:10px;margin-top:6px;font-weight:700}
.doc-btn{margin-top:12px;text-align:center;background:#0b141c;color:var(--gold-2);border-radius:999px;padding:9px;font-weight:700;font-size:13px}
.bar{display:block;height:8px;border-radius:4px;background:#d9d3c4}
.bar.gold{background:var(--gold);height:10px}
.w25{width:25%}.w30{width:30%}.w40{width:40%}.w50{width:50%}.w60{width:60%}.w70{width:70%}.w90{width:90%}
.doc-row .bar{width:22%;flex:none}
.js .demo > *{animation:pop .7s ease both}
.js .demo .demo-step{animation-delay:.35s}
.js .demo .demo-doc{animation-delay:.7s}
@keyframes pop{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* Por qué nosotros */
.why{padding:28px 0;background:var(--bg-2)}
.why-grid{display:grid;gap:18px}
.why-grid li{display:flex;gap:14px;align-items:flex-start}
.why-grid .icon{width:22px;height:22px;color:var(--gold);flex:none;margin-top:2px}
.why-grid b{display:block;font-size:16px}
.why-grid span{display:block;color:var(--muted);font-size:14.5px;line-height:1.5;margin-top:2px}

/* Maquetas ilustrativas de los casos */
.mock-wrap{display:grid;gap:10px}
.mock{background:#f6f3ec;color:#1b1b1d;border-radius:12px;padding:18px;display:grid;gap:14px;font-size:14px}
.m-head{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid #e3ddcf}
.m-photo{aspect-ratio:16/8;border-radius:8px;background:linear-gradient(135deg,#223548,#0e1a25);display:grid;place-items:center;color:var(--gold)}
.m-photo svg{width:46%;fill:none}
.m-photo circle{fill:var(--gold)}
.m-specs{display:grid;gap:8px}
.m-price{display:flex;justify-content:flex-end;border-top:1px solid #e3ddcf;padding-top:12px}
.m-price .bar{width:30%}
.m-table{display:grid;gap:6px}
.m-table i{display:block;height:26px;border-radius:6px;background:#ebe6da}
.m-table i:first-child{background:#1b1b1d}
.mock-budget{aspect-ratio:auto}
.ig{aspect-ratio:1/1;border-radius:10px;display:grid;place-items:end start;padding:10px;font-weight:800;color:#0b141c;font-size:13px}
.ig span{background:var(--gold);border-radius:6px;padding:2px 7px}
.ig1{background:linear-gradient(135deg,#2c4358,#132230)}
.ig2{background:linear-gradient(135deg,#d9b86e,#8a6c33)}
.ig3{background:linear-gradient(135deg,#18293a,#1d3a46)}
.mock-note{font-size:12px;color:var(--muted);text-align:center}
.case p.case-more{margin-top:20px;font-weight:700}
.case p.case-more a{text-decoration:none;border-bottom:1px solid rgba(217,184,110,.5)}

/* Calculadora */
.calc{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;display:grid;gap:28px}
.range{display:grid;grid-template-columns:1fr auto;gap:10px 12px;align-items:center;margin:0 0 22px;font-weight:600;font-size:15px}
.range output{font-weight:800;color:var(--gold-2);font-variant-numeric:tabular-nums}
.range input{grid-column:1/-1;-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--gold) var(--p,20%),#223548 var(--p,20%));border:0;padding:0;box-shadow:none}
.range input::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--gold-2);border:4px solid #0b141c;box-shadow:0 0 0 1px var(--gold);cursor:pointer}
.range input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--gold-2);border:4px solid #0b141c;cursor:pointer}
.calc-out{background:radial-gradient(ellipse at top,rgba(217,184,110,.14),transparent 70%),#0c1822;border:1px solid rgba(217,184,110,.35);border-radius:16px;padding:24px;display:grid;gap:18px;align-content:start}
.calc-out b{font-variant-numeric:tabular-nums}
.calc-out .big b{display:block;font-size:clamp(52px,12vw,76px);line-height:1;color:var(--gold);letter-spacing:-.04em}
.calc-out .big span{color:var(--text);font-weight:700}
.calc-out .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.calc-out .row b{display:block;font-size:24px}
.calc-out .row span{color:var(--muted);font-size:14px}
.calc-note{font-size:13px;color:var(--muted)}

/* Precios: tres columnas */
.plans{max-width:none}
.plan-for{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.plan-other p{margin:14px 0 24px;flex:1}
.plan .btn{margin-top:auto}

/* Garantía */
.g-box .ctas{margin-top:24px}

/* FAQ a dos columnas */
.faq-grid{display:grid;gap:32px}
.faq-wa{margin-top:24px}
.faq{max-width:none}

/* Guías */
.head-row{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end;justify-content:space-between}
.post .meta{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);margin-bottom:12px}
.ptag{color:var(--gold-2);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;border:1px solid rgba(217,184,110,.35);border-radius:999px;padding:3px 9px}
.prose .posts{margin-top:16px}

/* Formulario: sectores en chips */
.chips{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips legend{font-weight:600;font-size:15px;margin-bottom:8px;padding:0}
.chips label{margin:0;font-weight:500}
.chips input{position:absolute;opacity:0;width:1px;height:1px}
.chips span{display:inline-block;padding:10px 16px;border:1px solid #2c4358;border-radius:999px;cursor:pointer;font-size:15px;transition:background .15s,border-color .15s,color .15s}
.chips input:checked + span{background:var(--gold);border-color:var(--gold);color:#0b141c;font-weight:700}
.chips input:focus-visible + span{outline:2px solid var(--gold-2);outline-offset:2px}
.chips span:hover{border-color:var(--gold)}

/* Pie */
footer{padding:56px 0 24px;border-top:1px solid var(--line)}
footer .wrap.f-grid{display:grid;gap:32px;grid-template-columns:1fr}
.f-col{display:flex;flex-direction:column;gap:10px}
.f-col h2{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.f-col a{color:var(--muted);text-decoration:none}
.f-col a:hover{color:var(--text)}
.f-about .logo{margin:0 0 6px}
.f-about p{color:var(--muted);max-width:42ch}
footer .wrap.f-bottom{display:block;margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-size:13px}

/* Artículos: índice lateral y compartir */
.art-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:40px}
.art-side{display:none}
.share{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}
.share a,.share button{width:40px;height:40px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:999px;color:var(--text);background:none;cursor:pointer}
.share a:hover,.share button:hover{border-color:var(--gold);color:var(--gold-2)}
.share button.done{background:var(--gold);color:#0b141c;border-color:var(--gold)}
.share-end{margin-top:32px}
.cta-calc{margin-top:16px;font-weight:700}
.cta-calc a{text-decoration:none}

@media (min-width:640px){
  .why-grid{grid-template-columns:1fr 1fr}
  footer .wrap.f-grid{grid-template-columns:1fr 1fr}
}
@media (min-width:900px){
  .h-menu,.mnav{display:none!important}
  .hero-grid{grid-template-columns:1.15fr .85fr}
  .hero .lead{max-width:34ch}
  .why{padding:36px 0}
  .why-grid{grid-template-columns:repeat(4,1fr);gap:28px}
  .calc-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}
  .calc{grid-template-columns:1fr 1fr;padding:32px}
  .calc-grid .head{margin-bottom:0}
  .plans{grid-template-columns:repeat(3,1fr);max-width:none}
  .faq-grid{grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
  .faq-grid .head{position:sticky;top:calc(var(--header) + 32px)}
  .posts-3{grid-template-columns:repeat(3,1fr)}
  footer .wrap.f-grid{grid-template-columns:1.6fr 1fr 1.3fr .8fr}
  .chips span{padding:9px 14px}
}
@media (min-width:1100px){
  .art-grid{grid-template-columns:240px minmax(0,720px);gap:64px}
  .art-side{display:flex;flex-direction:column;gap:20px;position:sticky;top:calc(var(--header) + 28px);align-self:start;max-height:calc(100vh - var(--header) - 56px);overflow:auto}
  .art-side .toc{background:none;border:0;padding:0;margin:0}
  .art-side .toc ol{font-size:14px;gap:8px}
  .toc-inline{display:none}
  .share-end{display:none}
}
@media (prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none}.js .demo > *{animation:none}}

/* v3 ajustes */
.logo{white-space:nowrap}
.header .wrap{gap:8px}
.h-call{display:none}
footer .wrap.f-grid{align-items:start}
@media (min-width:900px){
  .header .wrap{gap:12px}
  .calc-grid{grid-template-columns:1fr;gap:0}
  .calc-grid .head{margin-bottom:32px;max-width:640px}
  .calc{grid-template-columns:1.1fr .9fr;gap:40px;padding:36px}
}
.how-more{margin-top:28px;font-weight:700}.how-more a{text-decoration:none;border-bottom:1px solid rgba(217,184,110,.5)}

/* ================= v4 ================= */
/* Contacto en cabecera y hero */
.h-mail{display:none;align-items:center;gap:6px;color:var(--text);text-decoration:none;font-size:15px;white-space:nowrap}
.h-mail .icon,.h-phone .icon{color:var(--gold)}
.h-mail-text{display:none}
.mnav-contact{display:grid;gap:4px;padding-top:12px}
.mnav-contact a{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500;color:var(--gold-2);border-bottom:0;padding:10px 4px}
.mnav-contact .icon{width:18px;height:18px}
.hero-contact{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:22px;color:var(--muted);font-size:15px}
.hero-contact a{display:inline-flex;align-items:center;gap:7px;color:var(--text);text-decoration:none;font-weight:600}
.hero-contact a:hover{color:var(--gold-2)}
.hero-contact .icon{width:17px;height:17px;color:var(--gold)}
.c-actions .btn{word-break:break-all}
.f-about a{color:var(--text)}
.f-bottom a{color:var(--muted)}
.quota-note{margin-top:28px;max-width:820px;color:var(--muted);font-size:15px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.quota-note strong{color:var(--text)}
@media (min-width:900px){.h-mail{display:inline-flex}}
@media (min-width:1280px){.h-mail-text{display:inline}}

/* Lo que hemos construido */
.built-grid{display:grid;gap:20px}
.built{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}
.built:hover{border-color:rgba(217,184,110,.5);transform:translateY(-3px)}
.built-img{display:block;background:#f4f4f4;cursor:zoom-in;border-bottom:1px solid var(--line)}
.built-img img{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain}
.built-body{padding:20px 22px 24px}
.built-body h3{font-size:19px;margin-top:12px}
.built-body p{color:var(--muted);margin-top:8px;font-size:15.5px}
.tag-test::before{background:#e6a23c}
.zoom-dlg{padding:0;border:0;background:transparent;max-width:min(96vw,1500px);max-height:92vh}
.zoom-dlg::backdrop{background:rgba(0,0,0,.85)}
.zoom-dlg img{display:block;max-width:100%;max-height:92vh;width:auto;height:auto;border-radius:10px;background:#f4f4f4;cursor:zoom-out}
.zoom-close{position:fixed;top:14px;right:14px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--text);display:grid;place-items:center;cursor:pointer}
@media (min-width:640px){.built-grid{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.built-grid{grid-template-columns:repeat(3,1fr)}}

/* Chat de n8n: colores de la marca y que no tape la barra inferior en móvil */
.n8n-chat{
  --chat--color-primary:#d9b86e;--chat--color-primary-shade-50:#c9a75c;--chat--color-primary-shade-100:#b8954f;
  --chat--color-secondary:#d9b86e;--chat--color-secondary-shade-50:#c9a75c;
  --chat--color-dark:#0b141c;--chat--color-light:#f6f3ec;
  --chat--header--background:#0f1b26;--chat--header--color:#eef2f4;
  --chat--toggle--background:#d9b86e;--chat--toggle--hover--background:#f0d891;--chat--toggle--active--background:#c9a75c;--chat--toggle--color:#0b141c;
  --chat--toggle--size:56px;--chat--toggle--width:56px;--chat--toggle--height:56px;
  --chat--message--bot--background:#ffffff;--chat--message--bot--color:#1b1b1d;
  --chat--message--user--background:#d9b86e;--chat--message--user--color:#0b141c;
  --chat--heading--font-size:1.35em;--chat--subtitle--font-size:.9em;--chat--header--padding:14px 18px;
  --chat--window--z-index:70;--chat--window--right:16px;
  --chat--window--bottom:calc(84px + env(safe-area-inset-bottom));
  --chat--window--width:min(400px,calc(100vw - 32px));--chat--window--height:min(600px,calc(100vh - 200px));
  font-family:var(--font)
}
@media (min-width:900px){.n8n-chat{--chat--window--bottom:24px;--chat--window--right:24px;--chat--window--height:min(600px,calc(100vh - 120px))}}

/* ================= v5: identidad de marca (logo) ================= */
h1,h2,h3,.h2,.plan-name,.price b,.calc-out .big b,.logo{font-family:var(--font-head)}
h1,h2,h3{font-weight:700;letter-spacing:-.02em}
.kicker,.plan-for,.f-col h2,.demo-label,.ptag{font-family:var(--font-head);letter-spacing:.16em}
.kicker{color:var(--teal)}
body{background:radial-gradient(ellipse 120% 60% at 50% -10%,#16283a 0%,var(--bg) 55%) no-repeat,var(--bg)}
section.alt,.why{background:linear-gradient(180deg,var(--bg-2),#0d1822)}

/* Logo: monograma real + logotipo en Montserrat con los colores de la marca */
.logo{gap:10px;font-weight:600;font-size:21px;letter-spacing:-.01em}
.logo img{height:34px;width:auto;display:block}
.wm{display:inline-flex;gap:.28em;align-items:baseline}
.wm-d{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600}
.wm-l{color:var(--teal);font-weight:600}
.f-about .logo{font-size:24px}
.f-about .logo img{height:44px}
.f-tagline{display:block;font-family:var(--font-head);font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:2px}

/* Botones y acentos */
.btn-gold{background:var(--gold-grad);color:#0b141c;box-shadow:0 8px 24px -12px rgba(217,184,110,.6)}
.btn-gold:hover{background:linear-gradient(100deg,#cfa960,#ecd38c 50%,#f6e6aa)}
.btn-line{border-color:rgba(217,184,110,.7)}
.hero h1 em{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero{background:radial-gradient(ellipse 70% 60% at 75% 10%,rgba(120,205,208,.10),transparent 60%),radial-gradient(ellipse 70% 60% at 15% 0%,rgba(217,184,110,.10),transparent 65%)}
.points .icon,.checks .icon{color:var(--teal)}
.why-grid .icon{color:var(--teal)}
.lang a[aria-current="true"]{background:var(--gold-grad);color:#0b141c}
.nav a[aria-current="true"]::after{background:linear-gradient(90deg,var(--gold),var(--teal))}
.progress span{background:linear-gradient(90deg,var(--gold),var(--teal))}
.step::before{border-color:var(--teal);color:var(--teal)}
.card h3 .num{background:var(--teal-dim);color:var(--teal)}
.card li::before{color:var(--teal)}
.tag{color:var(--teal-2);background:var(--teal-dim);border-color:rgba(120,205,208,.35)}
.tag::before{background:var(--teal)}
.tag-test{color:#f3d9a6;background:rgba(230,162,60,.12);border-color:rgba(230,162,60,.4)}
.ptag{color:var(--teal-2);border-color:rgba(120,205,208,.35)}
.post .more{color:var(--teal-2)}
.range input{background:linear-gradient(90deg,var(--gold) 0,var(--teal) var(--p,20%),#223548 var(--p,20%))}
.range output{color:var(--teal-2)}
.calc-out{background:radial-gradient(ellipse at top,rgba(120,205,208,.12),transparent 70%),#0c1822;border-color:rgba(120,205,208,.35)}
.calc-out .big b{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.g-box{border-color:rgba(120,205,208,.35);background:radial-gradient(ellipse at top,rgba(120,205,208,.10),transparent 70%)}
.g-box svg{color:var(--teal)}
.faq summary::after{color:var(--teal)}
.chips input:checked + span{background:var(--gold-grad)}
.hero-contact .icon,.h-phone .icon,.h-mail .icon,.c-city .icon{color:var(--teal)}
.demo{background:linear-gradient(160deg,#152535,#0f1b26);box-shadow:0 30px 80px -40px rgba(120,205,208,.35)}
.demo-head .dot{background:var(--teal)}
.spark{background:radial-gradient(circle,var(--teal-2) 0 30%,transparent 32%),conic-gradient(from 0deg,var(--gold),var(--teal) 50%,var(--gold))}
.demo-step{color:var(--teal-2)}
.doc-logo{background:var(--gold-grad)}
.doc-btn{background:#0b141c;color:var(--gold-2)}
.card:hover,.step:hover,.plan:hover,.post:hover,.built:hover{border-color:rgba(120,205,208,.45);box-shadow:0 14px 40px -20px rgba(120,205,208,.3)}
:focus-visible{outline-color:var(--teal)}
.n8n-chat{--chat--color-primary:#d9b86e;--chat--toggle--background:#d9b86e;--chat--toggle--hover--background:#f0d891;--chat--header--background:#0f1b26;--chat--message--user--background:#d9b86e;--chat--message--user--color:#0b141c;--chat--toggle--color:#0b141c}
.tag-test::before{background:#e6a23c}