/*
Theme Name: EmpleoBase Prime
Theme URI: https://empleobase.com/
Author: EmpleoBase
Description: Tema premium claro, mobile-first y preparado para trafico de Facebook y formatos Monetag.
Version: 2.1.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: empleobase-prime
*/

:root{
  --eb-bg:#f7f8fa;
  --eb-surface:#ffffff;
  --eb-text:#121826;
  --eb-muted:#667085;
  --eb-line:#e6e8ec;
  --eb-brand:#0e1b2b;
  --eb-brand-2:#172a43;
  --eb-accent:#c7a35a;
  --eb-accent-soft:#f4ecd9;
  --eb-ok:#18865b;
  --eb-radius:18px;
  --eb-shadow:0 12px 34px rgba(16,24,40,.08);
  --eb-max:1160px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--eb-bg);
  color:var(--eb-text);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a{color:#173f73;text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{color:#0b2c54}
img{max-width:100%;height:auto}

.eb-wrap{width:min(calc(100% - 32px),var(--eb-max));margin-inline:auto}

.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(230,232,236,.9);
}
.eb-header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-branding{display:flex;align-items:center;gap:12px;min-width:0}
.custom-logo-link img{max-height:42px;width:auto}
.site-title{font-size:1.22rem;font-weight:800;letter-spacing:-.02em;margin:0}
.site-title a{color:var(--eb-brand);text-decoration:none}
.site-tagline{font-size:.78rem;color:var(--eb-muted);margin:1px 0 0}
.main-navigation ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;align-items:center}
.main-navigation a{font-size:.94rem;font-weight:650;color:#344054;text-decoration:none}
.main-navigation a:hover{color:var(--eb-brand)}

.eb-trustbar{background:var(--eb-brand);color:#fff;font-size:.87rem}
.eb-trustbar .eb-wrap{display:flex;gap:18px;align-items:center;justify-content:center;padding:8px 0;flex-wrap:wrap}
.eb-trustbar span{opacity:.92}
.eb-trust-dot{width:6px;height:6px;border-radius:50%;background:var(--eb-accent);display:inline-block;margin-right:8px;vertical-align:middle}

.eb-hero{padding:58px 0 36px;background:linear-gradient(180deg,#fff 0%,#f7f8fa 100%)}
.eb-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:34px;align-items:center}
.eb-kicker{display:inline-flex;align-items:center;gap:8px;background:var(--eb-accent-soft);color:#6f5520;border:1px solid #eadbb4;padding:7px 11px;border-radius:999px;font-size:.82rem;font-weight:750}
.eb-hero h1{font-size:clamp(2.25rem,5vw,4.5rem);line-height:1.02;letter-spacing:-.05em;margin:18px 0 16px;color:var(--eb-brand)}
.eb-hero p{font-size:1.08rem;color:#475467;max-width:690px;margin:0 0 24px}
.eb-actions{display:flex;gap:12px;flex-wrap:wrap}
.eb-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:12px;font-weight:760;text-decoration:none;border:1px solid transparent}
.eb-btn-primary{background:var(--eb-brand);color:#fff}
.eb-btn-primary:hover{background:#081522;color:#fff}
.eb-btn-secondary{background:#fff;color:var(--eb-brand);border-color:var(--eb-line)}
.eb-btn-secondary:hover{background:#f9fafb;color:var(--eb-brand)}
.eb-hero-card{background:var(--eb-surface);border:1px solid var(--eb-line);border-radius:22px;box-shadow:var(--eb-shadow);padding:22px}
.eb-hero-card h3{margin:0 0 10px;font-size:1rem;color:var(--eb-brand)}
.eb-hero-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.eb-hero-list li{display:flex;gap:10px;align-items:flex-start;color:#475467;font-size:.94rem}
.eb-check{width:22px;height:22px;border-radius:999px;background:#e8f7f1;color:var(--eb-ok);font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none;margin-top:2px}

.eb-main{padding:34px 0 64px}
.eb-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:34px;align-items:start}
.eb-card{background:var(--eb-surface);border:1px solid var(--eb-line);border-radius:var(--eb-radius);box-shadow:0 5px 18px rgba(16,24,40,.04)}
.eb-content-card{padding:clamp(22px,4vw,44px)}
.entry-header{margin-bottom:22px}
.entry-title{font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;letter-spacing:-.04em;color:var(--eb-brand);margin:0 0 12px}
.entry-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--eb-muted);font-size:.88rem}
.entry-content{font-size:1.03rem}
.entry-content h2{margin-top:2.2em;font-size:1.55rem;line-height:1.25;letter-spacing:-.025em;color:var(--eb-brand)}
.entry-content h3{margin-top:1.8em;font-size:1.2rem;color:var(--eb-brand)}
.entry-content p{margin:0 0 1.15em}
.entry-content ul,.entry-content ol{padding-left:1.25rem;margin:0 0 1.3em}
.entry-content li{margin:.38em 0}
.entry-content blockquote{margin:1.6em 0;padding:16px 18px;border-left:4px solid var(--eb-accent);background:#fbf8f0;border-radius:10px;color:#475467}
.entry-content table{width:100%;border-collapse:collapse;margin:1.5em 0;background:#fff}
.entry-content th,.entry-content td{padding:12px;border:1px solid var(--eb-line);text-align:left}

.eb-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #d8e8df;background:#eff9f4;color:#176b4b;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:760;margin-bottom:14px}

.eb-sidebar{display:grid;gap:18px;position:sticky;top:104px}
.eb-sidebox{padding:20px}
.eb-sidebox h3{margin:0 0 8px;font-size:1rem;color:var(--eb-brand)}
.eb-sidebox p{margin:0 0 14px;color:var(--eb-muted);font-size:.92rem}
.eb-mini-links{display:grid;gap:8px}
.eb-mini-links a{display:block;padding:10px 12px;border-radius:10px;border:1px solid var(--eb-line);background:#fff;text-decoration:none;font-weight:650;font-size:.91rem;color:#344054}
.eb-mini-links a:hover{border-color:#cfd3da;background:#fafbfc}

.eb-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.eb-post-card{overflow:hidden;display:flex;flex-direction:column}
.eb-post-thumb{aspect-ratio:16/9;background:#edf0f4;overflow:hidden}
.eb-post-thumb img{width:100%;height:100%;object-fit:cover}
.eb-post-body{padding:18px}
.eb-post-body h2{font-size:1.15rem;line-height:1.35;margin:0 0 8px}
.eb-post-body h2 a{text-decoration:none;color:var(--eb-brand)}
.eb-post-body p{color:var(--eb-muted);font-size:.92rem;margin:0}

.eb-section-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 20px}
.eb-section-title h1,.eb-section-title h2{margin:0;color:var(--eb-brand);letter-spacing:-.03em}
.eb-section-title p{margin:4px 0 0;color:var(--eb-muted)}

.site-footer{background:#0b1522;color:#d8dee7;margin-top:40px}
.eb-footer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;padding:42px 0}
.site-footer a{color:#fff}
.site-footer h3{color:#fff;margin:0 0 10px}
.site-footer p{color:#aeb8c7;margin:0;max-width:640px}
.eb-footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding:16px 0;color:#8f9aab;font-size:.84rem}

.nav-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.nav-links .page-numbers{padding:9px 12px;border:1px solid var(--eb-line);border-radius:10px;background:#fff;text-decoration:none}
.nav-links .current{background:var(--eb-brand);color:#fff;border-color:var(--eb-brand)}

.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}



/* Entradas relacionadas */
.eb-related{
  margin-top:22px;
  padding:24px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcfd 100%);
  border:1px solid var(--eb-line);
  border-radius:var(--eb-radius);
  box-shadow:0 5px 18px rgba(16,24,40,.04);
}
.eb-related-heading{margin-bottom:18px}
.eb-related-kicker{
  display:inline-flex;
  align-items:center;
  padding:5px 9px;
  margin-bottom:8px;
  border-radius:999px;
  background:var(--eb-accent-soft);
  color:#6f5520;
  border:1px solid #eadbb4;
  font-size:.74rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.eb-related-heading h2{
  margin:0;
  color:var(--eb-brand);
  font-size:1.45rem;
  line-height:1.2;
  letter-spacing:-.025em;
}
.eb-related-heading p{margin:6px 0 0;color:var(--eb-muted);font-size:.92rem}
.eb-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.eb-related-card{
  overflow:hidden;
  background:#fff;
  border:1px solid var(--eb-line);
  border-radius:15px;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.eb-related-card:hover{
  transform:translateY(-2px);
  border-color:#d4d8df;
  box-shadow:0 12px 26px rgba(16,24,40,.08);
}
.eb-related-thumb{
  display:block;
  aspect-ratio:16/9;
  overflow:hidden;
  background:linear-gradient(135deg,var(--eb-brand),var(--eb-brand-2));
  text-decoration:none;
}
.eb-related-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.eb-related-fallback{
  width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:850;letter-spacing:-.02em;font-size:1.05rem;
}
.eb-related-body{padding:14px}
.eb-related-meta{display:block;color:var(--eb-muted);font-size:.76rem;margin-bottom:5px}
.eb-related-body h3{margin:0 0 7px;font-size:1rem;line-height:1.3}
.eb-related-body h3 a{color:var(--eb-brand);text-decoration:none}
.eb-related-body p{margin:0 0 11px;color:var(--eb-muted);font-size:.86rem;line-height:1.55}
.eb-related-link{font-size:.86rem;font-weight:780;text-decoration:none;color:#173f73}
.eb-related-link:hover{text-decoration:underline}


@media (max-width:960px){
  .eb-hero-grid,.eb-layout,.eb-footer-grid{grid-template-columns:1fr}
  .eb-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .eb-sidebar{position:static}
  .eb-posts{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:720px){
  .eb-wrap{width:min(calc(100% - 22px),var(--eb-max))}
  .eb-header-inner{min-height:64px;align-items:flex-start;padding:12px 0;flex-direction:column;gap:10px}
  .main-navigation{width:100%;overflow-x:auto;padding-bottom:2px}
  .main-navigation ul{gap:16px;white-space:nowrap}
  .site-tagline{display:none}
  .eb-trustbar .eb-wrap{justify-content:flex-start;gap:10px}
  .eb-hero{padding:34px 0 22px}
  .eb-hero-card{padding:18px}
  .eb-main{padding:22px 0 46px}
  .eb-content-card{padding:22px}
  .entry-content{font-size:1rem}
  .eb-posts{grid-template-columns:1fr}
  .eb-related{padding:18px}
  .eb-related-grid{grid-template-columns:1fr}
  .eb-related-card{display:grid;grid-template-columns:112px minmax(0,1fr)}
  .eb-related-thumb{aspect-ratio:auto;min-height:100%}
  .eb-related-body{padding:13px}
  .eb-related-body p{display:none}
  .entry-title{font-size:2.05rem}
}


/* Monetizacion Monetag / SmartLink */
.eb-sponsored-card{
  margin:30px 0;
  padding:0;
  overflow:hidden;
  border:1px solid #e8dfc9;
  border-radius:17px;
  background:linear-gradient(135deg,#fffdf8 0%,#f8f2e5 100%);
  box-shadow:0 10px 28px rgba(16,24,40,.07);
}
.eb-sponsored-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 16px;
  border-bottom:1px solid #eadfc7;
  background:rgba(255,255,255,.55);
}
.eb-sponsored-label{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#72551d;
  font-size:.71rem;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.075em;
}
.eb-sponsored-label::before{
  content:"";
  width:7px;height:7px;border-radius:50%;background:var(--eb-accent);
}
.eb-sponsored-brand{color:#8b7851;font-size:.74rem;font-weight:700}
.eb-sponsored-body{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:18px;
}
.eb-sponsored-body strong{display:block;color:var(--eb-brand);font-size:1rem;margin-bottom:3px}
.eb-sponsored-body p{margin:0!important;color:#6d6659;font-size:.88rem;line-height:1.5}
.eb-sponsored-button{
  flex:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 16px;
  border-radius:11px;
  background:var(--eb-brand);
  color:#fff!important;
  text-decoration:none!important;
  font-size:.87rem;
  font-weight:800;
  box-shadow:0 6px 16px rgba(14,27,43,.14);
}
.eb-sponsored-button:hover{background:#081522;color:#fff}

/* Convierte SmartLinks manuales existentes en un bloque visible y claramente patrocinado. */
.entry-content p:has(> a[href*="omg10.com/"]){
  margin:28px 0;
  padding:17px;
  border:1px solid #e8dfc9;
  border-radius:15px;
  background:linear-gradient(135deg,#fffdf8 0%,#f8f2e5 100%);
  box-shadow:0 8px 22px rgba(16,24,40,.06);
}
.entry-content p:has(> a[href*="omg10.com/"])::before{
  content:"Patrocinado";
  display:block;
  margin-bottom:10px;
  color:#72551d;
  font-size:.7rem;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.075em;
}
.entry-content a[href*="omg10.com/"]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 15px;
  border-radius:10px;
  background:var(--eb-brand);
  color:#fff!important;
  font-weight:800;
  text-decoration:none!important;
}

@media (max-width:720px){
  .eb-sponsored-body{align-items:stretch;flex-direction:column;gap:14px}
  .eb-sponsored-button{width:100%}
}


/* =========================================================
   EmpleoBase Prime 1.3 - Monetag-ready article experience
   ========================================================= */

/* Progreso de lectura: visual, ligero y sin bloquear anuncios. */
.eb-reading-progress{
  position:fixed;top:0;left:0;right:0;height:3px;z-index:14;
  pointer-events:none;background:transparent;
}
.eb-reading-progress > span{
  display:block;width:0;height:100%;background:var(--eb-accent);
  transition:width .08s linear;
}

/* Accion honesta para trafico de Facebook: permite ir al bloque real de oportunidades. */
.eb-article-actions{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin:16px 0 24px;padding:14px 16px;border:1px solid #dce7e1;
  border-radius:14px;background:linear-gradient(135deg,#f7fbf9 0%,#ffffff 100%);
}
.eb-article-actions p{margin:0;color:#475467;font-size:.9rem;line-height:1.45}
.eb-article-jump{
  flex:none;display:inline-flex;align-items:center;justify-content:center;
  min-height:42px;padding:0 15px;border-radius:10px;background:var(--eb-brand);
  color:#fff!important;text-decoration:none!important;font-size:.86rem;font-weight:800;
}
.eb-article-jump:hover{background:#081522;color:#fff}

/* Ritmo de lectura pensado para movil y sesiones largas. */
.entry-content > h2{
  position:relative;padding-top:4px;
}
.entry-content > h2::before{
  content:"";display:block;width:34px;height:3px;border-radius:999px;
  background:var(--eb-accent);margin-bottom:11px;
}
.entry-content > ul,
.entry-content > ol{
  padding:16px 18px 16px 38px;border:1px solid #edf0f3;border-radius:14px;
  background:#fbfcfd;
}
.entry-content > ul li::marker,.entry-content > ol li::marker{color:#9a7939;font-weight:800}
.entry-content strong{color:#0c1928}

/* El tema no compite con IPP/Vignette: sin overlays propios ni z-index extremos. */
.eb-monetag-ready .site-header{z-index:12}
.eb-monetag-ready .eb-sidebar{z-index:1}
.eb-monetag-ready .eb-sponsored-card{position:relative;z-index:1}

/* Zona final con aire para que un formato flotante no tape el ultimo CTA/enlace. */
.eb-article-end{height:1px;margin-top:6px;scroll-margin-top:90px}
#eb-opportunities{scroll-margin-top:96px}

/* Mejor tactilidad de enlaces dentro del articulo en movil. */
.entry-content a{overflow-wrap:anywhere}

@media (max-width:720px){
  /* En navegador interno de Facebook conviene no tener una cabecera sticky luchando por la parte superior. */
  .eb-monetag-ready .site-header{position:relative;top:auto;backdrop-filter:none}
  .eb-monetag-ready .eb-trustbar{position:relative}
  .eb-content-card{border-radius:15px;padding:20px}
  .entry-header{margin-bottom:14px}
  .entry-title{font-size:1.9rem;line-height:1.1}
  .entry-meta{gap:7px;font-size:.82rem}
  .eb-article-actions{align-items:stretch;flex-direction:column;padding:14px;margin:14px 0 20px}
  .eb-article-jump{width:100%}
  .entry-content h2{font-size:1.42rem;margin-top:2em}
  .entry-content p{line-height:1.72}
  .entry-content > ul,.entry-content > ol{padding:14px 14px 14px 34px;border-radius:12px}
  #eb-opportunities{scroll-margin-top:20px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .eb-reading-progress > span{transition:none}
}

/* =========================================================
   EmpleoBase Prime 1.7 - Facebook Intent / Monetag Ready
   Estetica clara y premium para trafico movil desde Facebook.
   ========================================================= */
:root{
  --eb-bg:#f6f2e8;
  --eb-surface:#fffdf8;
  --eb-text:#183047;
  --eb-muted:#6b7786;
  --eb-line:#e9e2d5;
  --eb-brand:#123f67;
  --eb-brand-2:#1f5d8b;
  --eb-accent:#c8a34e;
  --eb-accent-soft:#fbf3df;
  --eb-ok:#24825f;
  --eb-radius:20px;
  --eb-shadow:0 18px 50px rgba(50,62,76,.09);
}

body{
  background:
    radial-gradient(circle at 8% 0%,rgba(200,163,78,.10),transparent 28rem),
    linear-gradient(180deg,#fbfaf6 0%,#f6f2e8 100%);
  color:var(--eb-text);
}

a{color:#155b91}
a:hover{color:#0e456f}

.site-header{
  background:rgba(255,253,248,.96);
  border-bottom:1px solid rgba(222,212,193,.92);
  box-shadow:0 8px 28px rgba(44,55,68,.05);
}
.site-title a{color:var(--eb-brand)}
.main-navigation a{color:#36556f}
.main-navigation a:hover{color:#0d4d7e}

/* Franja de confianza clara: premium sin parecer casino o landing agresiva. */
.eb-trustbar{
  color:#624f24;
  background:linear-gradient(90deg,#fff9e9 0%,#f7ebc9 50%,#fff9e9 100%);
  border-bottom:1px solid #eadbb7;
}
.eb-trustbar span{opacity:1;font-weight:700}
.eb-trust-dot{background:#2d916b;box-shadow:0 0 0 4px rgba(45,145,107,.10)}

.eb-main{padding-top:26px}
.eb-card{
  background:rgba(255,253,248,.98);
  border:1px solid rgba(226,217,199,.95);
  box-shadow:0 12px 40px rgba(45,57,71,.07);
}
.eb-content-card{
  position:relative;
  overflow:hidden;
  border-top:4px solid transparent;
  background:
    linear-gradient(var(--eb-surface),var(--eb-surface)) padding-box,
    linear-gradient(90deg,#c7a24d,#f0d995,#c7a24d) border-box;
}
.eb-content-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:160px;
  background:linear-gradient(180deg,rgba(247,238,213,.34),rgba(255,253,248,0));
  pointer-events:none;
}
.entry-header{position:relative;z-index:1;padding-bottom:18px;border-bottom:1px solid #eee5d4}
.entry-title{color:#163c5e;text-wrap:balance}
.entry-meta{color:#77808b}
.eb-badge{
  background:linear-gradient(180deg,#fff9e9 0%,#f8edcf 100%);
  color:#765a1f;
  border-color:#e3cf95;
  box-shadow:0 5px 16px rgba(165,132,54,.08);
}

/* CTA inicial: pensado para el visitante que llega desde un post de Facebook buscando una vacante. */
.eb-article-actions{
  position:relative;
  overflow:hidden;
  border:1px solid #d8e4ec;
  background:linear-gradient(135deg,#f7fbfe 0%,#eef6fb 58%,#fffaf0 100%);
  box-shadow:0 10px 24px rgba(27,78,115,.07);
}
.eb-article-actions::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(180deg,#c8a34e,#e4c873);
}
.eb-article-actions p{color:#546678;padding-left:4px}
.eb-article-actions strong{color:#153f63}
.eb-article-jump,
.eb-btn-primary{
  background:linear-gradient(180deg,#236c9d 0%,#164f79 100%);
  color:#fff!important;
  border:1px solid rgba(8,55,88,.12);
  box-shadow:0 8px 18px rgba(26,83,124,.18);
}
.eb-article-jump:hover,.eb-btn-primary:hover{background:linear-gradient(180deg,#1c5e8b,#123f67);color:#fff}

.entry-content{color:#253b4d}
.entry-content h2,.entry-content h3{color:#173f61}
.entry-content > h2::before{
  width:42px;height:4px;
  background:linear-gradient(90deg,#bd9440,#e2c878);
  box-shadow:0 2px 7px rgba(189,148,64,.12);
}
.entry-content > ul,.entry-content > ol{
  border-color:#e8e2d5;
  background:linear-gradient(180deg,#fffefa 0%,#faf7ef 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.entry-content blockquote{
  border-left-color:#c6a04b;
  background:linear-gradient(135deg,#fffaf0,#faf5e7);
  color:#526477;
}

/* SmartLink claro: nunca negro y claramente separado del empleo. */
.eb-sponsored-card{
  border:1px solid #e5d3a6;
  background:linear-gradient(135deg,#fffdf7 0%,#fbf2dc 100%);
  box-shadow:0 14px 34px rgba(92,72,28,.08);
}
.eb-sponsored-top{
  border-bottom-color:#ead8aa;
  background:rgba(255,255,255,.48);
}
.eb-sponsored-label{color:#7c5c19}
.eb-sponsored-brand{color:#8e7440}
.eb-sponsored-body strong{color:#193f60}
.eb-sponsored-body p{color:#6e6759}
.eb-sponsored-button,
.entry-content a[href*="omg10.com/"]{
  color:#fff!important;
  background:linear-gradient(180deg,#2d75a4 0%,#18567f 100%)!important;
  border:1px solid rgba(14,68,105,.14);
  box-shadow:0 8px 18px rgba(24,86,127,.16);
}
.eb-sponsored-button:hover,
.entry-content a[href*="omg10.com/"]:hover{
  color:#fff!important;
  background:linear-gradient(180deg,#24668f,#12496f)!important;
}
.entry-content p:has(> a[href*="omg10.com/"]){
  border-color:#e6d4a9;
  background:linear-gradient(135deg,#fffdf8 0%,#fbf2dd 100%);
  box-shadow:0 12px 30px rgba(80,65,31,.07);
}

/* Entradas relacionadas con apariencia editorial de marca. */
.eb-related{
  border-color:#e6dfd1;
  background:linear-gradient(180deg,#fffdf9 0%,#f9f5ea 100%);
  box-shadow:0 14px 38px rgba(44,57,70,.07);
}
.eb-related-kicker{
  background:#fbf1d9;color:#765a1f;border-color:#e4d19d;
}
.eb-related-heading h2{color:#163f62}
.eb-related-card{
  border-color:#e7e0d3;
  box-shadow:0 7px 18px rgba(50,63,77,.04);
}
.eb-related-card:hover{
  border-color:#d8c9a6;
  box-shadow:0 16px 30px rgba(42,58,73,.09);
}
.eb-related-thumb{background:linear-gradient(135deg,#1b5b87,#d1ad58)}
.eb-related-fallback{background:linear-gradient(135deg,#1b5b87 0%,#2f719d 64%,#c7a24d 100%)}
.eb-related-body h3 a{color:#173f61}
.eb-related-link{color:#165c91}

.eb-sidebox{
  background:linear-gradient(180deg,#fffefa,#fbf8f0);
}
.eb-sidebox h3{color:#173f61}
.eb-mini-links a{
  color:#244c69;
  border-color:#e6e0d4;
  background:#fffefa;
}
.eb-mini-links a:hover{background:#fbf5e7;border-color:#d8c59a}

/* Footer claro para evitar un gran bloque negro al final del articulo. */
.site-footer{
  background:linear-gradient(180deg,#f4eedf 0%,#eee4d0 100%);
  color:#24465f;
  border-top:1px solid #dfd2b7;
}
.site-footer h3{color:#173e60}
.site-footer p{color:#64717d}
.site-footer a{color:#155b91}
.eb-footer-bottom{
  border-top:1px solid rgba(119,98,54,.14);
  color:#7c786f;
  background:rgba(255,255,255,.25);
}

/* Barra de progreso champagne. */
.eb-reading-progress > span{
  background:linear-gradient(90deg,#b99037,#e0c773,#1b658f);
}

/* Deja aire inferior para formatos Monetag flotantes en movil sin tapar el final real. */
@media (max-width:720px){
  body.eb-monetag-ready{padding-bottom:76px}
  .eb-main{padding-top:16px}
  .eb-content-card{padding:20px 18px;border-radius:18px}
  .entry-title{font-size:1.82rem;letter-spacing:-.035em}
  .eb-article-actions{border-radius:14px;margin:14px 0 22px}
  .eb-sponsored-card{border-radius:16px}
  .eb-sponsored-button{min-height:48px}
  .eb-related{padding:18px;border-radius:18px}
  .eb-related-grid{grid-template-columns:1fr}
  .eb-related-card{display:grid;grid-template-columns:112px 1fr;min-height:112px}
  .eb-related-thumb{aspect-ratio:auto;min-height:112px}
  .eb-related-body{padding:12px}
  .eb-related-body p{display:none}
  .eb-related-body h3{font-size:.96rem}
  .site-footer{margin-top:26px}
}


/* =========================================================
   EmpleoBase Prime 1.7 - Facebook Intent
   Navegacion real: cada CTA lleva a una seccion o contenido util.
   ========================================================= */

/* Mapa corto del articulo: micro-compromisos utiles sin overlays. */
.eb-article-roadmap{
  margin:18px 0 26px;
  padding:16px;
  border:1px solid #e4dccb;
  border-radius:16px;
  background:linear-gradient(135deg,#fffefa 0%,#f8f3e8 100%);
  box-shadow:0 10px 26px rgba(45,57,71,.05);
}
.eb-article-roadmap-top{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px;
}
.eb-article-roadmap-label{
  font-size:.78rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase;color:#765a1f;
}
.eb-article-roadmap-hint{font-size:.78rem;color:#7b8490}
.eb-article-roadmap-links{display:flex;gap:8px;flex-wrap:wrap}
.eb-article-roadmap a{
  display:inline-flex;align-items:center;min-height:38px;padding:7px 11px;
  border:1px solid #d8e2e9;border-radius:999px;background:#fff;color:#24536f!important;
  text-decoration:none!important;font-size:.82rem;font-weight:760;line-height:1.2;
}
.eb-article-roadmap a:hover{background:#eef6fb;border-color:#c3d8e5;color:#123f67!important}

/* Reenganche editorial a mitad de lectura. Son enlaces reales a otros articulos. */
.eb-mid-related{
  margin:30px 0;
  padding:17px;
  border:1px solid #dfe7ec;
  border-radius:17px;
  background:linear-gradient(135deg,#f8fbfd 0%,#fffaf0 100%);
  box-shadow:0 12px 28px rgba(32,67,91,.06);
}
.eb-mid-related-kicker{
  display:inline-flex;margin-bottom:8px;color:#8a6925;font-size:.76rem;font-weight:850;
  letter-spacing:.04em;text-transform:uppercase;
}
.eb-mid-related h3{margin:0 0 6px!important;font-size:1.05rem!important;color:#173f61!important}
.eb-mid-related > p{margin:0 0 12px!important;color:#667585;font-size:.88rem}
.eb-mid-related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.eb-mid-related-link{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  min-height:54px;padding:10px 12px;border:1px solid #dfe4e8;border-radius:12px;
  background:#fffefa;color:#244d69!important;text-decoration:none!important;
  font-size:.86rem;font-weight:760;line-height:1.3;
}
.eb-mid-related-link:hover{border-color:#c9d5dd;background:#fff;color:#143e60!important;transform:translateY(-1px)}
.eb-mid-related-arrow{flex:none;font-size:1rem;color:#b28a38}

/* Salida natural al terminar: mas opciones reales dentro de EmpleoBase. */
.eb-related-more{display:flex;justify-content:center;margin-top:18px}
.eb-related-more a{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 17px;
  border-radius:12px;border:1px solid #d9d2c4;background:#fffefa;color:#1b5279!important;
  text-decoration:none!important;font-weight:800;font-size:.88rem;
}
.eb-related-more a:hover{background:#f9f3e5;border-color:#ccb982;color:#123f67!important}

/* Marca visual de continuidad entre secciones, sin animaciones pesadas. */
.entry-content > h2{scroll-margin-top:96px}
.entry-content > h2:not(:first-child){border-top:1px solid rgba(229,224,214,.72);padding-top:26px}

@media (max-width:720px){
  .eb-article-roadmap{padding:14px;margin:15px 0 22px;border-radius:14px}
  .eb-article-roadmap-top{align-items:flex-start;flex-direction:column;gap:2px}
  .eb-article-roadmap-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .eb-article-roadmap a{border-radius:11px;justify-content:center;text-align:center;min-height:42px}
  .eb-mid-related{padding:15px;margin:25px 0;border-radius:15px}
  .eb-mid-related-links{grid-template-columns:1fr}
  .eb-mid-related-link{min-height:50px}
  .entry-content > h2{scroll-margin-top:18px}
}

/* =========================================================
   EmpleoBase Prime 1.7 - Facebook immersive session
   Diseñado para retener por utilidad: trabajo -> requisitos -> oportunidades -> mas trabajos.
   Sin overlays propios para no competir con Monetag.
   ========================================================= */

.eb-featured-media{
  margin-bottom:24px;
  border-radius:18px;
  overflow:hidden;
  border:1px solid #eadfca;
  box-shadow:0 12px 30px rgba(49,61,74,.08);
}
.eb-featured-media img{display:block;width:100%;height:auto}

.eb-opportunity-nudge{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:30px 0;
  padding:18px;
  border:1px solid #d4e3ed;
  border-radius:17px;
  background:linear-gradient(135deg,#f7fbfd 0%,#eef6fb 70%,#fff9ea 100%);
  box-shadow:0 10px 28px rgba(31,79,112,.07);
}
.eb-opportunity-nudge-kicker{
  display:block;
  margin-bottom:4px;
  color:#8b6b27;
  font-size:.73rem;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.065em;
}
.eb-opportunity-nudge strong{display:block;color:#173f61;font-size:1rem;line-height:1.4}
.eb-opportunity-nudge p{margin:3px 0 0!important;color:#667789;font-size:.87rem}
.eb-opportunity-nudge a{
  flex:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 15px;
  border-radius:11px;
  background:linear-gradient(180deg,#236c9d 0%,#164f79 100%);
  color:#fff!important;
  text-decoration:none!important;
  font-weight:800;
  font-size:.87rem;
  box-shadow:0 8px 18px rgba(26,83,124,.17);
}

.eb-session-related{
  margin-top:24px;
  background:linear-gradient(180deg,#fffdfa 0%,#f9f4e9 100%);
  border-color:#e8dcc2;
  box-shadow:0 16px 40px rgba(46,58,70,.08);
}
.eb-session-related .eb-related-kicker{background:#fff4d8}
.eb-related-extra{display:none}
.eb-related-extra.is-visible{display:block}
.eb-related-toggle{
  width:100%;
  margin:16px 0 0;
  min-height:46px;
  border:1px solid #d7dfe5;
  border-radius:12px;
  background:#fff;
  color:#173f61;
  font:inherit;
  font-size:.9rem;
  font-weight:800;
  cursor:pointer;
}
.eb-related-toggle:hover{background:#f7fafc}
.eb-related-more{text-align:center;margin-top:14px}
.eb-related-more a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 16px;
  border-radius:11px;
  background:#173f61;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:800;
}

.eb-session-explore{
  margin-top:20px;
  padding:23px;
  border:1px solid #dfe5e8;
  border-radius:19px;
  background:linear-gradient(135deg,#f8fbfd 0%,#ffffff 58%,#fff9e9 100%);
  box-shadow:0 12px 34px rgba(40,58,72,.06);
}
.eb-session-explore-kicker{
  display:inline-flex;
  margin-bottom:7px;
  color:#7a5e24;
  font-size:.73rem;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.065em;
}
.eb-session-explore h2{margin:0;color:#173f61;font-size:1.35rem;letter-spacing:-.025em}
.eb-session-explore p{margin:5px 0 15px;color:#6b7786;font-size:.9rem}
.eb-session-chips{display:flex;flex-wrap:wrap;gap:9px}
.eb-session-chips a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:40px;
  padding:0 12px;
  border:1px solid #dce3e7;
  border-radius:999px;
  background:#fff;
  color:#214f72;
  text-decoration:none;
  font-size:.86rem;
  font-weight:750;
}
.eb-session-chips a:hover{border-color:#bfd0dc;background:#f6fafc}

/* Tarjetas pensadas para exploracion tactil, sin aparentar anuncios. */
.eb-related-card{min-height:100%}
.eb-related-card a{touch-action:manipulation}

@media (max-width:720px){
  .eb-opportunity-nudge{align-items:stretch;flex-direction:column;padding:15px;margin:24px 0}
  .eb-opportunity-nudge a{width:100%}
  .eb-related-grid{grid-template-columns:1fr}
  .eb-related-card{display:grid;grid-template-columns:112px 1fr;align-items:stretch}
  .eb-related-thumb{aspect-ratio:auto;min-height:118px}
  .eb-related-body{padding:12px}
  .eb-related-body p{display:none}
  .eb-related-body h3{font-size:.96rem}
  .eb-session-explore{padding:18px}
  .eb-session-chips{display:grid;grid-template-columns:1fr 1fr}
  .eb-session-chips a{border-radius:11px;min-height:44px;justify-content:space-between}
}

@media (max-width:420px){
  .eb-session-chips{grid-template-columns:1fr}
}


/* =========================================================
   EmpleoBase Prime 1.8 - Human Trust + Return
   Confianza editorial real, memoria local y retorno util.
   ========================================================= */
.eb-human-proof{
  display:flex;align-items:flex-start;gap:10px;margin:14px 0 4px;padding:12px 13px;
  border:1px solid #e1e8ec;border-radius:13px;background:#f8fbfc;color:#445a68;
}
.eb-human-proof-icon{
  display:inline-flex;align-items:center;justify-content:center;flex:none;width:25px;height:25px;
  border-radius:999px;background:#e8f3ed;color:#286443;font-weight:900;font-size:.82rem;
}
.eb-human-proof strong{display:block;color:#23465d;font-size:.84rem;line-height:1.3}
.eb-human-proof small{display:block;margin-top:2px;color:#6f7c86;font-size:.76rem;line-height:1.4}
.eb-return-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px}
.eb-save-job,.eb-resume-job{
  min-height:40px;padding:0 13px;border-radius:10px;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer;
}
.eb-save-job{border:1px solid #d9cba8;background:#fffaf0;color:#6f541d}
.eb-save-job[aria-pressed="true"]{background:#f4ecd9;border-color:#cdb77e;color:#5f491c}
.eb-resume-job{border:1px solid #cbdde8;background:#f4f9fc;color:#1c567b}
.eb-save-job:hover,.eb-resume-job:hover{transform:translateY(-1px)}

.eb-recently-viewed{
  margin-top:20px;padding:22px;border:1px solid #e1e6e9;border-radius:19px;
  background:linear-gradient(135deg,#fff 0%,#f8fbfd 64%,#fff9eb 100%);
  box-shadow:0 12px 32px rgba(42,58,70,.055);
}
.eb-recently-viewed-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}
.eb-recently-viewed-item{
  display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:50px;padding:10px 12px;
  border:1px solid #dde5e9;border-radius:12px;background:#fff;color:#244e6b!important;text-decoration:none!important;
  font-size:.86rem;font-weight:760;line-height:1.3;
}
.eb-recently-viewed-item:hover{background:#f7fafc;border-color:#c8d6df;color:#153f5f!important}

/* La meta y las acciones son de confianza; no compiten con banners publicitarios. */
.eb-monetag-ready .eb-human-proof,.eb-monetag-ready .eb-return-actions{position:relative;z-index:1}

@media (max-width:720px){
  .eb-human-proof{margin-top:12px;padding:11px}
  .eb-return-actions{display:grid;grid-template-columns:1fr 1fr}
  .eb-save-job,.eb-resume-job{width:100%;min-height:44px}
  .eb-recently-viewed{padding:17px;border-radius:16px}
  .eb-recently-viewed-list{grid-template-columns:1fr}
}
@media (max-width:390px){.eb-return-actions{grid-template-columns:1fr}}

/* =========================================================
   EmpleoBase Prime 1.9 FINAL - Premium Retention Palette
   Pulido visual: confianza, lectura larga y continuidad movil.
   No cambia la logica de Monetag ni los flujos funcionales.
   ========================================================= */
:root{
  --eb-bg:#f5f2eb;
  --eb-surface:#fffefa;
  --eb-text:#202b37;
  --eb-muted:#687484;
  --eb-line:#e7e0d4;
  --eb-brand:#102a43;
  --eb-brand-2:#1d4d70;
  --eb-action:#2563eb;
  --eb-action-deep:#1d4ed8;
  --eb-ok:#16845b;
  --eb-ok-soft:#eaf7f1;
  --eb-accent:#c5a15a;
  --eb-accent-soft:#f8f0dd;
  --eb-radius:20px;
  --eb-shadow:0 18px 48px rgba(31,43,55,.08);
}

body{
  background:
    radial-gradient(circle at 5% 0%,rgba(197,161,90,.10),transparent 25rem),
    radial-gradient(circle at 96% 18%,rgba(37,99,235,.045),transparent 24rem),
    linear-gradient(180deg,#fbfaf6 0%,var(--eb-bg) 100%);
  color:var(--eb-text);
}

a{color:#1f5ea8}
a:hover{color:#174b87}

.site-header{
  background:rgba(255,254,250,.965);
  border-bottom-color:rgba(218,210,197,.92);
  box-shadow:0 8px 28px rgba(24,42,59,.045);
}
.site-title a,.main-navigation a:hover{color:var(--eb-brand)}
.main-navigation a{color:#40566a}

.eb-trustbar{
  color:#234b3b;
  background:linear-gradient(90deg,#f6fbf8 0%,#eaf7f1 48%,#f8f4e8 100%);
  border-bottom:1px solid #d9e8df;
}
.eb-trust-dot{background:var(--eb-ok);box-shadow:0 0 0 4px rgba(22,132,91,.10)}

.eb-card,
.eb-content-card{
  background:var(--eb-surface);
  border-color:var(--eb-line);
  box-shadow:var(--eb-shadow);
}
.eb-content-card{
  border-top:4px solid transparent;
  background:
    linear-gradient(var(--eb-surface),var(--eb-surface)) padding-box,
    linear-gradient(90deg,#b99243 0%,#e7d39d 47%,#b99243 100%) border-box;
}
.eb-content-card::before{
  background:linear-gradient(180deg,rgba(248,240,221,.42),rgba(255,254,250,0));
}
.entry-header{border-bottom-color:#eee8dd}
.entry-title{color:var(--eb-brand)}
.entry-meta{color:#7a8490}
.eb-badge{
  background:linear-gradient(180deg,#fffaf0 0%,#f8efdc 100%);
  color:#72571f;
  border-color:#e3cf9f;
}

.eb-human-proof{
  border-color:#dce9e2;
  background:linear-gradient(135deg,#f7fcf9 0%,#eef8f3 100%);
  color:#425d52;
}
.eb-human-proof-icon{background:#dff2e9;color:#1f6f4f}
.eb-human-proof strong{color:#214c3a}
.eb-human-proof small{color:#718077}
.eb-save-job{border-color:#decda6;background:#fffaf0;color:#71571f}
.eb-save-job[aria-pressed="true"]{background:#f5ecd8;border-color:#cdb77e;color:#60491c}
.eb-resume-job{border-color:#cfddeb;background:#f6f9fd;color:#245b87}

/* La primera accion usa verde: visualmente separa empleo/oportunidad de publicidad. */
.eb-article-actions{
  border-color:#d8e8df;
  background:linear-gradient(135deg,#f8fcfa 0%,#eef8f3 62%,#fbf7eb 100%);
  box-shadow:0 12px 28px rgba(29,85,60,.07);
}
.eb-article-actions::before{background:linear-gradient(180deg,#16845b,#5dad8d)}
.eb-article-actions strong{color:#214d3b}
.eb-article-actions p{color:#5c6e66}
.eb-article-jump{
  background:linear-gradient(180deg,#1c9468 0%,#147452 100%);
  border-color:rgba(15,99,70,.15);
  box-shadow:0 8px 18px rgba(20,116,82,.18);
}
.eb-article-jump:hover{background:linear-gradient(180deg,#17845e,#106646);color:#fff}

/* Acciones generales: azul limpio y familiar. */
.eb-btn-primary{
  background:linear-gradient(180deg,var(--eb-action) 0%,var(--eb-action-deep) 100%);
  box-shadow:0 8px 20px rgba(37,99,235,.18);
}
.eb-btn-primary:hover{background:linear-gradient(180deg,#1f58cf,#1847b8)}

.entry-content{color:#2b3b49}
.entry-content h2,.entry-content h3{color:var(--eb-brand)}
.entry-content > h2{
  position:relative;
  margin-top:2.05em;
  padding:15px 16px 13px;
  border-top:0!important;
  border-radius:14px;
  background:linear-gradient(90deg,#f4f8fc 0%,#faf8f1 72%,rgba(250,248,241,0) 100%);
}
.entry-content > h2::before{
  width:38px;height:4px;
  background:linear-gradient(90deg,var(--accent,#c5a15a),#e3c985);
}
.entry-content > ul,.entry-content > ol{
  border-color:#e8e2d7;
  background:linear-gradient(180deg,#fffefa 0%,#faf7f0 100%);
}
.entry-content blockquote{
  border-left-color:var(--eb-accent);
  background:linear-gradient(135deg,#fffaf1,#faf6ea);
  color:#536575;
}

/* Publicidad: champagne + azul, distinta de las oportunidades verdes. */
.eb-sponsored-card{
  border-color:#e4d1a5;
  background:linear-gradient(135deg,#fffdf7 0%,#faf1dc 100%);
  box-shadow:0 14px 34px rgba(92,72,28,.075);
}
.eb-sponsored-label{color:#77591b}
.eb-sponsored-brand{color:#8a7346}
.eb-sponsored-body strong{color:#23445f}
.eb-sponsored-body p{color:#71695c}
.eb-sponsored-button,
.entry-content a[href*="omg10.com/"]{
  color:#fff!important;
  background:linear-gradient(180deg,#2b6eb5 0%,#22558e 100%)!important;
  border-color:rgba(24,72,119,.14)!important;
  box-shadow:0 8px 18px rgba(34,85,142,.16)!important;
}
.eb-sponsored-button:hover,
.entry-content a[href*="omg10.com/"]:hover{
  background:linear-gradient(180deg,#255f9c,#1b497b)!important;
}

/* Tarjetas de continuidad: mas contraste al titulo, menos ruido visual. */
.eb-related,
.eb-session-related{
  border-color:#e4ddd1;
  background:linear-gradient(180deg,#fffefa 0%,#f8f4eb 100%);
  box-shadow:0 16px 40px rgba(31,43,55,.07);
}
.eb-related-kicker,.eb-session-related .eb-related-kicker{
  background:#f8f0dd;color:#73571f;border-color:#e1cd9c;
}
.eb-related-heading h2{color:var(--eb-brand)}
.eb-related-card{
  background:#fff;
  border-color:#e3ddd3;
  box-shadow:0 7px 18px rgba(31,43,55,.035);
}
.eb-related-card:hover{border-color:#cfbe9a;box-shadow:0 16px 30px rgba(31,43,55,.085)}
.eb-related-thumb,.eb-related-fallback{
  background:linear-gradient(135deg,#153d5d 0%,#2b6b91 66%,#c5a15a 100%);
}
.eb-related-body h3 a{color:#163a57}
.eb-related-link{color:#1f5ea8}
.eb-related-more a{
  background:var(--eb-brand);
  color:#fff!important;
  border-color:var(--eb-brand);
}
.eb-related-more a:hover{background:#173b59;color:#fff!important}
.eb-related-toggle{border-color:#d8dee4;color:#163a57;background:#fff}

.eb-session-explore,
.eb-recently-viewed{
  border-color:#dde4e7;
  background:linear-gradient(135deg,#f8fbfd 0%,#fffefa 58%,#fbf5e7 100%);
}
.eb-session-explore-kicker{color:#765b24}
.eb-session-explore h2{color:var(--eb-brand)}
.eb-session-chips a,
.eb-recently-viewed-item{
  border-color:#dde4e8;
  background:#fff;
  color:#214f72!important;
}
.eb-session-chips a:hover,.eb-recently-viewed-item:hover{
  background:#f4f8fc;border-color:#c6d7e2;color:#153f5f!important;
}

.eb-opportunity-nudge{
  border-color:#d7e9df;
  background:linear-gradient(135deg,#f7fcf9 0%,#eef8f3 72%,#fff9ed 100%);
  box-shadow:0 10px 28px rgba(25,93,65,.065);
}
.eb-opportunity-nudge-kicker{color:#6f5a28}
.eb-opportunity-nudge strong{color:#214d3b}
.eb-opportunity-nudge p{color:#66776f}
.eb-opportunity-nudge a{
  background:linear-gradient(180deg,#1c9468,#147452);
  box-shadow:0 8px 18px rgba(20,116,82,.17);
}

/* Footer oscuro solo al final: cierre visual elegante, no domina la lectura. */
.site-footer{
  background:linear-gradient(180deg,#102a43 0%,#0c2237 100%);
  color:#dce6ef;
  border-top:1px solid #263f55;
}
.site-footer h3{color:#fff}
.site-footer p{color:#b8c6d2}
.site-footer a{color:#fff}
.eb-footer-bottom{background:rgba(0,0,0,.08);border-top-color:rgba(255,255,255,.09);color:#9eb0bf}

.eb-reading-progress > span{
  background:linear-gradient(90deg,#c5a15a 0%,#d9bf7d 24%,#16845b 58%,#2563eb 100%);
}

@media (max-width:720px){
  .eb-content-card{background:#fffefa}
  .entry-content > h2{margin-left:-8px;margin-right:-8px;padding:14px 12px 12px;border-radius:12px}
  .eb-article-actions{box-shadow:0 10px 24px rgba(29,85,60,.065)}
  .eb-related-card{background:#fff}
}


/* =========================================================
   EmpleoBase Prime 2.0 - Facebook Job Intent UI
   Final visual layer: mobile-first, premium, calm and clear.
   Designed to confirm the job intent immediately and keep
   navigation comfortable around existing Monetag formats.
   ========================================================= */
:root{
  --eb-cream:#f7f4ed;
  --eb-paper:#fffefa;
  --eb-navy:#14233c;
  --eb-blue:#2563eb;
  --eb-green:#198754;
  --eb-champagne:#c5a467;
  --eb-ink:#23262b;
  --eb-sub:#667085;
}

body{background:linear-gradient(180deg,#fbfaf6 0%,var(--eb-cream) 100%);color:var(--eb-ink)}
.eb-main{padding-top:22px}
.eb-content-card{overflow:hidden}

.eb-job-hero{position:relative;margin:-2px -2px 28px;padding:4px 2px 26px;border-bottom:1px solid #ece5d9}
.eb-job-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--eb-champagne),transparent);opacity:.7}
.eb-job-hero-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.eb-live-opportunities{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #cfe5d9;border-radius:999px;background:#f1faf6;color:#176b4b;font-size:.79rem;font-weight:800;line-height:1.15}
.eb-live-opportunities i{width:8px;height:8px;border-radius:999px;background:var(--eb-green);box-shadow:0 0 0 4px rgba(25,135,84,.10)}

.eb-job-hero .entry-title{max-width:860px;margin-bottom:12px;font-size:clamp(2.1rem,5vw,3.55rem);line-height:1.02;letter-spacing:-.045em;color:var(--eb-navy)}
.eb-job-summary{max-width:780px;margin:0 0 17px;color:#536172;font-size:1.05rem;line-height:1.65}

.eb-intent-strip{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.eb-intent-strip span{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border:1px solid #e4e6ea;border-radius:999px;background:#fff;color:#546170;font-size:.79rem;font-weight:750}
.eb-intent-strip span.is-opportunity{border-color:#cfe4d8;background:#f1faf6;color:#176b4b}

.eb-primary-intent{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 17px;border:1px solid #d4e8dc;border-radius:16px;background:linear-gradient(135deg,#f8fcfa 0%,#edf8f2 68%,#fffaf0 100%);box-shadow:0 10px 26px rgba(24,98,70,.07)}
.eb-primary-intent strong{display:block;color:#183d30;font-size:.98rem;line-height:1.25}
.eb-primary-intent small{display:block;margin-top:3px;color:#62746c;font-size:.82rem;line-height:1.4}
.eb-primary-intent .eb-article-jump{flex:none;min-height:46px;padding:0 16px;white-space:nowrap;text-decoration:none!important}

.eb-editorial-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;flex-wrap:wrap}
.eb-editorial-row .eb-human-proof{margin:0;flex:1 1 420px;padding:9px 11px;box-shadow:none}
.eb-editorial-row .entry-meta{margin:0;color:#7a8591;font-size:.82rem}
.eb-return-actions{margin-top:12px}

.entry-content{max-width:780px;margin-inline:auto;font-size:1.035rem;line-height:1.78}
.entry-content > p:first-child{font-size:1.08rem;color:#354657}
.entry-content > h2{margin-top:2.2em;margin-bottom:.82em;padding:14px 15px 13px;border-radius:14px;background:linear-gradient(90deg,#f2f7fb 0%,#fbf8f0 72%,rgba(251,248,240,0) 100%);font-size:1.43rem;letter-spacing:-.02em}
.entry-content > h3{margin-top:1.65em;color:#1c3953}
.entry-content > ul,.entry-content > ol{padding:16px 18px 16px 38px;border:1px solid #e8e1d5;border-radius:15px;background:linear-gradient(180deg,#fffefa 0%,#faf7f0 100%)}
.entry-content > ul li,.entry-content > ol li{padding-block:3px}
.entry-content blockquote{border-radius:0 14px 14px 0;padding:14px 16px}

.eb-article-roadmap{border:1px solid #dde5eb!important;background:linear-gradient(135deg,#f7fafc,#fffefa)!important;border-radius:15px!important}
.eb-article-roadmap-label{color:var(--eb-navy)!important}
.eb-article-roadmap-links a{background:#fff!important;border-color:#dfe5ea!important;color:#245274!important}
.eb-article-roadmap-links a:hover{background:#f2f7fb!important;border-color:#c9d8e3!important}

.eb-opportunity-nudge{max-width:780px;margin-left:auto!important;margin-right:auto!important}
.eb-mid-related{max-width:780px;margin-left:auto!important;margin-right:auto!important}
.eb-sponsored-card{max-width:780px;margin-left:auto!important;margin-right:auto!important}

/* Related content feels like a continuation, not the end of an article. */
.eb-session-related{margin-top:22px;border-radius:22px;padding:24px;background:linear-gradient(180deg,#fffefa 0%,#f6f1e7 100%)}
.eb-related-heading{max-width:720px}
.eb-related-heading h2{font-size:1.65rem;letter-spacing:-.025em}
.eb-related-grid{gap:14px}
.eb-related-card{overflow:hidden;border-radius:16px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.eb-related-card:hover{transform:translateY(-2px)}
.eb-related-body{padding:15px}
.eb-related-body h3{font-size:1.02rem;line-height:1.28}
.eb-related-body p{font-size:.87rem;color:#687582}
.eb-related-link{display:inline-flex;align-items:center;gap:6px;font-weight:800;text-decoration:none!important}

.eb-session-explore,.eb-recently-viewed{border-radius:20px}
.site-footer{margin-top:22px}

@media (max-width:900px){
  .eb-layout{grid-template-columns:1fr}
  .eb-sidebar{display:none}
}

@media (max-width:720px){
  body{background:#fbfaf6}
  .eb-wrap{width:min(calc(100% - 20px),var(--eb-max))}
  .site-header{position:relative;background:#fffefa;backdrop-filter:none}
  .eb-header-inner{min-height:62px}
  .site-tagline{display:none}
  .main-navigation{display:none}
  .eb-trustbar{font-size:.78rem}
  .eb-trustbar .eb-wrap{padding:6px 0}
  .eb-main{padding:12px 0 42px}
  .eb-content-card{padding:20px 14px 26px;border-radius:18px;box-shadow:0 10px 30px rgba(31,43,55,.06)}
  .eb-job-hero{margin:0 0 22px;padding:0 0 22px}
  .eb-job-hero-topline{margin-bottom:13px}
  .eb-job-hero .entry-title{font-size:clamp(2rem,10vw,2.7rem);line-height:1.04;margin-bottom:10px}
  .eb-job-summary{font-size:.98rem;line-height:1.58;margin-bottom:14px}
  .eb-intent-strip{gap:6px;margin-bottom:14px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;scrollbar-width:none}
  .eb-intent-strip::-webkit-scrollbar{display:none}
  .eb-intent-strip span{white-space:nowrap;flex:none}
  .eb-primary-intent{display:grid;grid-template-columns:1fr;padding:14px;border-radius:14px;gap:11px}
  .eb-primary-intent .eb-article-jump{width:100%;min-height:48px}
  .eb-editorial-row{display:block;margin-top:12px}
  .eb-editorial-row .entry-meta{margin-top:8px;padding-left:2px}
  .eb-human-proof{border-radius:13px}
  .entry-content{font-size:1rem;line-height:1.74}
  .entry-content > p:first-child{font-size:1.04rem}
  .entry-content > h2{font-size:1.28rem;margin:2em -6px .75em;padding:13px 11px;border-radius:11px}
  .entry-content > ul,.entry-content > ol{margin-left:-2px;margin-right:-2px;padding:14px 14px 14px 34px;border-radius:13px}
  .eb-session-related{margin-left:0;margin-right:0;padding:17px 13px 18px;border-radius:18px}
  .eb-related-grid{grid-template-columns:1fr!important}
  .eb-related-card{display:grid;grid-template-columns:104px 1fr;min-height:114px}
  .eb-related-thumb{height:100%!important;min-height:114px;border-radius:0}
  .eb-related-body{padding:12px}
  .eb-related-body p{display:none}
  .eb-related-body h3{margin:3px 0 8px;font-size:.96rem}
  .eb-related-meta{font-size:.72rem}
  .eb-related-link{font-size:.82rem}
  .eb-related-toggle,.eb-related-more a{width:100%;justify-content:center;min-height:46px}
  .eb-session-explore,.eb-recently-viewed{padding:16px 13px}
}


/* =========================================================
   EmpleoBase Prime 2.1 - First Screen 10/10
   Compresses the first mobile viewport around the exact job
   intent: identify the job, establish trust, reach opportunities.
   ========================================================= */
.eb-job-promise{
  max-width:720px;
  margin:0 0 16px;
  color:#536172;
  font-size:1.02rem;
  line-height:1.52;
}
.eb-primary-intent-firstscreen{
  align-items:stretch;
  margin:0 0 12px;
}
.eb-primary-intent-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px}
.eb-primary-intent-copy small{margin:0!important}
.eb-human-proof-compact{margin:0 0 13px!important;padding:10px 12px!important;box-shadow:none!important}
.eb-human-proof-compact small{display:block;margin-top:1px}
.eb-below-hero-tools{max-width:780px;margin:12px auto 18px;padding-bottom:4px}
.eb-entry-meta-secondary{margin:0 0 9px;color:#7a8591;font-size:.8rem}
.eb-below-hero-tools .eb-return-actions{margin:0}

@media (max-width:720px){
  /* Keep the first viewport focused on the job, not site chrome. */
  .single-post .site-header{border-bottom:1px solid #ece7dd}
  .single-post .eb-header-inner{min-height:54px;gap:10px}
  .single-post .custom-logo-link img{max-height:36px}
  .single-post .site-title{font-size:1.06rem;line-height:1.05}
  .single-post .eb-trustbar{display:none}

  .single-post .eb-main{padding-top:8px}
  .single-post .eb-content-card{padding:14px 12px 24px;border-radius:16px}
  .single-post .eb-job-hero{margin:0 0 14px;padding:0 0 14px}
  .single-post .eb-job-hero-topline{margin-bottom:9px}
  .single-post .eb-badge{margin:0;padding:5px 9px;font-size:.7rem;letter-spacing:.01em}
  .single-post .eb-job-hero .entry-title{
    font-size:clamp(1.82rem,8.9vw,2.18rem);
    line-height:1.04;
    letter-spacing:-.04em;
    margin:0 0 7px;
  }
  .single-post .eb-job-promise{
    margin:0 0 11px;
    font-size:.92rem;
    line-height:1.42;
  }
  .single-post .eb-primary-intent-firstscreen{
    padding:11px;
    gap:8px;
    margin-bottom:10px;
    border-radius:13px;
    box-shadow:0 8px 20px rgba(24,98,70,.06);
  }
  .single-post .eb-primary-intent-copy{gap:4px}
  .single-post .eb-live-opportunities{padding:5px 8px;font-size:.72rem}
  .single-post .eb-live-opportunities i{width:7px;height:7px}
  .single-post .eb-primary-intent-copy small{font-size:.76rem;line-height:1.3}
  .single-post .eb-primary-intent .eb-article-jump{
    min-height:46px;
    border-radius:11px;
    font-size:.96rem;
  }
  .single-post .eb-human-proof-compact{
    display:flex;
    align-items:center;
    padding:8px 9px!important;
    margin-bottom:9px!important;
    border-radius:11px;
  }
  .single-post .eb-human-proof-compact .eb-human-proof-icon{width:28px;height:28px;flex:0 0 28px}
  .single-post .eb-human-proof-compact strong{font-size:.82rem;line-height:1.15}
  .single-post .eb-human-proof-compact small{display:none}
  .single-post .eb-intent-strip{margin:0;gap:5px}
  .single-post .eb-intent-strip span{min-height:28px;padding:4px 8px;font-size:.69rem}

  /* Save/return actions belong after the first decision, not before it. */
  .single-post .eb-below-hero-tools{margin:8px auto 14px}
  .single-post .eb-entry-meta-secondary{font-size:.74rem;margin:0 0 7px}
  .single-post .eb-below-hero-tools .eb-return-actions{display:flex;gap:7px;flex-wrap:wrap}
  .single-post .eb-below-hero-tools .eb-save-job,
  .single-post .eb-below-hero-tools .eb-resume-job{width:auto;min-height:38px;padding:0 12px;font-size:.78rem}

  /* Featured image starts quickly after the intent block, keeping the page visually alive. */
  .single-post .eb-featured-media{margin-top:2px;border-radius:13px;overflow:hidden}
}