/* ==========================================================================
   PK Casino - pkcasinoapk.com
   Structural clone of the ALL DIWA GAME (Appyn) reference per D5.2 measured
   spec. Only the colour palette, the hero art, the download button and the
   content body are this brand's own; every width, radius and type size below
   is the reference's measured value.
   ========================================================================== */

:root{
  /* Brand: deep bottle green. Replaces the reference accent #cc1ca8 everywhere.
     6.55:1 on white, 5.39:1 on the page ground, 6.55:1 for white text on it. */
  --accent:#0C6B45;
  --accent-dark:#085234;
  --accent-bright:#0F7D50;
  --accent-tint:#E8F3ED;

  /* Reference chrome, unchanged */
  --page:#e6e9ef;
  --card:#fff;
  --shadow:2px 2px 2px 0 #e3e3e3;
  --chrome:#1d222d;
  --chrome-deep:#13161d;
  --text:#4c4c4c;
  /* The reference's greys (#a7a7a7 / #ababab) fail the 4.5:1 floor, and C10
     contrast outranks clone fidelity, so both are darkened to the nearest
     compliant tone (4.83:1 on white, 4.55:1 on the #f7f8fa card tint). */
  --muted:#6b7280;
  --dim:#6b7280;
  --rule:#eaeaea;
  --title:#444;

  /* Mandated button colours from the reference */
  --dl:#5edd1f;
  --dl-ink:#143d05;
  --tg:#006fa7;

  --r-box:20px;
  --r-pill:50px;
  --r-icon:25px;

  --measure:1220px;
  --sidebar:300px;
  --gutter:17px;   /* 1200 inner - 300 sidebar - 17 = 883 grid => 147.17px cells */

  --t:.2s cubic-bezier(.16,1,.3,1);
  --font-body:'Open Sans','Helvetica Neue',sans-serif;
  --font-display:'Archivo','Open Sans',sans-serif;
}

*,*::before,*::after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%}

body{
  margin:0;
  font-family:var(--font-body);
  font-size:13px;
  line-height:25px;
  color:var(--text);
  background:var(--page);
}

img{max-width:100%;height:auto;border:0}
a{color:var(--accent);text-decoration:none;transition:color var(--t)}
a:hover{color:var(--accent-dark)}
button{font:inherit;cursor:pointer}
ul,ol{margin:0;padding:0;list-style:none}

a,button,summary,input[type=submit],[role=button]{cursor:pointer}

:focus-visible{outline:3px solid var(--accent-bright);outline-offset:2px;border-radius:4px}

.vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}

.skip{position:absolute;left:-9999px;top:0;z-index:999;background:var(--accent);color:#fff;
  padding:10px 18px;border-radius:0 0 var(--r-box) 0}
.skip:focus{left:0;color:#fff}

.ico{display:inline-block;vertical-align:middle;flex:0 0 auto}

/* ---------- shared measure: header, content, footer, disclaimer ---------- */
.container{
  width:100%;
  max-width:var(--measure);
  margin:0 auto;
  padding:0 10px;
  position:relative;
}

/* ================================ HEADER ================================ */
#header{
  position:fixed;top:0;left:0;right:0;z-index:120;
  height:60px;background:var(--chrome);
  border-bottom:2px solid var(--accent);
}
#header .container{
  height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px;
}
#header .logo{display:flex;align-items:center;flex:0 0 auto}
#header .logo a{display:block;line-height:0}
#header .logo img{height:42px;width:auto;object-fit:contain;display:block}

