/* videntelucia.es · diseño «Latón» · Playfair Display + Plus Jakarta Sans (OFL, locales) */
@font-face{font-family:"Playfair Display";src:url(fuentes/playfair-display-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Playfair Display";src:url(fuentes/playfair-display-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Playfair Display";src:url(fuentes/playfair-display-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Playfair Display";src:url(fuentes/playfair-display-latin-500-italic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url(fuentes/plus-jakarta-sans-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url(fuentes/plus-jakarta-sans-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url(fuentes/plus-jakarta-sans-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
:root{
  --noche:#16213A;--noche-2:#0E1628;--noche-3:#22304F;
  --laton:#C9A45C;--laton-claro:#E3C98F;--laton-osc:#8A6A2E;
  --papel:#F3EEE4;--papel-2:#EAE2D2;--tinta:#1B2236;--gris:#545B6E;
  --wa:#1F7A55;--linea:rgba(138,106,46,.32);
  --serif:"Playfair Display",Georgia,serif;--sans:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--papel);color:var(--tinta);font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--laton);outline-offset:3px}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.salto{position:absolute;left:-9999px}.salto:focus{left:12px;top:12px;z-index:99;background:var(--papel);padding:8px 12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Cabecera */
.cab{background:var(--noche);color:var(--papel);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(201,164,92,.25)}
.cab .wrap{display:flex;align-items:center;gap:32px;height:76px}
.marca{text-decoration:none;display:flex;flex-direction:column;line-height:1}
.marca b{font:500 30px/1 var(--serif);font-style:italic;color:var(--laton-claro);letter-spacing:.5px}
.marca small{font:600 10.5px/1 var(--sans);letter-spacing:2.6px;text-transform:uppercase;color:rgba(243,238,228,.68);margin-top:6px}
.menu{display:flex;gap:26px;margin-left:auto;list-style:none}
.menu a{text-decoration:none;font-size:14.5px;color:rgba(243,238,228,.85)}
.menu a:hover,.menu a[aria-current]{color:var(--laton-claro)}
.cab-tel{display:flex;align-items:center;gap:10px;text-decoration:none;border:1px solid var(--laton);border-radius:999px;padding:9px 18px 9px 12px;color:var(--papel);flex:none}
.cab-tel svg{width:28px;height:28px;background:var(--laton);color:var(--noche);border-radius:50%;padding:6px}
.cab-tel span{display:flex;flex-direction:column;line-height:1.1}
.cab-tel small{font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--laton-claro)}
.cab-tel b{font:700 17px/1.2 var(--sans);letter-spacing:.5px;white-space:nowrap}

/* Hero portada */
.hero{background:radial-gradient(1200px 600px at 78% 40%,#24345A 0%,var(--noche) 55%,var(--noche-2) 100%);color:var(--papel);position:relative;overflow:hidden}
.hero::before,.cabpag::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(227,201,143,.55) 1px,transparent 1.4px);background-size:120px 120px;background-position:30px 40px;opacity:.35;pointer-events:none}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding-top:56px;padding-bottom:72px;position:relative}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 12.5px/1.3 var(--sans);letter-spacing:2.6px;text-transform:uppercase;color:var(--laton-claro)}
.eyebrow::before{content:"";width:28px;height:1px;background:var(--laton);flex:none}
.eyebrow.osc{color:var(--laton-osc)}
h1{font:400 clamp(38px,5vw,62px)/1.08 var(--serif);margin:20px 0 22px;letter-spacing:-.5px}
h1 em,.tit em{font-style:italic}
h1 em{color:var(--laton-claro)}
.intro{font-size:18.5px;color:rgba(243,238,228,.88);max-width:33em}
.datos{display:flex;gap:28px;margin:30px 0 34px;flex-wrap:wrap}
.datos div{border-left:1px solid rgba(201,164,92,.5);padding-left:14px}
.datos b{display:block;font:500 26px/1.1 var(--serif);color:var(--laton-claro)}
.datos small{font-size:13px;color:rgba(243,238,228,.72)}
.botones{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:12px;text-decoration:none;border-radius:999px;padding:15px 26px;font:700 16.5px/1.15 var(--sans);transition:transform .15s;border:0;cursor:pointer}
.btn:hover{transform:translateY(-1px)}
.btn svg{width:20px;height:20px;flex:none}
.btn-llamar{background:var(--laton);color:var(--noche);box-shadow:0 10px 30px -10px rgba(201,164,92,.7)}
.btn-llamar span{display:flex;flex-direction:column}
.btn-llamar small{font:600 12px/1 var(--sans);letter-spacing:1px;opacity:.78;margin-top:3px}
.btn-wa{border:1px solid rgba(243,238,228,.35);color:var(--papel);background:transparent}
.claro .btn-wa{border-color:rgba(27,34,54,.3);color:var(--tinta)}
.nota{margin-top:18px;font-size:13.5px;color:rgba(243,238,228,.66);max-width:36em}
.claro .nota{color:var(--gris)}
[data-wa][hidden]{display:none!important}

