/* Así es Cúcuta — bespoke hero + local tweaks, layered over tkm.css.
   The hero deliberately breaks from the tkm teal/coral angled hero:
   a centered, Colombian sunset-gradient stage with a flag accent and a top-3 podium. */

/* ---------------- AEC HERO (distinct design / colour / aesthetic) ---------------- */
.aec-hero{position:relative;overflow:hidden;color:#fff;
  background:linear-gradient(135deg,#1b1464 0%,#6d28d9 38%,#db2777 70%,#f59e0b 100%)}
.aec-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(48% 90% at 12% 8%,rgba(255,255,255,.18),transparent 60%),
             radial-gradient(60% 120% at 92% 110%,rgba(255,210,74,.30),transparent 55%)}
.aec-hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.10;
  background-image:radial-gradient(rgba(255,255,255,.9) 1px,transparent 1.4px);background-size:22px 22px}
.aec-hero-in{position:relative;max-width:var(--wrap);margin:0 auto;padding:42px 20px 34px;text-align:center}
.aec-flag{display:inline-flex;height:6px;width:104px;border-radius:99px;overflow:hidden;
  box-shadow:0 2px 10px rgba(0,0,0,.25);margin-bottom:14px}
.aec-flag i{flex:1}
.aec-flag i:nth-child(1){background:#FCD116}
.aec-flag i:nth-child(2){background:#003893}
.aec-flag i:nth-child(3){background:#CE1126}
.aec-eyebrow{display:inline-block;font-family:var(--head);font-weight:700;font-size:12px;letter-spacing:.7px;
  text-transform:uppercase;color:#3a1200;background:#ffd24a;padding:5px 13px;border-radius:999px}
.aec-h1{font-family:var(--head);font-weight:800;font-size:42px;line-height:1.06;letter-spacing:-1px;
  margin:14px auto 12px;max-width:900px}
.aec-h1 .hl{color:#ffd24a;position:relative;white-space:nowrap}
.aec-h1 .hl::after{content:"";position:absolute;left:0;right:0;bottom:1px;height:9px;
  background:rgba(255,210,74,.28);z-index:-1;border-radius:3px}
.aec-byline{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
  color:#f4eefe;font-size:13.5px;margin:0 auto 14px;
  background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.26);
  border-radius:14px;padding:8px 16px;backdrop-filter:blur(4px)}
.aec-byline a{color:#fff;text-decoration:underline}
.aec-byline img{border-radius:50%;border:2px solid rgba(255,255,255,.6)}
.aec-lede{font-size:17.5px;color:#f4eefe;max-width:680px;margin:0 auto 16px}
.aec-lede-more{display:none}.aec-lede.open .aec-lede-more{display:inline}
.aec-lede-tog{background:none;border:0;color:#ffd24a;font-weight:700;cursor:pointer;font-family:var(--head);padding:0;font-size:15px}
.aec-trust{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.aec-trust span{font-size:12.5px;font-weight:600;color:#fff;background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.24);padding:6px 12px;border-radius:999px}

/* top-3 podium (replaces tkm champion card) */
.aec-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:780px;margin:24px auto 0}
.aec-pod{position:relative;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);
  border-radius:16px;padding:16px 14px 14px;text-align:center;backdrop-filter:blur(6px)}
.aec-pod-1{background:#fff;color:var(--ink);transform:translateY(-8px);
  border:2px solid #ffd24a;box-shadow:0 20px 46px rgba(0,0,0,.32)}
.aec-pod-rank{position:absolute;top:-11px;left:50%;transform:translateX(-50%);
  font-family:var(--head);font-weight:800;font-size:11px;letter-spacing:.5px;text-transform:uppercase;
  color:#3a1200;background:#ffd24a;padding:3px 11px;border-radius:999px;white-space:nowrap}
.aec-pod .plate{background:#fff;border:1px solid var(--line);border-radius:10px;height:52px;
  display:flex;align-items:center;justify-content:center;padding:6px;margin:6px 0 9px}
.aec-pod .plate img{max-height:36px;max-width:88%}
.aec-pod .nm{font-family:var(--head);font-weight:800;font-size:15.5px;margin:0}
.aec-pod-1 .nm{color:var(--ink)}
.aec-pod:not(.aec-pod-1) .nm{color:#fff}
.aec-pod .rt{font-weight:800;font-size:13px;color:#f5b53f;margin:2px 0 10px}
.aec-pod .aec-mini{display:block;font-family:var(--head);font-weight:800;font-size:13.5px;
  background:var(--cta);color:#fff;border-radius:9px;padding:9px 10px;box-shadow:0 3px 0 #c8402f}
.aec-pod .aec-mini:hover{background:var(--cta-h);text-decoration:none}

@media(max-width:760px){
  /* Compact hero: keep only H1 + byline (author + updated date) so the toplist
     H2 and the affiliate table sit above the fold. Hide the space-hungry extras. */
  .aec-hero-in{padding:20px 18px 18px}
  .aec-h1{font-size:25px;line-height:1.14;margin:0 0 9px}
  .aec-byline{margin:0 auto;font-size:12px;justify-content:center;text-align:center;padding:7px 13px}
  .aec-hero .aec-flag,
  .aec-hero .aec-eyebrow,
  .aec-hero .aec-lede,
  .aec-hero .aec-trust,
  .aec-hero .aec-podium{display:none}
}

/* small helpers reused on inner pages */
.aec-lead-note{color:var(--muted);margin:.2rem 0 0}
.tkm-body .tkm-wrap>.aec-wide{max-width:none}

/* base h1 (tkm only styles h2–h4) */
h1{font-family:var(--head);font-weight:800;font-size:34px;line-height:1.12;letter-spacing:-.6px;color:var(--ink);margin:0 0 12px}

/* compact inner-page header band */
.aec-phead{background:linear-gradient(120deg,#1b1464 0%,#6d28d9 55%,#db2777 100%);color:#fff;padding:30px 0 26px;position:relative;overflow:hidden}
.aec-phead::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(50% 120% at 90% -10%,rgba(255,210,74,.25),transparent 60%)}
.aec-phead .tkm-wrap{position:relative}
.aec-phead h1{color:#fff;margin:0}
.aec-phead p{color:#f0e9ff;margin:6px 0 0;max-width:680px}
.aec-phead .aec-flag{margin-bottom:12px}

/* root landing cards */
.aec-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:22px 0}
.aec-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}
.aec-card h3{margin-top:0}
.aec-authgrid{display:grid;grid-template-columns:1fr;gap:16px;margin:16px 0}
.aec-auth{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}
.aec-auth img{width:72px;height:72px;border-radius:50%;flex:none}
.aec-form label{display:block;font-weight:600;margin:12px 0 4px;font-family:var(--head)}
.aec-form input,.aec-form textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;font:inherit}
.aec-form textarea{min-height:130px}

/* ---------------- BONUSES: big & in-your-face ---------------- */
@keyframes aecBonusPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
/* toplist rows + mobile cards */
.tkm-bon{display:inline-block;font-family:var(--head);font-weight:800!important;font-size:19px!important;line-height:1.12;
  color:#5a2b00!important;background:linear-gradient(180deg,#ffe680,#ffb020)!important;border:2px solid #ff9500!important;
  padding:10px 16px!important;border-radius:12px!important;margin:9px 0 0!important;letter-spacing:.2px;
  box-shadow:0 4px 0 #d98200,0 9px 20px rgba(255,150,0,.42)!important;text-shadow:0 1px 0 rgba(255,255,255,.45)}
.tkm-bon::before{content:"🎁 "}
.tkm-mcard .tkm-bon{display:block;font-size:20px!important;margin:10px auto!important}
.tkm-row[data-top="1"] .tkm-bon,.tkm-mcard[data-top="1"] .tkm-bon{
  background:linear-gradient(180deg,#ffe15a,#ff9e12)!important;border-color:#ff8400!important;font-size:20px!important}
@media(prefers-reduced-motion:no-preference){
  .tkm-row[data-top="1"] .tkm-bon,.tkm-mcard[data-top="1"] .tkm-bon{animation:aecBonusPulse 1.8s ease-in-out infinite;transform-origin:left center}
  .tkm-mcard[data-top="1"] .tkm-bon{transform-origin:center}
}
/* comparison table bonus cell */
table.tkm-cmp td.tkm-cmp-bon{font-family:var(--head);font-weight:800!important;font-size:15.5px;color:#6d3600!important;
  background:linear-gradient(180deg,#fff3cf,#ffdf86)}
/* hero podium bonus */
.aec-pod-bon{font-family:var(--head);font-weight:800;font-size:15.5px;line-height:1.18;color:#5a2b00;
  background:linear-gradient(180deg,#ffe680,#ffb020);border:1px solid #ff9500;border-radius:10px;padding:7px 9px;margin:0 0 11px;
  box-shadow:0 3px 0 #d98200}
.aec-pod-bon::before{content:"🎁 "}
.aec-pod-1 .aec-pod-bon{font-size:16.5px}
/* inline bonus highlight in reviews */
.aec-inline-bon{font-family:var(--head);font-weight:800;color:#6d3600;background:linear-gradient(180deg,#fff3cf,#ffdf86);
  border:1px solid #f2c85f;border-radius:7px;padding:2px 9px;display:inline-block}
@media(max-width:760px){.tkm-bon{font-size:17px!important}.tkm-mcard .tkm-bon{font-size:18px!important}}

/* dark plate for white/transparent logos (e.g. Winner, Casimba) so they stay visible */
.tkm-plate.aec-plate-dark,.aec-pod .plate.aec-plate-dark{
  background:linear-gradient(180deg,#13333d,#0c3a48)!important;border-color:#0c3a48!important}