.menu-main{display:flex;align-items:center;min-width:0}
.menu-open{display:none;background:none;border:0;color:#fff;padding:6px;line-height:0;border-radius:8px}
.menu{display:flex;align-items:center;gap:2px;flex-wrap:nowrap}
.menu-item>a{
  display:block;padding:8px 11px;color:#d7dae2;font-size:12.5px;font-weight:600;
  letter-spacing:.2px;white-space:nowrap;border-radius:var(--r-pill);transition:background var(--t),color var(--t);
}
.menu-item>a:hover{color:#fff;background:rgba(255,255,255,.09)}
.menu-item.current-menu-item>a{color:#fff;background:var(--accent)}
.menu-cta>a{background:var(--accent);color:#fff;padding:8px 16px}
.menu-cta>a:hover{background:var(--accent-bright);color:#fff}
.menu-cta.current-menu-item>a{background:var(--accent-dark)}

/* ================================= HERO ================================= */
#subheader{
  position:relative;overflow:hidden;background:#000;
  padding:90px 0 40px;margin-top:60px;
}
#subheader .imgbg{position:absolute;inset:0;overflow:hidden}
#subheader .imgbg img{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:120%;height:auto;min-height:100%;object-fit:cover;opacity:.3;
}
#subheader::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.42) 45%,rgba(0,0,0,.78) 100%);
}
#subheader .subcontainer{
  position:relative;z-index:2;width:100%;max-width:730px;margin:0 auto;padding:0 10px;text-align:center;
}
#subheader h1{
  font-family:var(--font-display);
  font-size:40px;line-height:46px;font-weight:300;color:#fff;margin:0 0 6px;
  text-shadow:0 2px 18px rgba(0,0,0,.6);
}
#subheader h2{
  font-size:16px;line-height:30px;font-weight:300;color:#e7e9ee;margin:0 0 22px;
  text-shadow:0 1px 10px rgba(0,0,0,.6);
}
#subheader.np{padding:0;background:var(--chrome);border-radius:0 0 var(--r-box) var(--r-box)}
#subheader.np::after{display:none}
#subheader.np .subcontainer{padding:18px 10px}