.arco{position:relative;justify-self:center;width:min(100%,410px)}
.arco .marco{border-radius:230px 230px 18px 18px;overflow:hidden;border:2px solid var(--laton);padding:10px;background:rgba(14,22,40,.4)}
.arco .marco img{border-radius:220px 220px 10px 10px;aspect-ratio:5/6;object-fit:cover;object-position:46% 30%;width:100%}
.arco::after{content:"";position:absolute;inset:-14px;border:1px solid rgba(201,164,92,.35);border-radius:244px 244px 26px 26px;pointer-events:none}
.sello{position:absolute;left:-34px;bottom:46px;background:var(--papel);color:var(--noche);border-radius:16px;padding:14px 18px;box-shadow:0 18px 40px -16px rgba(0,0,0,.6);display:flex;gap:12px;align-items:center}
.sello i{width:10px;height:10px;border-radius:50%;background:#2E9E6A;box-shadow:0 0 0 5px rgba(46,158,106,.18);flex:none}
.sello b{display:block;font-size:14.5px}
.sello small{font-size:12.5px;color:var(--gris)}

.franja{background:var(--noche-2);color:rgba(243,238,228,.82);border-top:1px solid rgba(201,164,92,.2)}
.franja ul{display:flex;justify-content:space-between;gap:20px;list-style:none;padding:18px 0;font-size:14px;flex-wrap:wrap}
.franja li{display:flex;align-items:center;gap:10px}
.franja li::before{content:"✦";color:var(--laton);font-size:12px}

/* Secciones */
section.bloque{padding:96px 0}
.tit{font:400 clamp(30px,3.6vw,46px)/1.14 var(--serif);letter-spacing:-.3px;margin:14px 0 18px}
.tit em{color:var(--laton-osc)}
.oscuro .tit em{color:var(--laton-claro)}
.lead{font-size:18px;color:var(--gris);max-width:40em}
.oscuro{background:var(--noche);color:var(--papel)}
.oscuro .lead{color:rgba(243,238,228,.8)}
.tono{background:var(--papel-2)}

.dos{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}
.foto-marco{position:relative;margin-right:18px}
.foto-marco img{border-radius:6px;aspect-ratio:4/5;object-fit:cover;object-position:52% 40%;box-shadow:0 30px 60px -30px rgba(22,33,58,.55);width:100%}
.foto-marco::before{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid var(--laton);border-radius:6px;z-index:-1}
.dos p{margin-bottom:16px}
.firma{font:italic 400 34px/1 var(--serif);color:var(--laton-osc);margin-top:26px}
.firma small{display:block;font:600 12px/1.4 var(--sans);letter-spacing:2px;text-transform:uppercase;color:var(--gris);margin-top:8px;font-style:normal}

.rejilla{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
.carta{background:var(--papel);border:1px solid var(--linea);border-radius:120px 120px 10px 10px;padding:44px 24px 28px;text-align:center}
.carta .num{font:italic 400 15px/1 var(--serif);color:var(--laton-osc);letter-spacing:1px}
.carta h3{font:500 23px/1.2 var(--serif);margin:14px 0 10px}
.carta p{font-size:15px;color:var(--gris)}

.pasos{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px;border-top:1px solid var(--linea)}
.paso{padding:28px 26px 0 0}
.paso b{font:400 46px/1 var(--serif);color:var(--laton)}
.paso h3{font:600 17px/1.3 var(--sans);margin:14px 0 8px}
.paso p{font-size:15px;color:var(--gris)}

.madrid .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.mapa{border:1px solid rgba(201,164,92,.4);border-radius:200px 200px 14px 14px;padding:42px 34px 34px;text-align:center;background:rgba(255,255,255,.02)}
.mapa svg{width:100%;max-width:260px;margin:0 auto 18px}
.mapa p{font-size:15px;color:rgba(243,238,228,.78)}
.mapa .num-grande{display:block;color:var(--papel);font:700 21px/1.3 var(--sans);text-decoration:none;margin-top:4px}
.enlace{display:inline-flex;gap:8px;align-items:center;margin-top:24px;color:var(--laton-osc);font-weight:600;text-decoration:none;border-bottom:1px solid var(--laton);padding-bottom:3px}
.oscuro .enlace{color:var(--laton-claro)}
.lista-ok{list-style:none;margin-top:22px}
.lista-ok li{padding-left:28px;position:relative;margin-bottom:10px}
.lista-ok li::before{content:"";position:absolute;left:0;top:13px;width:14px;height:1px;background:var(--laton)}
.oscuro .lista-ok li{color:rgba(243,238,228,.9)}

.faq-lista{max-width:860px}
details{border-bottom:1px solid var(--linea);padding:22px 0}
summary{cursor:pointer;list-style:none;font:500 21px/1.3 var(--serif);display:flex;justify-content:space-between;gap:20px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--laton-osc);font-family:var(--sans)}
details[open] summary::after{content:"–"}
details p{margin-top:12px;color:var(--gris)}

.cierre{text-align:center}
.cierre .tit{max-width:18em;margin-left:auto;margin-right:auto}
.cierre .botones{justify-content:center;margin-top:28px}
.cierre .nota{margin:18px auto 0}

/* Páginas interiores */
.cabpag{background:radial-gradient(900px 500px at 80% 30%,#24345A 0%,var(--noche) 60%,var(--noche-2) 100%);color:var(--papel);position:relative;overflow:hidden}
.cabpag .wrap{position:relative;padding-top:44px;padding-bottom:64px;display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center}
.cabpag.sola .wrap{grid-template-columns:1fr;max-width:900px}
.migas{font-size:13px;color:rgba(243,238,228,.65);margin-bottom:22px}
.migas a{text-decoration:none;color:var(--laton-claro)}
.migas span{margin:0 8px}
.cabpag h1{font-size:clamp(34px,4.4vw,54px)}
.cabpag .arco{width:min(100%,330px)}
.cabpag .arco .marco img{aspect-ratio:1/1}
.texto{max-width:760px}
.texto h2{font:400 clamp(26px,3vw,36px)/1.2 var(--serif);margin:56px 0 16px}
.texto h2:first-child{margin-top:0}
.texto h3{font:600 18px/1.35 var(--sans);margin:28px 0 8px}
.texto p{margin-bottom:16px}
.texto ul,.texto ol{margin:0 0 18px 22px}
.texto li{margin-bottom:8px}
.texto a{color:var(--laton-osc);text-decoration-color:var(--laton);text-underline-offset:3px}
.texto strong{font-weight:600}
.texto a.btn{color:var(--noche);text-decoration:none}
.cuerpo{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:64px;align-items:start}
.indice{position:sticky;top:100px;border:1px solid var(--linea);border-radius:120px 120px 10px 10px;padding:46px 26px 26px;background:var(--papel)}
.indice b{display:block;font:500 20px/1.2 var(--serif);text-align:center;margin-bottom:14px}
.indice ol{list-style:none;margin:0;counter-reset:i}
.indice li{counter-increment:i;border-top:1px solid var(--linea);padding:9px 0;font-size:14.5px}
.indice li::before{content:counter(i,upper-roman)". ";font:italic 400 14px var(--serif);color:var(--laton-osc)}
.indice a{text-decoration:none}
.indice .btn{width:100%;justify-content:center;margin-top:18px;padding:13px 18px}
.caja{background:var(--noche);color:var(--papel);border-radius:18px;padding:32px 34px;margin:36px 0;display:flex;gap:28px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.caja p{margin:0;font:400 22px/1.3 var(--serif);max-width:20em}
.caja p em{color:var(--laton-claro)}
.caja p small{display:block;font:400 13px/1.5 var(--sans);color:rgba(243,238,228,.68);margin-top:8px}
.aviso{border-left:2px solid var(--laton);padding:4px 0 4px 18px;color:var(--gris);font-size:15.5px;margin:24px 0}
.tabla{width:100%;border-collapse:collapse;margin:8px 0 22px;font-size:15.5px}
.tabla th,.tabla td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--linea);vertical-align:top}
.tabla th{font-weight:600;background:var(--papel-2)}
.legal-txt{max-width:820px}
.legal-txt h2{font-size:26px}

/* Pie */
.pie{background:var(--noche-2);color:rgba(243,238,228,.75);padding:64px 0 34px;font-size:14.5px}
.pie .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.pie h2{font:600 12px/1 var(--sans);letter-spacing:2px;text-transform:uppercase;color:var(--laton-claro);margin-bottom:16px}
.pie ul{list-style:none}.pie li{margin-bottom:9px}.pie a{text-decoration:none}
.pie a:hover{color:var(--laton-claro)}
.pie .tel{font:700 24px/1 var(--sans);color:var(--papel);display:inline-block;margin:12px 0 8px;text-decoration:none}
.pie button{background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:0;text-align:left}
.pie button:hover{color:var(--laton-claro)}
.pie .legal{border-top:1px solid rgba(201,164,92,.18);margin-top:44px;padding-top:22px;font-size:13px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

/* Barra móvil */
.barra{display:none}

/* Cookies */
.cookies{position:fixed;left:16px;right:16px;bottom:16px;z-index:40;max-width:560px;background:var(--papel);color:var(--tinta);border:1px solid var(--laton);border-radius:16px;padding:20px 22px;box-shadow:0 24px 50px -20px rgba(14,22,40,.6);font-size:14.5px}
.cookies[hidden]{display:none}
.cookies p{margin-bottom:14px}
.cookies a{color:var(--laton-osc)}
.cookies .acc{display:flex;gap:10px}
.cookies button{flex:1;border-radius:999px;padding:11px 16px;font:700 14.5px var(--sans);cursor:pointer;border:1px solid var(--noche);background:var(--papel);color:var(--noche)}
.cookies button.si{background:var(--noche);color:var(--papel)}

@media (max-width:900px){
  body{font-size:16px;padding-bottom:78px}
  .wrap{padding:0 18px}
  .menu{display:none}
  .cab .wrap{height:64px;gap:12px}
  .marca b{font-size:25px}
  .marca small{font-size:9px;letter-spacing:2px}
  .cab-tel{padding:7px 12px 7px 8px;margin-left:auto}
  .cab-tel svg{width:24px;height:24px;padding:5px}
  .cab-tel b{font-size:15px}
  .cab-tel small{font-size:9px}
  .hero .wrap{grid-template-columns:1fr;gap:24px;padding-top:26px;padding-bottom:50px}
  .hero .arco{order:-1;width:200px;justify-self:start;margin-left:6px}
  .arco .marco{padding:6px;border-radius:100px 100px 12px 12px}
  .arco .marco img{aspect-ratio:1/1;border-radius:94px 94px 8px 8px;object-position:46% 22%}
  .arco::after{inset:-8px;border-radius:108px 108px 18px 18px}
  .sello{left:auto;right:-140px;bottom:20px;padding:10px 14px}.sello b{font-size:13px}.sello small{font-size:11.5px}
  h1{margin:14px 0 16px}
  .eyebrow{font-size:11px;letter-spacing:1.8px}
  .intro{font-size:16.5px}
  .datos{display:grid;grid-template-columns:repeat(3,auto);gap:12px;margin:20px 0 22px}.datos div{padding-left:10px}.datos b{font-size:18px}.datos small{font-size:12px}
  .botones .btn{width:100%;justify-content:center}
  .franja ul{justify-content:flex-start;gap:10px 20px;font-size:13px}
  section.bloque{padding:64px 0}
  .dos,.madrid .wrap{grid-template-columns:1fr;gap:40px}
  .rejilla{grid-template-columns:1fr 1fr;gap:12px}
  .carta{padding:30px 14px 20px;border-radius:90px 90px 10px 10px}
  .carta h3{font-size:19px}.carta p{font-size:13.5px}
  .pasos{grid-template-columns:1fr 1fr;gap:0 16px}
  .cabpag .wrap{grid-template-columns:1fr;gap:28px;padding-top:24px;padding-bottom:44px}
  .cabpag .arco{display:none}
  .cuerpo{grid-template-columns:1fr;gap:0}
  .indice{display:none}
  .caja{padding:26px 22px}.caja p{font-size:20px}.caja .btn{width:100%;justify-content:center}
  .tabla{font-size:14px}.tabla th,.tabla td{padding:10px 8px}
  .pie .cols{grid-template-columns:1fr 1fr;gap:30px}
  .pie .cols>div:first-child{grid-column:1/-1}
  .barra{display:grid;grid-template-columns:1.6fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--noche);padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid rgba(201,164,92,.4)}
  .barra.sin-wa{grid-template-columns:1fr}
  .barra a{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;padding:12px 8px;text-decoration:none;font:700 15px/1.1 var(--sans)}
  .barra .b-llamar{background:var(--laton);color:var(--noche)}
  .barra .b-llamar span{display:flex;flex-direction:column}
  .barra .b-llamar small{font-size:11px;font-weight:600;opacity:.78}
  .barra .b-wa{background:var(--wa);color:#fff}
  .barra svg{width:19px;height:19px}
  .cookies{left:10px;right:10px;bottom:calc(84px + env(safe-area-inset-bottom));padding:16px}
}
@media (max-width:370px){.cab-tel small{display:none}.marca small{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}