/* ═══════════════════════════════════════════════════════════════
   Godolphy · capa de estilo 2026-10 para sectores y funcionalidades
   Misma estética que la home: Gabarito + Plus Jakarta Sans,
   degradado violeta, tarjetas suaves y capturas enmarcadas.
   ═══════════════════════════════════════════════════════════════ */
:root{--gx-v:#631cff;--gx-v2:#9B4FE8;--gx-ink:#02021e;--gx-soft:#f8f7ff;--gx-line:rgba(99,28,255,.10);}

body,body p,body li,body span,body a,body button,body input{font-family:'Plus Jakarta Sans',system-ui,sans-serif;}
.font-gabarito,h1,h2,.feat-text h2{font-family:'Gabarito',sans-serif;letter-spacing:-.02em;}

/* ── Hero ─────────────────────────────────────────────────── */
section.hero-bg{position:relative;}
section.hero-bg::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(600px 320px at 85% 15%,rgba(255,255,255,.16),transparent 70%),radial-gradient(700px 400px at 10% 100%,rgba(58,10,170,.45),transparent 70%);}
section.hero-bg > *{position:relative;z-index:1;}
section.hero-bg h1{letter-spacing:-.025em;text-wrap:balance;}
section.hero-bg p{text-wrap:pretty;}
section.hero-bg > div:first-child[style*="width:72px"]{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:22px!important;}

