/* ══════════════════════════════════════════════════════════
   CanjeYa · capa de diseño «asesoría»  (09-11-2026)
   Se carga DESPUÉS del <style> de cada página y lo sobrescribe.
   Colores tipo DGT (azul #0b56a0 + amarillo #ffb200, elegidos por Mourad el 09-11-2026), serif en títulos, sin
   degradados, sin brillos, esquinas casi rectas, sin emojis.
   ══════════════════════════════════════════════════════════ */
:root{
  --blue:#13294b; --blue-dk:#0d1f3a; --blue-lt:#2c4a78;
  --orange:#b8641f; --orange-dk:#9a5219;
  --green:#2f6b4f;
  --bg:#f5f3ee; --white:#fff;
  --text:#1e2633; --muted:#5b6574; --border:#d8dde4;
  --shadow:none; --radius:4px;
  --soft:#e9c9a6; --on-dark:#cfd8e6; --paper:#f5f3ee;
  --serif:'Source Serif 4',Georgia,'Times New Roman',serif;
  --sans:'Public Sans','Inter',system-ui,sans-serif;
}
body{font-family:var(--sans);color:var(--text);font-size:16.5px;line-height:1.7;background:#fff;-webkit-font-smoothing:antialiased}
body.ar{font-family:'Amiri',var(--sans);font-size:18px}
h1,h2,h3,.stitle,.big-num,.price-amount,.pc-price,.iv-num{font-family:var(--serif)!important;letter-spacing:-.01em}
body.ar h1,body.ar h2,body.ar h3{font-family:'Amiri',serif!important}
h1,h2{font-weight:600!important}
h3,h4{font-weight:600!important}
::selection{background:#13294b;color:#fff}

/* ── Barra superior ── */
.navbar{background:#fff!important;backdrop-filter:none!important;box-shadow:none!important;border-bottom:1px solid var(--border);padding:12px 0!important}
.logo-icon{background:var(--blue)!important;border-radius:4px!important;box-shadow:none!important;width:40px!important;height:40px!important}
.logo-text{color:var(--blue)!important;font-family:var(--serif);font-weight:700!important;letter-spacing:-.02em!important}
.logo-text span{color:var(--orange)!important}
.logo-text::after{content:"Asesoría";display:block;font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:3px}
.nav-links a{color:var(--text)!important;font-weight:500!important}
.nav-links a:hover{color:var(--orange)!important}
.nav-cta{background:var(--blue)!important;color:#fff!important;border-radius:3px!important}
.nav-cta:hover{background:var(--blue-dk)!important}
.lang-toggle{background:transparent!important;border:1px solid var(--border);border-radius:3px!important}
.lang-btn{color:var(--muted)!important;border-radius:0!important}
.lang-btn.active{background:var(--blue)!important;color:#fff!important;border-radius:0!important}
.hamburger span{background:var(--blue)!important}
.nav-back{color:var(--text)!important}
@media(max-width:900px){.nav-links{background:#fff!important;border-bottom:1px solid var(--border)}}

/* ── Portadas ── */
.hero,.page-hero,.post-hero{background:var(--blue)!important;min-height:auto!important}
.hero::before,.hero::after,.page-hero::before,.page-hero::after,.post-hero::before,.post-hero::after{display:none!important}
.hero{padding:150px 0 90px!important}
.hero h1{font-size:clamp(32px,4.6vw,52px)!important;line-height:1.12!important}
.hero h1 em{color:var(--soft)!important;font-style:italic!important}
.hero-badge{background:transparent!important;border:0!important;border-left:2px solid var(--orange)!important;border-radius:0!important;color:var(--on-dark)!important;padding:2px 0 2px 12px!important;letter-spacing:.06em;text-transform:uppercase;font-size:12px!important}
.hero-sub,.page-hero-sub{color:var(--on-dark)!important}
.breadcrumb,.breadcrumb a{color:var(--on-dark)!important}

/* ── Botones ── */
.btn,.btn-submit,.wa-btn,.btn-wa,.btn-wa-cta,.btn-wa-sidebar,.btn-wa-arabic{border-radius:3px!important;box-shadow:none!important;transform:none!important;font-weight:600!important;letter-spacing:.01em}
.btn-primary,.btn-submit{background:var(--orange)!important;color:#fff!important}
.btn-primary:hover,.btn-submit:hover{background:var(--orange-dk)!important}
.btn-outline{border:1px solid rgba(255,255,255,.55)!important}
.btn:hover,.btn-submit:hover{transform:none!important}

/* ── Etiquetas y títulos de sección ── */
.tag,.blog-tag,.badge,.pricing-badge,.highlight-badge,.sidebar-service-tag{background:transparent!important;color:var(--orange)!important;border-radius:0!important;padding:0!important;letter-spacing:.16em!important;font-size:11.5px!important;font-weight:700!important}
h2.stitle{color:var(--blue)!important;font-size:clamp(26px,3.4vw,38px)!important}
p.ssub{color:var(--muted)!important}
.section{padding:88px 0!important}
.section-alt{background:var(--bg)!important}

/* ── Tarjetas: borde fino, sin sombra, sin redondeos grandes ── */
.svc-card,.card,.blog-card,.pricing-card,.sidebar-card,.use-card,.who-item,.comp-card,.prob-card,.country-card,.doc-item,.faq-item,.cform,.what-card,.info-box,.highlight-box,.success-box,.warning-box,.intro-highlight,.cert-fact,.step,.pt-step,.review,.related-link,.contact-info{
  border-radius:4px!important;box-shadow:none!important;transform:none!important}
.svc-card,.card,.blog-card,.pricing-card,.sidebar-card,.use-card,.comp-card,.prob-card,.country-card,.doc-item,.faq-item,.cform,.what-card,.cert-fact,.pt-step{border:1px solid var(--border)!important;background:#fff}
.svc-card:hover,.blog-card:hover,.use-card:hover,.related-link:hover{border-color:var(--blue)!important}
.pricing-card.featured{border:2px solid var(--blue)!important}
.blog-card-img{background:var(--bg)!important;border-bottom:1px solid var(--border)}
.svc-link,.read-more{color:var(--orange)!important}

/* ── Iconos de línea (sustituyen a los emojis) ── */
.svc-icon,.why-icon,.cinfo-icon,.use-icon,.who-icon,.cert-fact-icon,.ih-icon,.pt-step-icon,.related-link-icon,.icon,.timeline-dot,.blog-card-img{color:var(--blue)}
.svc-icon,.why-icon,.cinfo-icon,.use-icon,.who-icon,.cert-fact-icon,.ih-icon{background:transparent!important;border:1px solid var(--border)!important;border-radius:4px!important;box-shadow:none!important;display:flex!important;align-items:center;justify-content:center}
.why-icon,.cinfo-icon{background:#fff!important}
.ci{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.blog-card-img .ci{width:44px;height:44px;stroke-width:1.2;opacity:.75}
.related-link-icon .ci,.icon .ci{width:18px;height:18px}
.step-n,.step-num,.pt-num,.doc-num,.timeline-dot{background:var(--blue)!important;color:#fff!important;border-radius:3px!important;box-shadow:none!important;font-family:var(--serif)}

/* ── Franja de confianza ── */
.trust-bar{background:#fff!important;border-bottom:1px solid var(--border)}
.trust-item{color:var(--text)!important}
.trust-item .ci{color:var(--orange)}

/* ── Bloque «por qué» (sin cifras inventadas) ── */
.why-visual{background:var(--bg)!important;color:var(--text)!important;border:1px solid var(--border);border-radius:4px!important;box-shadow:none!important}
.why-visual h3{color:var(--blue)!important;font-size:24px;margin-bottom:6px}
.why-visual .muted{color:var(--muted);font-size:14.5px;margin-bottom:18px}
.fees{width:100%;border-collapse:collapse;font-size:15px}
.fees td{padding:12px 0;border-top:1px solid var(--border);vertical-align:top}
.fees td:last-child{text-align:right;font-family:var(--serif);font-size:20px;color:var(--blue);white-space:nowrap;padding-left:16px}
.fees small{display:block;color:var(--muted);font-size:13px}
.fees-note{font-size:13px;color:var(--muted);margin-top:14px}

/* ── Panel de la portada ── */
.hero-panel{background:#fff;color:var(--text);border-radius:4px;padding:28px 30px;max-width:400px;margin-left:auto}
.hero-panel h2{font-size:21px!important;color:var(--blue);margin-bottom:4px}
.hero-panel p{font-size:14px;color:var(--muted);margin-bottom:14px}
.hero-panel ol{list-style:none;counter-reset:p;margin:0;padding:0}
.hero-panel li{counter-increment:p;display:flex;gap:14px;padding:11px 0;border-top:1px solid var(--border);font-size:15px}
.hero-panel li::before{content:counter(p);font-family:var(--serif);color:var(--orange);font-weight:700;min-width:14px}
.hero-facts{display:flex;gap:28px;flex-wrap:wrap;color:var(--on-dark);font-size:14px}
.hero-facts b{display:block;color:#fff;font-family:var(--serif);font-size:19px;font-weight:600}

/* ── Formularios ── */
.fg input,.fg select,.fg textarea{border-radius:3px!important;border:1px solid var(--border)!important;box-shadow:none!important}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--blue)!important;outline:none}

/* ── Pie ── */
footer{background:var(--blue-dk)!important}
footer .logo-text{color:#fff!important}
footer .logo-text::after{color:var(--on-dark)}
footer .logo-icon{background:var(--orange)!important}
.footer-legal a{color:rgba(255,255,255,.6);margin-right:16px;font-size:13px}
.footer-legal a:hover{color:#fff}

/* ── WhatsApp flotante más discreto ── */
.wa-float-btn{box-shadow:0 2px 8px rgba(0,0,0,.18)!important;animation:none!important}

/* ── Banner de cookies ── */
#cookie-banner,.cookie-banner{background:var(--blue-dk)!important}

/* ── Árabe y móvil ── */
@media(max-width:860px){
  .hero{padding:120px 0 64px!important}
  .hero-panel{margin:28px 0 0;max-width:none}
  .section{padding:64px 0!important}
}
.why-visual{text-align:left!important;padding:36px 34px!important}
.social-link{border-radius:3px!important}
.cta-final,.cta-section,.post-cta,.arabic-cta{background:var(--blue)!important;border-radius:4px}
.cta-final::before,.cta-final::after,.cta-section::before,.cta-section::after{display:none!important}
.wa-float-btn{background:#25D366!important}
.nav-links a.nav-cta,.nav-links a.nav-cta:hover{color:#fff!important}
.why-visual p,.why-visual td,.why-visual span{color:var(--text)!important}
.why-visual .muted,.why-visual small,.why-visual .fees-note{color:var(--muted)!important}
.why-visual td:last-child{color:var(--blue)!important}
.why-visual .svc-link{color:var(--orange)!important}
#cj-cookie-banner{background:var(--blue-dk)!important;font-family:var(--sans)!important}
#cj-cookie-banner button{border-radius:3px!important}
#cj-cookie-banner a{color:var(--soft)!important}
.intro-visual{background:var(--blue)!important;border-radius:4px!important;box-shadow:none!important}
.sidebar-arabic{background:var(--bg)!important;border-radius:4px!important}
.btn-wa-arabic,.arabic-cta-action a{background:#fff!important;color:var(--blue)!important}
.btn-wa-arabic *{color:var(--blue)!important}
.post-hero .blog-tag,.post-meta .author{color:var(--soft)!important}
.why-icon,.cinfo-icon,.use-icon,.who-icon,.cert-fact-icon,.ih-icon{width:42px!important;height:42px!important;min-width:42px;flex:none!important;padding:0!important}
.use-icon{margin:0 auto 12px!important}
.who-highlight{background:var(--blue)!important;border-radius:4px!important;box-shadow:none!important}
.who-highlight *{color:#fff}
.who-highlight .badge,.who-highlight span[class*=badge]{border:1px solid rgba(255,255,255,.4)!important;color:var(--soft)!important;padding:6px 12px!important}
.who-highlight .highlight-badge{color:var(--soft)!important;border:1px solid rgba(255,255,255,.35)!important;padding:8px 14px!important;border-radius:3px!important;letter-spacing:.04em!important;font-size:13px!important}

/* ── Paleta tipo DGT (elegida por Mourad) ── */
:root{--blue:#0b56a0;--blue-dk:#08427c;--blue-lt:#2a73bf;--orange:#ffb200;--orange-dk:#e6a000;--bg:#f2f4f7;--soft:#ffc94d;--on-dark:#d6e4f3;--green:#0b56a0}
.btn-primary,.btn-submit,.btn-primary *,.btn-submit *{color:#13233a!important}
.tag,.blog-tag,.svc-link,.read-more,.badge,.pricing-badge,.highlight-badge{color:#0b56a0!important}
.hero-badge{border-left-color:#ffb200!important}
.hero-panel li::before{color:#0b56a0!important}
.trust-item .ci{color:#0b56a0!important}
.logo-text span{color:#0b56a0!important}
footer .logo-text span{color:#ffb200!important}
footer .logo-icon{background:#0b56a0!important}

.cj-aviso{font-size:12.5px;color:var(--on-dark);opacity:.85;margin-top:10px;line-height:1.5}

/* ── Contraste: textos claros sobre fondo claro (revisión 09-11-2026) ── */
.what-card{background:var(--blue)!important;border:0!important;color:#fff!important}
.what-card h3,.what-card strong,.cert-fact-text strong{color:#fff!important}
.what-card span,.cert-fact-text span{color:var(--on-dark)!important}
.what-card .ci{stroke:#fff!important;color:#fff!important}
.cert-fact{border-bottom-color:rgba(255,255,255,.18)!important}
.hero p,.page-hero p,.post-hero p{color:var(--on-dark)!important}
footer,footer p{color:var(--on-dark)!important}
footer a{color:#fff!important}
.svc-link,a[style*="color:var(--orange)"]{color:var(--blue)!important}
.docs-note strong{color:var(--blue-dk)!important}
.sidebar-service-tag{background:#e6eef8!important;color:var(--blue)!important}
.wa-btn,.btn-wa,.btn-wa-cta,.btn-wa-sidebar{background:#1c8a4a!important;color:#fff!important}
.wa-btn:hover,.btn-wa:hover,.btn-wa-cta:hover,.btn-wa-sidebar:hover{background:#156d3a!important}
.what-card .cert-fact{background:transparent!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.18)!important;border-radius:0!important;padding:0 0 16px!important;box-shadow:none!important}
.what-card .cert-fact:last-child{border-bottom:0!important;padding-bottom:0!important}
.hero .hero-panel p{color:var(--muted)!important}
.why-visual .svc-link{color:var(--blue)!important}
@media(max-width:700px){.card table{display:block;overflow-x:auto;max-width:100%}}