/* === Fuera Palomas · capa premium (18-09-2026) === */
:root{--ink:#070c18;--ink2:#0e1628;--ink3:#16213a;--blue:#2d49ff;--blue2:#1a2fd0;--silver:#c9d1de;--mist:#9aa6bb;--text:#141c2c;--muted:#4c596d;
--chrome:linear-gradient(115deg,#8e98aa 0%,#f4f6fa 18%,#b9c2d1 34%,#ffffff 50%,#a3adbf 66%,#eef1f6 82%,#9aa4b6 100%);
--chrome-soft:linear-gradient(115deg,#dfe4ec 0%,#ffffff 30%,#cfd6e2 55%,#f7f9fc 80%,#d5dbe5 100%);
--edge:linear-gradient(135deg,rgba(255,255,255,.55),rgba(160,172,194,.18) 40%,rgba(255,255,255,.35) 60%,rgba(120,134,160,.15));
--brushed:repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px)}
html{overflow-x:clip}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","Helvetica Neue",Arial,sans-serif;font-size:19px;line-height:1.7;color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:clip}
a:hover{color:var(--blue)}
::selection{background:#c9d2ff;color:#0a1020}

/* cabecera oscura */
.topline{background:var(--ink);color:var(--mist);border-bottom:1px solid rgba(255,255,255,.06);font-size:12px;letter-spacing:2px}
.topline a{color:#fff;font-size:13px;letter-spacing:.3px}
header{position:relative;min-height:96px;color:#fff;z-index:40}
header::before{content:"";position:absolute;inset:0 calc(50% - 50vw);background:var(--ink);z-index:-1;border-bottom:1px solid rgba(255,255,255,.06)}
.brand{color:#fff}
.brand-symbol{background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand small{color:var(--mist)}
nav{font-size:15px;gap:30px}
nav a{color:#dfe5ef}
nav a:hover{color:#fff}
.menu-toggle{background:transparent!important;color:#fff;border-color:rgba(255,255,255,.25)!important}

/* botones con brillo metálico */
.button{position:relative;overflow:hidden;background:linear-gradient(180deg,#4a63ff 0%,var(--blue) 45%,var(--blue2) 100%);border:1px solid #5f76ff;border-radius:999px;font-size:16px;padding:18px 32px;min-height:60px;letter-spacing:.2px;box-shadow:0 10px 30px -10px rgba(45,73,255,.7),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .2s,box-shadow .2s}
.button::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);transition:left .6s}
.button:hover{background:linear-gradient(180deg,#5870ff 0%,#3552ff 45%,#1f36e0 100%);transform:translateY(-2px);box-shadow:0 16px 40px -12px rgba(45,73,255,.85),inset 0 1px 0 rgba(255,255,255,.4)}
.button:hover::after{left:130%}
.button.small{font-size:13px;min-height:46px;padding:12px 22px}
.button.white{background:var(--chrome);color:#0a1020;border-color:rgba(255,255,255,.8);box-shadow:0 10px 30px -12px rgba(0,0,0,.6),inset 0 1px 0 #fff}
.button.white:hover{background:var(--chrome);color:#0a1020;filter:brightness(1.05)}
.button.outline{background:transparent;color:var(--blue);border:1.5px solid var(--blue);box-shadow:none}
.button.outline:hover{background:var(--blue);color:#fff}

/* portada: hero oscuro */
.hero{position:relative;color:#fff;padding-top:70px;padding-bottom:90px}
.hero::before{content:"";position:absolute;inset:0 calc(50% - 50vw);z-index:-1;background:radial-gradient(900px 520px at 78% 30%,rgba(45,73,255,.35),transparent 60%),radial-gradient(700px 400px at 10% 90%,rgba(160,175,205,.14),transparent 60%),var(--brushed),linear-gradient(180deg,var(--ink) 0%,var(--ink2) 100%)}
.hero .eyebrow{color:var(--silver)}
.dot{background:var(--chrome);box-shadow:0 0 12px rgba(255,255,255,.6)}
.hero h1{font-size:clamp(46px,5.2vw,80px);letter-spacing:-3px;line-height:1.02;font-weight:760}
.hero h1 em{background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{color:#b8c2d3;font-size:21px}
.hero .text-link{color:#fff;border-color:rgba(255,255,255,.35)}
.hero-note{color:var(--mist);font-size:14px}
.hero-image{padding:1px;border-radius:18px;background:var(--edge);box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
.hero-image img{border-radius:17px;height:560px}
.hero-image figcaption{color:#6f7b90;bottom:-26px}
.image-tag{background:rgba(10,16,32,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18);border-radius:14px;color:#fff;box-shadow:0 20px 40px -20px rgba(0,0,0,.7)}
.image-tag span{color:var(--silver)}
.image-tag strong{font-size:26px}

/* franja de servicios */
.service-strip{background:var(--ink2);border:0;border-top:1px solid rgba(255,255,255,.07);padding:28px 0}
.service-strip span{color:var(--mist);font-size:14px}
.service-strip strong{color:#fff;font-size:16px;font-weight:600}

/* secciones y títulos */
.section{padding-block:110px}
.eyebrow{font-size:13px;letter-spacing:2.4px;color:var(--blue)}
h2{font-size:clamp(34px,3.6vw,54px);letter-spacing:-2px;font-weight:720}
.section-heading p:not(.eyebrow){font-size:19px;color:var(--muted)}
.lead{font-size:20px;color:var(--muted)}
.text-link{font-size:16px}

/* tarjetas con borde metálico */
.service-card{position:relative;background:#fff;border:0;border-radius:20px;padding:40px;min-height:380px;box-shadow:0 1px 0 #fff inset,0 30px 60px -35px rgba(10,20,45,.35);transition:transform .25s,box-shadow .25s}
.service-card::before{content:"";position:absolute;inset:0;border-radius:20px;padding:1px;background:linear-gradient(140deg,#dfe4ec,#ffffff 30%,#b7c0cf 60%,#eef1f6);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.service-card:hover{transform:translateY(-6px);box-shadow:0 40px 70px -35px rgba(45,73,255,.45)}
.service-card h3{font-size:34px}
.service-card p{font-size:17px;max-width:none}
.card-number{font-size:12px;letter-spacing:2px}
.card-link{font-size:15px;color:var(--blue)}
.service-card.dark{background:radial-gradient(500px 300px at 90% 0%,rgba(45,73,255,.35),transparent 60%),var(--brushed),var(--ink2);color:#fff}
.service-card.dark::before{background:var(--edge)}
.service-card.dark h3{background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}
.service-card.dark .card-link{color:#fff}

/* banda central: metal oscuro */
.blue-band{position:relative;background:radial-gradient(800px 400px at 85% 50%,rgba(45,73,255,.4),transparent 60%),var(--brushed),linear-gradient(180deg,var(--ink2),var(--ink));padding-block:110px}
.blue-band .eyebrow{color:var(--silver)}
.blue-grid h2{font-size:clamp(38px,4vw,60px);background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}
.blue-grid p:not(.eyebrow){color:#b8c2d3;font-size:20px}

/* proceso */
.process li{border-top:0;padding-top:30px;position:relative}
.process li::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--chrome)}
.process li>span{font-size:15px;letter-spacing:2px;color:var(--blue)}
.process h3{font-size:25px}
.process p{font-size:17px;color:var(--muted)}

/* precios, recursos, zonas */
.pricing-block{border-radius:24px;padding:70px;background:radial-gradient(600px 300px at 100% 0%,rgba(45,73,255,.12),transparent 60%),var(--chrome-soft);box-shadow:inset 0 1px 0 #fff,0 30px 60px -40px rgba(10,20,45,.4)}
.pricing-block h2{font-size:clamp(34px,3.4vw,50px)}
.pricing-block>p:not(.eyebrow){font-size:19px;color:var(--muted)}
.resources>div>a{font-size:19px;padding:26px 0}
.resources p:not(.eyebrow){font-size:15px}
.home-zones p:not(.eyebrow){font-size:18px}

/* FAQ */
.faq summary{font-size:20px;padding:28px 0}
.faq summary span{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:var(--chrome-soft);box-shadow:inset 0 1px 0 #fff,0 4px 12px -4px rgba(10,20,45,.35);font-size:22px;transition:transform .25s}
.faq details p{font-size:18px}
.faq details{border-bottom:1px solid #e3e7ef}

/* llamada final */
.cta{position:relative;border-radius:28px;padding:72px 76px;color:#fff;background:radial-gradient(700px 360px at 90% 10%,rgba(45,73,255,.5),transparent 60%),var(--brushed),linear-gradient(160deg,var(--ink3),var(--ink));box-shadow:0 50px 90px -45px rgba(10,20,45,.8)}
.cta::before{content:"";position:absolute;inset:0;border-radius:28px;padding:1px;background:var(--edge);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.cta .eyebrow{color:var(--silver)}
.cta h2{font-size:clamp(34px,3.4vw,50px);background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}
.cta p:not(.eyebrow){font-size:18px;color:#b8c2d3}

/* páginas interiores: cabecera oscura */
.intro{position:relative;color:#fff;border-bottom:0;padding:44px 0 80px}
.intro::before{content:"";position:absolute;inset:0 calc(50% - 50vw);z-index:-1;background:radial-gradient(800px 420px at 85% 20%,rgba(45,73,255,.32),transparent 60%),var(--brushed),linear-gradient(180deg,var(--ink) 0%,var(--ink2) 100%)}
.breadcrumb{color:var(--mist);font-size:14px}
.breadcrumb a{color:#fff}
.intro .eyebrow{color:var(--silver)}
.intro h1{font-size:clamp(42px,4.8vw,72px);letter-spacing:-2.6px;line-height:1.04;background:linear-gradient(180deg,#ffffff 30%,#c3cbd8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.intro .lead{color:#b8c2d3;font-size:21px}
.local-context{background:rgba(255,255,255,.05);border-left:2px solid transparent;border-image:var(--chrome) 1;backdrop-filter:blur(8px)}
.local-context span{color:#fff;font-size:17px}
.local-context small{color:var(--mist);font-size:14px}

/* cuerpo de artículo */
.article-layout{grid-template-columns:minmax(0,1fr) 340px;gap:90px;padding-block:90px}
.article-layout article section{margin-bottom:56px}
.article-layout h2{font-size:34px;letter-spacing:-1px;padding-top:22px;position:relative}
.article-layout h2::before{content:"";position:absolute;top:0;left:0;width:56px;height:2px;background:var(--chrome);box-shadow:0 0 0 .5px rgba(120,134,160,.4)}
.article-layout p{font-size:19px;color:#3f4b5f;line-height:1.78}
.article-layout aside{background:radial-gradient(300px 200px at 100% 0%,rgba(45,73,255,.35),transparent 60%),var(--brushed),var(--ink2);color:#fff;border-radius:22px;padding:34px;box-shadow:0 40px 70px -40px rgba(10,20,45,.8)}
.article-layout aside h2{font-size:28px;padding-top:0;background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}
.article-layout aside h2::before{display:none}
.article-layout aside p{color:#b8c2d3;font-size:16px}
.article-layout aside .eyebrow{color:var(--silver)}
.article-layout aside h3{font-size:15px;color:var(--silver);letter-spacing:.5px}
.article-layout aside .button{font-size:15px;padding:16px 14px}
.article-layout hr{border-top-color:rgba(255,255,255,.12)}
.aside-phone{color:#fff;font-size:26px}
.related{color:#dfe5ef;font-size:15px}
.related:hover{color:#fff}

/* zonas y formularios */
.zone-card{border-radius:18px;background:#fff;border:1px solid #dfe4ec;box-shadow:0 20px 40px -30px rgba(10,20,45,.3);transition:transform .25s,box-shadow .25s,border-color .25s}
.zone-card:hover{transform:translateY(-4px);border-color:#b9c2d1;background:#fff;box-shadow:0 30px 50px -30px rgba(45,73,255,.4)}
.zone-card h3{font-size:25px}
.zone-card p{font-size:16px}
.zone-card>span{font-size:14px}
.zone-footnote{border-radius:22px;background:var(--chrome-soft)}
.zone-footnote p{font-size:17px}
form{border-radius:22px;background:var(--chrome-soft);box-shadow:inset 0 1px 0 #fff}
input:not([type=checkbox]),select,textarea{border-radius:10px;font-size:17px}
.big-phone{color:var(--blue)}

/* pie oscuro */
footer{background:var(--brushed),var(--ink);color:#aeb8c9;font-size:15px}
.footer-grid .brand{color:#fff}
.footer-grid h2{color:#fff;font-size:14px;letter-spacing:2px;text-transform:uppercase}
.footer-grid a:hover{color:#fff}
.footer-bottom{border-top-color:rgba(255,255,255,.1);font-size:13px;color:#7f8aa0}
.mobile-contact{background:var(--ink)}
.mobile-contact a{color:#fff}

/* responsive */
@media(max-width:900px){nav{background:var(--ink2);border-color:rgba(255,255,255,.1)}.hero h1{font-size:44px}.article-layout{grid-template-columns:minmax(0,1fr) 290px;gap:36px}.cta{padding:48px}.service-card{padding:30px}}
@media(max-width:680px){body{font-size:18px}.topline{letter-spacing:1px}.hero{padding-top:36px;padding-bottom:60px}.hero h1{font-size:44px;letter-spacing:-1.8px}.hero .lead{font-size:18px}.hero-image img{height:340px}.section{padding-block:64px}h2{font-size:34px}.service-card{padding:28px;min-height:0}.service-card h3{font-size:30px}.blue-band{padding-block:64px}.pricing-block{padding:36px 26px}.cta{padding:40px 28px;border-radius:22px}.intro{padding:26px 0 50px}.intro h1{font-size:40px;letter-spacing:-1.5px}.intro .lead{font-size:18px}.article-layout{grid-template-columns:1fr;padding-block:48px}.article-layout h2{font-size:28px}.article-layout p{font-size:18px}.article-layout aside{padding:28px}.faq summary{font-size:18px}.faq details p{font-size:17px}.mobile-contact a:last-child{background:linear-gradient(180deg,#4a63ff,var(--blue2))}}
/* ajustes tras revisar en pantalla */
.hero h1{letter-spacing:-1.6px}.intro h1{letter-spacing:-1.4px}
h1,h2,h3{word-spacing:.06em}
h2,.blue-grid h2,.cta h2,.pricing-block h2{letter-spacing:-.9px}
.service-card h3{letter-spacing:-.6px}
.article-layout h2::before{background:linear-gradient(90deg,var(--blue),#b9c2d1);box-shadow:none}
@media(max-width:680px){.topline{font-size:10px;letter-spacing:.6px}}