/* Botones: píldora; los amarillos sobre degradado pasan a blanco/violeta como en la home */
a[style*="border-radius:20px"],a[style*="border-radius: 20px"]{border-radius:999px!important;transition:transform .2s,box-shadow .2s;}
a[style*="border-radius:20px"]:hover{transform:translateY(-2px);}
section.hero-bg a[style*="#EEFE3A"],[style*="linear-gradient(160deg"] a[style*="#EEFE3A"]{background:#fff!important;color:var(--gx-v)!important;box-shadow:0 10px 26px rgba(30,10,90,.25);}

/* ── Títulos de sección ───────────────────────────────────── */
h2[style*="background-clip"],h3[style*="background-clip"]{
  background:linear-gradient(90deg,#02021e 0%,#3a0aaa 45%,#631cff 75%,#9B4FE8 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;
  letter-spacing:-.02em;text-wrap:balance;}
.feat-text h2{font-size:40px;line-height:1.08;text-wrap:balance;}

/* ── Bloques de funcionalidad (zig-zag) ───────────────────── */
.feat-section{padding:110px 40px;}
.feat-section.alt{background:var(--gx-soft);}
.feat-content{gap:72px;}
main{counter-reset:gxs;}
.feat-text{counter-increment:gxs;}
.feat-text::before{content:counter(gxs,decimal-leading-zero);display:inline-flex;align-items:center;justify-content:center;
  min-width:44px;height:28px;padding:0 10px;margin-bottom:18px;border-radius:999px;background:#efe9ff;color:var(--gx-v);
  font:700 12px/1 'Plus Jakarta Sans',sans-serif;letter-spacing:.12em;}
.feat-text p{color:rgba(2,2,30,.64);}
.bullet{background:#fff;border:1px solid var(--gx-line);border-radius:14px;padding:10px 14px;margin-bottom:8px;align-items:center;}
.feat-section.alt .bullet{background:#fff;}
.bullet svg{margin-top:0;}
.bullet span{color:rgba(2,2,30,.75);font-size:14.5px;}
.feat-img{background:linear-gradient(160deg,#f3eeff 0%,#e9e1ff 100%);border-radius:28px;border:1px solid var(--gx-line);}

/* ── Capturas de producto enmarcadas ──────────────────────── */
.gx-shot{background:#fff;border-radius:20px;padding:8px;box-shadow:0 30px 70px rgba(30,10,90,.16);border:1px solid var(--gx-line);transition:transform .4s ease,box-shadow .4s ease;}
.gx-shot:hover{transform:translateY(-4px);box-shadow:0 40px 80px rgba(30,10,90,.22);}
.gx-shot .gx-dots{display:flex;gap:6px;padding:5px 8px 10px;}
.gx-shot .gx-dots i{width:9px;height:9px;border-radius:50%;background:#e6e1f7;}
.gx-shot img{display:block;width:100%!important;max-height:none!important;height:auto!important;border-radius:13px;margin:0!important;}
.gx-phone{max-width:300px;margin:0 auto;background:#0c0628;border-radius:38px;padding:10px;box-shadow:0 30px 70px rgba(30,10,90,.28);}
.gx-phone img{display:block;width:100%!important;height:auto!important;border-radius:30px;margin:0!important;}

/* ── Pasador de pantallas (sectores) ──────────────────────── */
.gx-slider{max-width:1000px;margin:8px auto 0;}
.gx-slider-tabs{display:flex;gap:6px;justify-content:center;margin:0 auto 22px;padding:6px;width:max-content;max-width:100%;border-radius:999px;background:var(--gx-soft);border:1px solid var(--gx-line);}
.gx-slider-tabs button{position:relative;overflow:hidden;flex:0 0 auto;border:0;background:transparent;border-radius:999px;padding:10px 18px;font:600 14.5px 'Plus Jakarta Sans',sans-serif;color:rgba(2,2,30,.6);cursor:pointer;transition:all .25s;}
.gx-slider-tabs button.on{background:var(--gx-v);color:#fff;box-shadow:0 8px 20px rgba(99,28,255,.30);}
.gx-slider-tabs button .b{position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:2px;background:rgba(255,255,255,.25);opacity:0;}
.gx-slider-tabs button.on .b{opacity:1;}
.gx-slider-tabs button .b i{display:block;height:100%;width:0;background:#fff;border-radius:2px;}
.gx-slider-tabs button.on.run .b i{animation:gxfill 5s linear forwards;}
.gx-slider:hover .gx-slider-tabs button.on.run .b i{animation-play-state:paused;}
@keyframes gxfill{to{width:100%}}
.gx-slider .gx-view{overflow:hidden;border-radius:13px;}
.gx-slider .gx-track{display:flex;transition:transform .7s cubic-bezier(.65,0,.35,1);}
.gx-slider .gx-track img{flex:0 0 100%;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top left;display:block;}

/* ── Tarjetas genéricas ───────────────────────────────────── */
div[style*="background:#f8f7ff;border-radius"],div[style*="background:#fff;border-radius:20px"],div[style*="background:#fff;border-radius:16px"]{transition:transform .3s,box-shadow .3s;}
a > div[style*="border-radius"]:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(99,28,255,.10);}

/* ── FAQ ──────────────────────────────────────────────────── */
.faq-item{border-bottom:1px solid var(--gx-line)!important;}
.faq-btn span,.faq-btn{font-family:'Plus Jakarta Sans',sans-serif;}

/* ── Aparición suave al hacer scroll ──────────────────────── */
html.gx-js .gx-rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease;}
html.gx-js .gx-rv.gx-in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){html.gx-js .gx-rv{opacity:1;transform:none;transition:none}.gx-slider .gx-track{transition:none}.gx-slider-tabs button.on.run .b i{animation:none;width:100%}}

/* imágenes con width/height en atributos: que no queden estiradas */
main img{height:auto;}

/* evita desbordes horizontales en móvil */
.feat-content>*{min-width:0;}
.feat-content img{max-width:100%;height:auto;}
main [style*="flex:1"]{min-width:0;}
@media(max-width:768px){
  main section div[style*="grid-template-columns:1fr 1fr"],main section div[style*="grid-template-columns:repeat(2"],main section div[style*="grid-template-columns:repeat(3"]{grid-template-columns:1fr!important;}
  main section div[style*="display:flex"][style*="gap:80px"],main section div[style*="display:flex"][style*="gap:64px"],main section div[style*="display:flex"][style*="gap:60px"],main section div[style*="display:flex"][style*="gap:48px"]{flex-direction:column!important;gap:32px!important;}
  main section div[style*="padding:40px"]{padding:24px!important;}
  main section div[style*="padding:36px"]{padding:24px!important;}
  .feat-section{padding:64px 20px;}
  .feat-text h2{font-size:28px;}
  .gx-shot{padding:5px;border-radius:14px;}
  .gx-shot .gx-dots{display:none;}
  .gx-shot img{border-radius:10px;}
  .gx-phone{max-width:240px;border-radius:30px;padding:8px;}
  .gx-phone img{border-radius:23px;}
  .gx-slider-tabs{width:100%;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;}
  .gx-slider-tabs::-webkit-scrollbar{display:none;}
  .gx-slider-tabs button{padding:9px 14px;font-size:13.5px;}
}

/* ═══ Blog: índice y artículos ═══════════════════════════════ */
nav[style*="position:sticky"]{background:rgba(255,255,255,.86)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);}
nav[style*="position:sticky"] a[style*="border-radius:20px"]{border-radius:999px!important;}

/* Cabecera del índice del blog */
div[style*="background:#f8f7ff;padding:60px 40px 48px"]{position:relative;overflow:hidden;
  background:linear-gradient(160deg,#9B4FE8 0%,#7835C3 30%,#631cff 65%,#3a0aaa 100%)!important;padding:84px 40px 72px!important;}
div[style*="background:#f8f7ff;padding:60px 40px 48px"]::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(600px 300px at 85% 10%,rgba(255,255,255,.16),transparent 70%);}
div[style*="background:#f8f7ff;padding:60px 40px 48px"] h1{color:#fff!important;font-size:60px!important;letter-spacing:-.025em;position:relative;}
div[style*="background:#f8f7ff;padding:60px 40px 48px"] p{color:rgba(255,255,255,.85)!important;font-size:19px!important;position:relative;}
.post-card{border-radius:24px!important;border:1px solid var(--gx-line)!important;background:#fff;transition:transform .3s,box-shadow .3s!important;}
.post-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(99,28,255,.12)!important;border-color:rgba(99,28,255,.2)!important;}
.post-card img{transition:transform .6s ease;}
.post-card:hover img{transform:scale(1.04);}

/* Artículos */
main:has(> article){background:radial-gradient(900px 380px at 50% 0,rgba(155,79,232,.13),transparent 70%),#fff;}
main > article h1{font-size:46px!important;line-height:1.08!important;letter-spacing:-.025em;text-wrap:balance;
  background:linear-gradient(90deg,#02021e 0%,#3a0aaa 55%,#631cff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
main > article > div:first-child a[href="/blog/"]{display:inline-block;padding:5px 12px;border-radius:999px;background:#efe9ff;color:var(--gx-v)!important;font-weight:600;}
.post-content h2{font-size:28px!important;color:var(--gx-ink)!important;letter-spacing:-.015em;margin:56px 0 16px!important;}
.post-content h3{font-size:20px!important;color:var(--gx-ink)!important;}
.post-content p,.post-content li{color:rgba(2,2,30,.74)!important;}
.post-content a{color:var(--gx-v)!important;text-decoration:underline!important;text-decoration-color:rgba(99,28,255,.3)!important;text-underline-offset:3px;}
.post-content a:hover{text-decoration-color:var(--gx-v)!important;}
.post-content img{border-radius:18px;box-shadow:0 20px 50px rgba(30,10,90,.12);}
.post-content table{border-radius:14px;overflow:hidden;border:1px solid var(--gx-line);border-collapse:separate!important;border-spacing:0;}
.post-content th{background:#efe9ff!important;color:var(--gx-ink)!important;border:0!important;border-bottom:1px solid var(--gx-line)!important;}
.post-content td{border:0!important;border-bottom:1px solid var(--gx-line)!important;}
.post-content tr:last-child td{border-bottom:0!important;}
.post-content blockquote{margin:28px 0;padding:18px 22px;border-left:4px solid var(--gx-v);background:var(--gx-soft);border-radius:0 14px 14px 0;}
main > article img{border-radius:20px;}
@media(max-width:768px){
  div[style*="background:#f8f7ff;padding:60px 40px 48px"]{padding:56px 20px 48px!important;}
  div[style*="background:#f8f7ff;padding:60px 40px 48px"] h1{font-size:40px!important;}
  main > article h1{font-size:32px!important;}
  .post-content h2{font-size:23px!important;}
}

/* Distintivo VERI*FACTU */
.gx-vf{display:inline-flex;align-items:center;opacity:.8;transition:opacity .2s,transform .2s;}
.gx-vf:hover{opacity:1;transform:translateY(-1px);}
.gx-vf img{display:block;height:26px;width:auto;}

/* ── Bloques de estructura (como la home): copiloto oscuro, bento y pasos ── */
.gx-wrap{max-width:1200px;margin:0 auto;}
.gx-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gx-v);background:#efe9ff;padding:6px 12px;border-radius:999px;}
.gx-h2{font-family:'Gabarito',sans-serif;font-weight:700;font-size:48px;line-height:1.05;letter-spacing:-.02em;color:var(--gx-ink);margin:18px 0 16px;text-wrap:balance;}
.gx-grad{background:linear-gradient(90deg,var(--gx-v2),var(--gx-v));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.gx-lead{font-size:18px;line-height:1.6;color:rgba(2,2,30,.68);margin:0;max-width:640px;}
.gx-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--gx-v);text-decoration:none;transition:gap .2s;}
.gx-link:hover{gap:10px;}.gx-link::after{content:"→";}
.gx-btn{display:inline-flex;align-items:center;gap:10px;background:var(--gx-v);color:#fff;font-weight:600;font-size:16px;padding:14px 26px;border-radius:999px;text-decoration:none;transition:transform .2s;}
.gx-btn:hover{transform:translateY(-2px);}
.gx-btn--light{background:#fff;color:var(--gx-v);}
.gx-ai{background:radial-gradient(900px 500px at 85% 20%,rgba(155,79,232,.35),transparent 60%),radial-gradient(700px 500px at 10% 90%,rgba(99,28,255,.30),transparent 60%),#0c0628;padding:120px 40px;color:#fff;overflow:hidden;}
.gx-ai__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center;}
.gx-ai .gx-eyebrow{background:rgba(255,255,255,.08);color:#d9c8ff;}
.gx-ai .gx-h2{color:#fff;}
.gx-ai .gx-lead{color:rgba(255,255,255,.72);}
.gx-ai__list{list-style:none;padding:0;margin:28px 0 36px;display:flex;flex-direction:column;gap:12px;}
.gx-ai__list li{display:flex;gap:12px;align-items:flex-start;font-size:17px;color:rgba(255,255,255,.9);}
.gx-ai__list li::before{content:"";flex:0 0 8px;height:8px;margin-top:9px;border-radius:50%;background:linear-gradient(90deg,var(--gx-v2),#c9a8ff);box-shadow:0 0 12px rgba(201,168,255,.8);}
.gx-ai .gx-shot{box-shadow:0 30px 80px rgba(0,0,0,.45);}
.gx-bento-sec{background:#fff;padding:120px 40px 100px;}
.gx-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;margin-top:56px;text-align:left;}
.gx-card{position:relative;background:var(--gx-soft);border:1px solid var(--gx-line);border-radius:28px;padding:30px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s;min-width:0;}
.gx-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(99,28,255,.10);}
.gx-card h3{font-family:'Gabarito',sans-serif;font-size:26px;line-height:1.1;font-weight:700;color:var(--gx-ink);margin:0 0 10px;letter-spacing:-.01em;}
.gx-card p{font-size:15.5px;line-height:1.6;color:rgba(2,2,30,.66);margin:0 0 14px;}
.gx-card ul{list-style:none;padding:0;margin:0 0 4px;display:flex;flex-direction:column;gap:6px;}
.gx-card li{font-size:14.5px;color:rgba(2,2,30,.78);padding-left:22px;position:relative;}
.gx-card li::before{content:"✓";position:absolute;left:0;color:var(--gx-v);font-weight:700;}
.gx-c4{grid-column:span 4}.gx-c5{grid-column:span 5}.gx-c6{grid-column:span 6}.gx-c7{grid-column:span 7}.gx-c8{grid-column:span 8}.gx-c12{grid-column:span 12}
.gx-card--v{background:linear-gradient(160deg,#9B4FE8 0%,#631cff 70%,#3a0aaa 100%);border:none;}
.gx-card--v h3,.gx-card--v p,.gx-card--v li,.gx-card--v li::before{color:#fff;}
.gx-card--v p,.gx-card--v li{opacity:.88;}
.gx-ui{background:#fff;border-radius:18px;box-shadow:0 10px 30px rgba(2,2,30,.08);padding:16px;margin:4px 0 24px;font-size:13px;color:var(--gx-ink);}
.gx-ui__row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;}
.gx-ui__muted{color:rgba(2,2,30,.5);font-size:12px;}
.gx-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid var(--gx-line);background:#fff;font-size:12.5px;font-weight:600;color:var(--gx-ink);}
.gx-chip--on{background:#efe9ff;border-color:var(--gx-v);color:var(--gx-v);}
.gx-total{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--gx-ink);color:#fff;font-weight:600;}
.gx-wa{background:#efeae2;border-radius:18px;padding:16px;margin:4px 0 24px;display:flex;flex-direction:column;gap:8px;font-size:13.5px;}
.gx-wa__msg{background:#fff;border-radius:4px 14px 14px 14px;padding:10px 12px;max-width:88%;box-shadow:0 1px 1px rgba(0,0,0,.06);color:#111;line-height:1.45;}
.gx-wa__msg small{display:block;text-align:right;color:#8a8a8a;font-size:11px;margin-top:4px;}
.gx-wa__me{align-self:flex-end;background:#d9fdd3;border-radius:14px 4px 14px 14px;}
.gx-wa__btns{display:flex;gap:6px;}
.gx-wa__btns span{flex:1;text-align:center;background:#fff;border-radius:10px;padding:8px;color:#0a7cff;font-weight:600;font-size:12.5px;}
.gx-week{display:grid;grid-template-columns:64px repeat(7,1fr);gap:4px;font-size:11.5px;align-items:center;}
.gx-week b{font-weight:600;color:rgba(2,2,30,.5);text-align:center;}
.gx-week span{height:22px;border-radius:6px;background:#e9e3ff;}
.gx-week span.on{background:var(--gx-v);}
.gx-week span.off{background:repeating-linear-gradient(45deg,#f1f1f6 0 5px,#e4e4ee 5px 10px);}
.gx-week em{font-style:normal;font-weight:600;}
.gx-gift{position:relative;border-radius:18px;padding:22px;margin:4px 0 24px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(6px);}
.gx-gift b{font-family:'Gabarito',sans-serif;font-size:40px;line-height:1;display:block;margin:8px 0 14px;}
.gx-gift code{font-family:ui-monospace,monospace;background:rgba(255,255,255,.18);padding:4px 8px;border-radius:8px;font-size:12.5px;}
.gx-map{position:relative;height:230px;border-radius:18px;overflow:hidden;margin:4px 0 24px;background:#eef0fb;}
.gx-map svg{position:absolute;inset:0;width:100%;height:100%;}
.gx-route{stroke-dasharray:8 8;animation:gx-dash 1.6s linear infinite;}
@keyframes gx-dash{to{stroke-dashoffset:-32}}
.gx-map__badge{position:absolute;background:#fff;border-radius:14px;padding:10px 14px;box-shadow:0 10px 30px rgba(2,2,30,.12);font-size:12.5px;}
.gx-map__badge b{display:block;font-size:15px;color:var(--gx-ink);}
.gx-steps-sec{background:var(--gx-soft);padding:110px 40px;}
.gx-steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px;text-align:left;}
.gx-step{background:#fff;border-radius:24px;padding:32px;border:1px solid var(--gx-line);}
.gx-step__n{font-family:'Gabarito',sans-serif;font-size:64px;line-height:1;font-weight:800;margin-bottom:18px;}
.gx-step h3{font-family:'Gabarito',sans-serif;font-size:23px;line-height:1.15;font-weight:700;color:var(--gx-ink);margin:0 0 10px;}
.gx-step p{font-size:15.5px;line-height:1.6;color:rgba(2,2,30,.66);margin:0;}
@media(max-width:960px){
  .gx-ai__grid{grid-template-columns:1fr;gap:40px;}
  .gx-c4,.gx-c5,.gx-c6,.gx-c7,.gx-c8{grid-column:span 12}
  .gx-steps3{grid-template-columns:1fr;}
}
@media(max-width:768px){
  .gx-ai,.gx-bento-sec,.gx-steps-sec{padding:72px 20px;}
  .gx-h2{font-size:34px;}
  .gx-lead{font-size:16px;}
  .gx-card{padding:22px;border-radius:22px;}
  .gx-map{height:200px;}
  .gx-week{grid-template-columns:52px repeat(7,1fr);}
}
@media (prefers-reduced-motion:reduce){.gx-route{animation:none}}