/* search */
#searchBox{position:relative;max-width:600px;margin:0 auto}
#searchBox form{position:relative;display:block}
.sb_search{
  width:100%;height:44px;border:0;border-radius:var(--r-pill);background:#f2f2f2;
  padding:0 110px 0 20px;font-family:var(--font-body);font-size:16px;color:#43454b;
}
.sb_search::placeholder{color:#5c616b;opacity:1}
.sb_submit{
  position:absolute;top:0;right:0;width:70px;height:44px;border:0;border-radius:var(--r-pill);
  background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;
  transition:background var(--t);
}
.sb_submit:hover{background:var(--accent-bright)}
.sb-res{
  position:absolute;z-index:40;top:52px;left:0;right:0;background:#fff;border-radius:var(--r-box);
  box-shadow:0 12px 34px rgba(13,20,32,.26);overflow:hidden;text-align:left;display:none;
}
.sb-res.on{display:block}
.sb-res a{display:flex;align-items:center;gap:10px;padding:9px 14px;color:var(--title);
  font-weight:600;font-size:13px;border-bottom:1px solid var(--rule)}
.sb-res a:last-child{border-bottom:0}
.sb-res a:hover{background:var(--accent-tint);color:var(--accent-dark)}
.sb-res img{width:34px;height:34px;border-radius:9px;flex:0 0 auto}
.sb-res .sb-b{margin-left:auto;font-size:11px;font-weight:700;color:var(--accent)}
.sb-res .sb-none{padding:12px 14px;color:var(--muted)}

/* category icon row */
.cats{display:flex;align-items:flex-start;justify-content:center;gap:18px;flex-wrap:wrap;margin:24px 0 0}
.cats a{display:flex;flex-direction:column;align-items:center;gap:7px;color:#fff}
.cat-ic{
  width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  opacity:.5;color:#fff;transition:opacity var(--t),transform var(--t);
}
.cats a:hover .cat-ic{opacity:1;transform:translateY(-2px)}
.cat-all .cat-ic{background:#0C6B45}
.cat-hot .cat-ic{background:#c2410c}
.cat-newest .cat-ic{background:#1d4ed8}
.cat-about .cat-ic{background:#7c2d8f}
.cat-help .cat-ic{background:#0f766e}
.cat-safe .cat-ic{background:#b45309}
.cat-lb{font-size:11px;font-weight:600;letter-spacing:.3px;opacity:.9}

/* ============================== MAIN LAYOUT ============================== */
#main-site{padding:20px 0 30px}
body.no-hero #main-site{padding-top:80px}

/* flex row: grids / app box + sidebar */
#main-site .container{display:flex;align-items:flex-start;gap:var(--gutter)}
/* block row: long article, FAQ, related - same measure, no sidebar gutter (C11) */
#main-site .container.is-block{display:block}

.sections{flex:1 1 auto;min-width:0}
.app-s{flex:1 1 auto;min-width:0}

#sidebar{
  flex:0 0 var(--sidebar);width:var(--sidebar);
  position:sticky;top:80px;align-self:flex-start;
}

/* ============================== SECTION HEADS ============================ */
.title-section{
  font-family:var(--font-display);
  font-size:22px;line-height:1.3;font-weight:400;color:var(--text);
  margin:3px 10px 10px;padding:0 0 10px;border-bottom:1px solid var(--rule);
}
.section{margin-bottom:26px}

/* ================================= CARDS ================================= */
.bav{padding:10px}
.bav a{display:block;background:var(--card);border-radius:var(--r-box);box-shadow:var(--shadow);
  border-bottom:2px solid var(--accent);overflow:hidden;transition:transform var(--t),box-shadow var(--t)}
.bav a:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(13,20,32,.14)}

/* 6-up grid */
.bav-grid{display:grid;grid-template-columns:repeat(6,1fr)}
.bav1{text-align:center}
.bav1 a{padding:15px 0 0}
.bav1 .bloque-imagen{padding:0 15px}
.bav1 .bloque-imagen img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:16px;display:block}
.bav1 .title{
  display:block;height:20px;line-height:20px;margin:9px 0 0;padding:0 10px;
  font-size:14px;font-weight:600;color:var(--title);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.bav1 .version{display:block;padding:0 10px}
.bav1 .version span{
  display:inline-block;font-size:11px;font-weight:700;color:var(--accent);
  background:var(--accent-tint);border-radius:var(--r-pill);padding:1px 9px;margin:3px 0 0;
}
.bav1 .developer{
  display:block;height:18px;line-height:18px;font-size:12px;color:var(--muted);padding:0 10px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.bav1 .px-postmeta{
  height:25px;line-height:25px;margin-top:6px;padding:0 6px 10px;
  border-radius:0 0 var(--r-box) var(--r-box);box-sizing:content-box;
  font-size:11.5px;font-weight:700;color:var(--accent);text-align:center;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.bav1 a:hover .px-postmeta{color:var(--accent-dark)}

/* 3-up wide row */
.bav-row{display:grid;grid-template-columns:repeat(3,1fr)}
.bav2 a{display:flex;align-items:center;gap:12px;padding:12px 14px}
.bav2 .bloque-imagen{flex:0 0 75px}
.bav2 .bloque-imagen img{width:75px;height:75px;object-fit:cover;border-radius:16px;display:block}
.bav2 .bap-c{min-width:0}
.bav2 .title{
  font-size:14px;font-weight:600;color:var(--title);line-height:20px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.bav2 .version span{display:inline-block;font-size:11px;font-weight:700;color:var(--accent);
  background:var(--accent-tint);border-radius:var(--r-pill);padding:1px 9px;margin:2px 0}
.bav2 .developer{display:block;font-size:12px;line-height:18px;color:var(--muted);
  overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}

/* VIEW MORE */
.viewmore{text-align:center;padding:14px 10px 0}
.viewmore a{
  display:inline-block;width:225px;max-width:100%;line-height:40px;border-radius:var(--r-pill);
  background:var(--accent);color:#fff;font-size:12px;font-weight:700;letter-spacing:.8px;
  text-transform:uppercase;transition:background var(--t);
}
.viewmore a:hover{background:var(--accent-bright);color:#fff}

/* ================================ SIDEBAR ================================ */
.widget{
  background:var(--card);border-radius:var(--r-box);box-shadow:var(--shadow);
  padding:16px 18px;margin-bottom:16px;
}
.widget .w-title{
  font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--text);
  margin:0 0 12px;padding:0 0 9px;border-bottom:1px solid var(--rule);
}
.w-search{position:relative}
.w-search input{
  width:100%;height:40px;border:1px solid var(--rule);border-radius:var(--r-pill);
  background:#f7f8fa;padding:0 46px 0 16px;font-family:var(--font-body);font-size:13px;color:var(--text);
}
.w-search button{
  position:absolute;top:0;right:0;width:42px;height:40px;border:0;background:var(--accent);
  color:#fff;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;
}
.w-search button:hover{background:var(--accent-bright)}
.w-list li{border-bottom:1px solid var(--rule)}
.w-list li:last-child{border-bottom:0}
.w-list a{display:flex;align-items:center;gap:11px;padding:9px 0;color:var(--title);font-weight:600}
.w-list a:hover{color:var(--accent)}
.w-list img{width:44px;height:44px;border-radius:12px;flex:0 0 auto}
.w-list .wl-b{display:block;font-size:11px;font-weight:700;color:var(--accent);line-height:14px}
.w-list .wl-n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.w-cats{display:flex;flex-wrap:wrap;gap:7px}
.w-cats a{
  display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;
  background:var(--accent-tint);color:var(--accent-dark);border-radius:var(--r-pill);padding:6px 13px;
}
.w-cats a:hover{background:var(--accent);color:#fff}
.w-note{font-size:12px;line-height:20px;color:var(--muted);margin:0}

/* ============================== WHITE BOX =============================== */
/* Deliberately NOT scoped to a wrapper: a rule like `.app-s .box` silently
   fails for the homepage box inside `.sections` and renders transparent. */
.box{
  background:var(--card);border-radius:var(--r-box);box-shadow:var(--shadow);
  padding:20px 25px;margin:0 10px 20px;
}
.box-title{
  font-family:var(--font-display);
  font-size:17px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--dim);
  margin:0 0 16px;position:relative;padding-bottom:12px;
}
.box-title::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;background:var(--accent)}

/* =========================== APK SINGLE PAGE ============================ */
.app-s .box{display:flex;flex-wrap:wrap;gap:0 25px}
.app-spe{flex:1 1 100%;min-width:0}
.app-s .s1{flex:0 0 150px;order:-1}   /* title block precedes icon in the DOM (D5.3) */
.app-s .s2{flex:1 1 calc(100% - 175px);min-width:0}

#breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;
  color:var(--muted);margin:0 0 8px;padding:0;list-style:none}
#breadcrumbs li{display:flex;align-items:center;gap:6px;list-style:none}
#breadcrumbs li+li::before{content:"/";color:var(--rule);font-weight:700}
#breadcrumbs a{color:var(--muted)}
#breadcrumbs a:hover{color:var(--accent)}

h1.main-box-title{
  font-family:var(--font-display);
  font-size:38px;line-height:48px;font-weight:700;color:var(--text);margin:0 0 8px;
}
.app-s .version{
  display:inline-block;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;
  color:var(--accent);background:var(--accent-tint);border-radius:var(--r-pill);padding:3px 12px;
  position:static;   /* C7: never absolute on the detail page */
}
.meta-cats{margin:10px 0 0}
.meta-cats ul{display:flex;flex-wrap:wrap;gap:7px}
.meta-cats a{
  display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;
  background:#f2f4f7;color:#5b6472;border-radius:var(--r-box);padding:4px 12px;
}
.meta-cats a:hover{background:var(--accent);color:#fff}
.descripcion{margin:14px 0 0;font-size:13px;line-height:25px;color:var(--text)}

.app-icb.s1{text-align:center}
.image-single{
  width:150px;height:150px;border-radius:var(--r-icon);background-size:cover;background-position:center;
  box-shadow:0 6px 18px rgba(13,20,32,.18);margin:0 auto 12px;
}
.buttond{
  display:block;position:relative;min-height:33px;border-radius:var(--r-box);
  padding:8px 5px 8px 38px;font-size:12px;font-weight:700;letter-spacing:.4px;
  text-transform:uppercase;text-align:center;margin-bottom:8px;transition:filter var(--t);
}
.buttond .bd-i{
  position:absolute;left:0;top:0;bottom:0;width:30px;background:rgba(0,0,0,.1);
  border-radius:var(--r-box) 0 0 var(--r-box);display:flex;align-items:center;justify-content:center;
}
.buttond:hover{filter:brightness(1.07)}
.downloadAPK{background:var(--dl);color:var(--dl-ink)}
.downloadAPK:hover{color:var(--dl-ink)}
.buttond.t{background:var(--tg);color:#fff}
.buttond.t:hover{color:#fff}
.link-report{
  display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);
  margin-top:4px;background:none;border:0;
}
.link-report:hover{color:var(--accent)}

.box-data-app{
  border-radius:var(--r-box);background:#f7f8fa;outline:1px solid var(--rule);
  overflow:hidden;margin:18px 0 0;
}
.data-app{display:flex;flex-wrap:wrap}
.da-s{
  flex:0 0 33.333%;width:33.333%;padding:12px 16px;font-size:13px;line-height:22px;
  border-bottom:1px solid var(--rule);
}
.da-s:nth-child(3n+2),.da-s:nth-child(3n+3){border-left:1px solid var(--rule)}
.da-s:nth-last-child(-n+3){border-bottom:0}
.da-s b{display:block;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--dim)}

.box-social{margin-top:18px}
.botones_sociales{display:flex;flex-wrap:wrap;gap:8px}
.botones_sociales a{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  width:104px;min-height:31px;border-radius:var(--r-box);font-size:11px;font-weight:700;color:#fff;
  transition:filter var(--t);
}
.botones_sociales a:hover{filter:brightness(1.1);color:#fff}
.botones_sociales .facebook{background:#1877f2}
.botones_sociales .twitter{background:#14171a}
.botones_sociales .pinterest{background:#bd081c}
.botones_sociales .telegram{background:#2aabee}
.botones_sociales .whatsapp{background:#25d366}

/* ============================== ARTICLE BODY ============================= */
.entry{font-size:13px;line-height:25px;color:var(--text)}
.entry h2{
  font-family:var(--font-display);
  font-size:21px;line-height:1.35;font-weight:600;color:var(--text);
  text-align:start;                /* reference value - NOT centred */
  margin:26px 0 10px;
}
.entry h3{font-family:var(--font-display);font-size:16px;line-height:1.4;font-weight:600;color:var(--title);margin:18px 0 8px}
.entry h4{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--title);margin:14px 0 6px}
.entry p{margin:0 0 14px}
.entry ul{margin:0 0 14px;padding:0}
.entry ul li{position:relative;padding-left:20px;margin-bottom:7px}
.entry ul li::before{content:"";position:absolute;left:4px;top:11px;width:6px;height:6px;
  border-radius:50%;background:var(--accent)}
.entry>*:first-child{margin-top:0}
.entry a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.entry a:hover{color:var(--accent-dark)}

/* source tables, verbatim */
.tbl-wrap{overflow-x:auto;border-radius:var(--r-box);outline:1px solid var(--rule);margin:0 0 16px;background:#fff}
.src-tbl{width:100%;border-collapse:collapse;font-size:12.5px;line-height:20px}
.src-tbl th,.src-tbl td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--rule)}
.src-tbl th{background:var(--accent);color:#fff;font-weight:700;font-size:11px;
  text-transform:uppercase;letter-spacing:.5px;border-bottom:0}
.src-tbl tbody tr:last-child td{border-bottom:0}
.src-tbl tbody tr:nth-child(even){background:#f7f8fa}

/* ================================= FAQ ================================== */
.faq-h{
  font-family:var(--font-display);font-size:21px;font-weight:600;color:var(--text);
  text-align:start;margin:28px 0 12px;
}
.faq-acc{display:grid;gap:10px}
.faq-i{background:#f7f8fa;border-radius:var(--r-box);outline:1px solid var(--rule);overflow:hidden}
.faq-i>summary{
  display:flex;align-items:center;gap:12px;padding:13px 18px;list-style:none;
  transition:background var(--t);
}
.faq-i>summary::-webkit-details-marker{display:none}
.faq-i>summary::marker{content:""}
.faq-i>summary:hover{background:var(--accent-tint)}
.faq-i>summary h3{
  font-family:var(--font-display);font-size:14.5px;line-height:22px;font-weight:600;
  color:var(--title);margin:0;flex:1 1 auto;
}
.faq-i>summary::after{
  content:"";flex:0 0 auto;width:9px;height:9px;margin-left:auto;
  border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);
  transform:rotate(45deg);transition:transform var(--t);
}
.faq-i[open]>summary::after{transform:rotate(-135deg)}
.faq-i[open]>summary{background:var(--accent-tint)}
.faq-a{padding:0 18px 14px}
.faq-a p{margin:0 0 10px}
.faq-a>*:last-child{margin-bottom:0}

/* ===================== C11 HOMEPAGE EDITORIAL ENGINE ==================== */
.ed-lede{margin:0 0 22px}
.ed-lede p{font-size:14.5px;line-height:27px;margin:0 0 14px}
.ed-lede p:first-child{font-size:15.5px;line-height:29px;color:#3c4350}

.ed-sec{margin:0 0 30px}
.ed-head{margin:0 0 12px}
.ed-head h2{
  font-family:var(--font-display);font-size:21px;line-height:1.35;font-weight:600;
  color:var(--text);text-align:start;margin:0 0 8px;
}
.ed-rule{display:block;width:46px;height:3px;border-radius:2px;background:var(--accent)}
.ed-sec>p{margin:0 0 14px}

.ed-grid{display:grid;gap:14px;margin:16px 0 0}
.ed-c1{grid-template-columns:1fr}
.ed-c2{grid-template-columns:repeat(2,1fr)}
.ed-c3{grid-template-columns:repeat(3,1fr)}
.ed-c4{grid-template-columns:repeat(4,1fr)}
/* cards sit on the white box, so they are tinted - never white on white */
.ed-card{
  background:#f7f8fa;outline:1px solid var(--rule);border-radius:var(--r-box);
  padding:16px 18px;border-bottom:2px solid var(--accent);
}
.ed-card-wide{grid-column:1/-1}
.ed-ico{
  display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;
  border-radius:12px;background:var(--accent-tint);color:var(--accent);margin:0 0 10px;
}
.ed-card-t{font-family:var(--font-display);font-size:15px;line-height:22px;font-weight:600;
  color:var(--title);margin:0 0 8px}
.ed-card-b p{margin:0 0 10px}
.ed-card-b>*:last-child{margin-bottom:0}
.ed-card-b .tbl-wrap{margin:0}

/* CTA band */
.ed-cta{
  background:linear-gradient(135deg,var(--chrome) 0%,#232a38 55%,var(--chrome-deep) 100%);
  border-radius:var(--r-box);padding:30px 26px;margin:26px 0 10px;position:relative;overflow:hidden;
}
.ed-cta::before{
  content:"";position:absolute;top:-70px;right:-50px;width:280px;height:280px;border-radius:50%;
  background:radial-gradient(circle,rgba(12,107,69,.55) 0%,rgba(12,107,69,0) 70%);
}
.ed-cta-in{position:relative;z-index:2;text-align:center}
.ed-cta-h,.entry .ed-cta-h,.entry h2.ed-cta-h{
  font-family:var(--font-display);font-size:24px;line-height:1.3;font-weight:600;color:#fff;
  text-align:center;   /* must out-specify `.entry h2`, which sets text-align:start */
  margin:0 0 12px;
}
.ed-cta-in p,.entry .ed-cta-in p{color:#c6ccd8;font-size:13.5px;line-height:25px;margin:0 auto 12px;text-align:center}
.ed-cta-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}

/* Scoped so `.entry a`/`a` cannot win and render accent-on-accent (C11) */
.entry .hx-btn,a.hx-btn,.ed-cta .hx-btn{
  display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 24px;
  border-radius:var(--r-pill);font-size:13px;font-weight:700;letter-spacing:.3px;
  text-decoration:none;transition:background var(--t),color var(--t),transform var(--t);
}
.entry .hx-btn-primary,a.hx-btn-primary,.ed-cta .hx-btn-primary{background:var(--accent);color:#fff}
.entry .hx-btn-primary:hover,a.hx-btn-primary:hover,.ed-cta .hx-btn-primary:hover{
  background:var(--accent-bright);color:#fff;transform:translateY(-2px)}
.entry .hx-btn-ghost,a.hx-btn-ghost,.ed-cta .hx-btn-ghost{
  background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.38)}
.entry .hx-btn-ghost:hover,a.hx-btn-ghost:hover,.ed-cta .hx-btn-ghost:hover{
  background:rgba(255,255,255,.17);color:#fff;transform:translateY(-2px)}

/* ============================ RELATED ROW =============================== */
.rlat{display:grid;grid-template-columns:repeat(5,1fr)}  /* fill the measure, not 12.5% */
.rlat-i{text-align:center}
.rlat-i a{padding:14px 0 12px}
.rlat-i .bloque-imagen{padding:0 16px}
.rlat-i .bloque-imagen img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:16px;display:block}
.rlat-i .title{
  display:block;margin:9px 0 0;padding:0 10px;font-size:13px;font-weight:600;color:var(--title);
  line-height:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

/* ============================ STATIC PAGE HERO ========================== */
.page-hero{
  position:relative;overflow:hidden;border-radius:var(--r-box);margin:0 10px 20px;
  background:var(--chrome);min-height:170px;display:flex;align-items:center;
}
.page-hero .ph-bg{position:absolute;inset:0;overflow:hidden}
.page-hero .ph-bg img{
  width:100%;height:100%;object-fit:cover;filter:blur(14px) saturate(1.1);transform:scale(1.18);opacity:.42;
}
.page-hero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(110deg,rgba(19,22,29,.9) 0%,rgba(19,22,29,.55) 100%)}
.page-hero .ph-in{position:relative;z-index:2;padding:30px 28px}
.page-hero h1{
  font-family:var(--font-display);font-size:34px;line-height:1.2;font-weight:700;color:#fff;margin:0;
}
.page-hero .ph-bc{font-size:12px;color:#aeb6c4;margin:0 0 8px}
.page-hero .ph-bc a{color:#aeb6c4}
.page-hero .ph-bc a:hover{color:#fff}

/* ================================ FOOTER ================================ */
#footer{background:var(--chrome);border-top:2px solid var(--accent);color:#fff;margin-top:30px}
#footer .container{display:block;padding:34px 10px 24px}
.foot-promo{text-align:center;background:var(--chrome-deep);border-radius:var(--r-box);
  padding:28px 24px;margin-bottom:28px}
.fp-logo{line-height:0;margin-bottom:12px}
.fp-logo img{height:48px;width:auto;object-fit:contain}
.foot-promo h2{font-family:var(--font-display);font-size:26px;font-weight:700;color:#fff;margin:0 0 10px}
.foot-promo p{font-size:13.5px;line-height:26px;color:#c6ccd8;margin:0 auto}
.fp-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}
.fp-btn{
  display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--r-pill);
  background:rgba(255,255,255,.07);color:#fff;font-size:12.5px;font-weight:600;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);transition:background var(--t)}
.fp-btn:hover{background:var(--accent);color:#fff;box-shadow:inset 0 0 0 1px var(--accent)}

.foot-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-bottom:24px;
  border-bottom:1px solid rgba(255,255,255,.1)}
.fc h3{font-family:var(--font-display);font-size:14px;font-weight:700;text-transform:uppercase;
  letter-spacing:.8px;color:#fff;margin:0 0 12px}
.fc li{margin-bottom:8px}
.fc a{color:#aeb6c4;font-size:13px}
.fc a:hover{color:#fff}
.fc-trust li{display:flex;align-items:flex-start;gap:9px;color:#aeb6c4;font-size:12.5px;line-height:20px}
.fc-trust .ico{color:var(--accent-bright);margin-top:1px}

.foot-bottom{padding-top:20px}
.foot-bottom p{margin:0 0 8px;font-size:12.5px;color:#8f98a8}
.fb-rg{display:flex;align-items:flex-start;gap:9px;line-height:21px}
.fb-rg .ico{color:#d9a13a;flex:0 0 auto;margin-top:3px}

.disclaimer{background:var(--chrome-deep);color:#7f8796;padding:16px 0}
.disclaimer .container{display:block}
.disclaimer p{margin:0;font-size:12px;line-height:21px}

/* ============================ FLOATING CTA ============================== */
.float-cta{
  position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:110;
  display:inline-flex;align-items:center;gap:9px;padding:11px 24px;border-radius:var(--r-pill);
  background:linear-gradient(135deg,#0C6B45,#0F7D50,#107a63,#0b5f7a);
  background-size:300% 300%;animation:fc 9s ease infinite;
  color:#fff;font-size:13px;font-weight:700;box-shadow:0 10px 28px rgba(8,38,26,.45);
}
.float-cta:hover{color:#fff;filter:brightness(1.08)}
@keyframes fc{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

.to-top{
  position:fixed;right:18px;bottom:18px;z-index:110;width:42px;height:42px;border:0;
  border-radius:50%;background:var(--accent);color:#fff;display:none;
  align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(8,38,26,.4);
}
.to-top.on{display:flex}
.to-top:hover{background:var(--accent-bright)}

/* ============================== RESPONSIVE ============================== */
@media (max-width:1240px){
  .float-cta{bottom:14px}
}
@media (max-width:1100px){
  .bav-grid{grid-template-columns:repeat(4,1fr)}
  .rlat{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:1023px){
  #main-site .container{display:block}
  #sidebar{position:static;width:100%;flex:none;margin-top:18px}
  .ed-c4{grid-template-columns:repeat(3,1fr)}
  .bav-row{grid-template-columns:repeat(2,1fr)}
  .foot-cols{grid-template-columns:repeat(2,1fr)}
  .app-s .s1{flex:0 0 100%;order:0;margin-top:16px}
  .app-s .s2{flex:1 1 100%}
  .app-s .box{gap:0}
  .image-single{margin-left:0}
  .app-icb.s1{text-align:left;max-width:320px}
}
@media (max-width:860px){
  #header .logo img{height:36px}
  .menu-open{display:flex}
  .menu{
    position:fixed;top:60px;left:0;right:0;background:var(--chrome-deep);
    flex-direction:column;align-items:stretch;gap:0;padding:8px 10px 14px;
    border-bottom:2px solid var(--accent);display:none;
    max-height:calc(100vh - 60px);overflow-y:auto;
  }
  .menu.on{display:flex}
  .menu-item>a{padding:12px 14px;font-size:14px;border-radius:12px}
  .menu-cta>a{margin-top:6px;text-align:center}
  #subheader{padding:52px 0 32px}
  #subheader h1{font-size:30px;line-height:38px}
  #subheader h2{font-size:14.5px;line-height:26px}
  h1.main-box-title{font-size:27px;line-height:36px}
  .page-hero h1{font-size:26px}
  .da-s{flex:0 0 50%;width:50%}
  .da-s:nth-child(3n+2),.da-s:nth-child(3n+3){border-left:0}
  .da-s:nth-child(even){border-left:1px solid var(--rule)}
  .da-s:nth-last-child(-n+3){border-bottom:1px solid var(--rule)}
  .da-s:nth-last-child(-n+2){border-bottom:0}
}
@media (max-width:767px){
  body{font-size:16px;line-height:26px}
  .bav-grid{grid-template-columns:repeat(2,1fr)}
  .rlat{grid-template-columns:repeat(2,1fr)}
  .ed-c3,.ed-c4{grid-template-columns:repeat(2,1fr)}
  .entry,.descripcion,.faq-a p,.ed-card-b p,.ed-lede p,
  .ed-lede p:first-child{font-size:16px;line-height:27px}
  .box{padding:18px 16px;margin:0 6px 16px}
  .container{padding:0 6px}
  .title-section{margin:3px 6px 10px;font-size:20px}
  .bav1 .title{font-size:14px}
  .ed-cta{padding:24px 18px}
  .ed-cta-h{font-size:21px}
  .cats{gap:14px}
  .float-cta{font-size:12px;padding:10px 18px}
  .botones_sociales a{flex:1 1 calc(50% - 8px);width:auto}
}
@media (max-width:519px){
  .ed-c2,.ed-c3,.ed-c4{grid-template-columns:1fr}
  .bav-row{grid-template-columns:1fr}
  .foot-cols{grid-template-columns:1fr}
  #subheader h1{font-size:25px;line-height:33px}
  h1.main-box-title{font-size:23px;line-height:31px}
  .da-s{flex:0 0 100%;width:100%}
  .da-s:nth-child(even){border-left:0}
  .da-s{border-bottom:1px solid var(--rule)}
  .da-s:last-child{border-bottom:0}
  .float-cta span{display:none}
}
@media (max-width:390px){
  .bav-grid{grid-template-columns:repeat(2,1fr)}
  .bav{padding:6px}
}

/* ============================ REDUCED MOTION ============================ */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important;
  }
  .bav a:hover,.hx-btn:hover,.cats a:hover .cat-ic{transform:none}
  .float-cta{animation:none;background:var(--accent)}
}

/* ============================== RTL MIRROR ============================== */
[dir=rtl] body,body.locale-ur{font-family:'Noto Nastaliq Urdu','Open Sans',sans-serif}
[dir=rtl] .sb_search{padding:0 20px 0 110px}
[dir=rtl] .sb_submit{right:auto;left:0}
[dir=rtl] .box-title::after{left:auto;right:0}
[dir=rtl] .entry ul li{padding-left:0;padding-right:20px}
[dir=rtl] .entry ul li::before{left:auto;right:4px}
[dir=rtl] .faq-i>summary::after{margin-left:0;margin-right:auto;transform:rotate(135deg)}
[dir=rtl] .faq-i[open]>summary::after{transform:rotate(-135deg)}
[dir=rtl] .entry h2,[dir=rtl] .entry h3,[dir=rtl] .faq-h,[dir=rtl] .ed-head h2,
[dir=rtl] .title-section{text-align:right}
[dir=rtl] .ed-rule{margin-left:auto}
[dir=rtl] .buttond{padding:8px 38px 8px 5px}
[dir=rtl] .buttond .bd-i{left:auto;right:0;border-radius:0 var(--r-box) var(--r-box) 0}
[dir=rtl] .da-s:nth-child(3n+2),[dir=rtl] .da-s:nth-child(3n+3){border-left:0;border-right:1px solid var(--rule)}
[dir=rtl] #breadcrumbs{direction:rtl}
[dir=rtl] .to-top{right:auto;left:18px}
.ur-back{margin:18px 0 0}

/* Card reveal: JS adds .pre-reveal only to cards below the fold and removes it
   on intersect (plus a safety timer). Content is visible without JS. */
.pre-reveal{opacity:0;transform:translateY(14px)}
.bav,.ed-card{transition:opacity .45s ease,transform .45s cubic-bezier(.16,1,.3,1)}
@media (prefers-reduced-motion:reduce){
  .pre-reveal{opacity:1;transform:none}
}