/* Green Mama adapters for the user-supplied warm dark template. */
html{scroll-padding-top:24px;color-scheme:dark}
body.gm-template{margin:0;background:var(--ash);color:var(--prose);font-family:"Be Vietnam Pro",Arial,sans-serif;font-size:17px;line-height:1.66}
.gm-template [hidden]{display:none!important}
.gm-template .wrap{width:100%;max-width:var(--reading);padding:0 44px;margin:0 auto}
.gm-template p{margin:18px 0}
.gm-template h1,.gm-template h2,.gm-template h3,.gm-template h4{overflow-wrap:anywhere}
.gm-template img{height:auto;max-width:100%}
.gm-template .skip-link{position:absolute;top:-80px;left:16px;z-index:1000;background:var(--bone);color:var(--ash);padding:12px 18px}
.gm-template .skip-link:focus{top:12px}
.gm-template .brand img{width:64px;height:48px;object-fit:contain;background:var(--bone);padding:4px}
.gm-template .brand{flex-shrink:0}
.gm-template .breadcrumbs{max-width:var(--field);padding-top:20px;font-size:12px;color:var(--dust)}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:6px 12px;list-style:none}
.breadcrumbs li+li:before{content:"/";margin-right:12px;color:var(--wire)}
.breadcrumbs a{text-decoration:none}
.gm-template .eyebrow{font-size:12px;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--dust);text-align:center;margin:0 0 20px}
.gm-template .hero h1{margin-bottom:26px}
.gm-template .intro{font-size:18px;line-height:1.75}
.gm-template .meta{font-size:12px}
.gm-template .page-author a{color:var(--lamp);text-decoration-color:var(--flare);text-underline-offset:3px}
.gm-template .hero .meta.has-author{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:0;text-align:left;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;line-height:1.5}
.gm-template .author-portraits{grid-column:1;grid-row:1/3;display:flex;align-items:center}
.gm-template .author-portraits img{width:34px;height:34px;object-fit:cover;border-radius:50%;border:1px solid var(--wire)}
.gm-template .author-portraits img+img{margin-left:-8px}
.gm-template .has-author .page-author{grid-column:2;grid-row:1}
.gm-template .has-author .page-updated{grid-column:2;grid-row:2}
.gm-template .author-profiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}
.gm-template .author-profile{padding:24px;text-align:center;border:1px solid var(--wire);background:var(--soot)}
.gm-template .author-profile img{width:128px;height:128px;object-fit:cover;border-radius:50%;margin:0 auto}
.gm-template .author-profile h3{font-size:22px;margin:16px 0 8px;text-transform:none}
.gm-template .author-profile p{font-size:14px;margin:0}
.gm-template .guide-opening{display:flex;flex-direction:column}
.gm-template .guide-opening>.hero{order:0;padding-bottom:24px}
.gm-template .guide-opening>.commercial-section{order:2}
.gm-template .guide-introduction{order:1;width:100%;padding-bottom:60px;text-align:center}
.gm-template .reading-time{font-size:12px;color:var(--dust)}
.gm-template .commercial-notice{max-width:920px;margin:12px auto;text-align:center;font-size:12px;color:var(--dust)}
.gm-template .guide-visual{margin:30px auto 0;width:100%;max-width:960px}
.gm-template .guide-hero-image{display:block;width:100%;height:clamp(170px,28vw,280px);object-fit:cover;object-position:center;background:var(--berm);border:1px solid var(--wire)}
.gm-template .guide-visual figcaption{font-size:10px;line-height:1.5;text-align:right;color:var(--dust);margin-top:8px}
.gm-template .commercial-section h2{margin:30px auto 24px;max-width:1000px}
.gm-template .commercial-section .eyebrow{margin-top:24px}
.gm-template .commercial-intro,.gm-template .commercial-disclosure{max-width:920px;text-align:center;margin:18px auto}
.gm-template .commercial-disclosure{font-size:13px;color:var(--dust)}
.gm-template .lineup{padding:0;margin:32px 0 0;list-style:none}
/* Approved destinations with locally stored logos and sourced promotional terms. */
.gm-template .lineup .box-1x7c{grid-template-columns:74px minmax(180px,.8fr) minmax(200px,1.2fr) 240px;gap:0 26px;min-height:180px;padding:18px 26px 18px 0}
.gm-template .lineup .position{grid-column:1;grid-row:1;align-self:stretch;margin:-18px 0;clip-path:polygon(0 0,56px 0,74px 50%,56px 100%,0 100%)}
.gm-template .lineup .position b{font-size:30px;padding-right:14px}
.gm-template .brand-tile{grid-column:2;grid-row:1;width:100%;min-height:130px;margin:0;padding:20px 18px;text-align:center;background:var(--brand-background,var(--soot));display:flex;align-items:center;justify-content:center}
.gm-template .brand-tile .brand-logo{display:block;width:100%;height:90px;object-fit:contain}
/* Allow for the padding built into these square source files. */
.gm-template .brand-tile .brand-logo[src^="/assets/brands/casinobit."]{max-width:340px;height:110px;object-fit:cover}
.gm-template .brand-tile .brand-logo[src^="/assets/brands/slotspalace."]{max-width:240px;height:150px;object-fit:cover}
.gm-template .brand-name{color:var(--lamp);font-size:clamp(20px,2.1vw,26px);line-height:1.2;margin:0 0 12px}
.gm-template .brand-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#5a5240;margin-top:12px}
.gm-template .brand-check{grid-column:3;grid-row:1;font-size:16px;padding:15px 0}
.gm-template .brand-check .bonus-label{display:block;font-size:10px;color:var(--dust);font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin-bottom:7px}
.gm-template .brand-check .bonus-headline{font-family:"Sora",Arial,sans-serif;font-size:21px;line-height:1.35;font-weight:700;color:var(--lamp);margin:0 0 10px}
.gm-template .bonus-highlight{background:#f5d27a;color:#241c0f;box-shadow:4px 0 0 #f5d27a,-4px 0 0 #f5d27a;box-decoration-break:clone;-webkit-box-decoration-break:clone;border-radius:2px}
.gm-template .brand-check .bonus-terms{font-size:12px;line-height:1.55;color:var(--dust);margin:0}
.gm-template .lineup .tray-1tc6{grid-column:4;grid-row:1;margin:0;min-height:62px;font-size:13px;padding:14px 16px}
.gm-template .button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 22px;border:0;background:var(--flash);color:var(--flash-ink);font-family:"Sora",Arial,sans-serif;font-weight:700;text-decoration:none;cursor:pointer}
.gm-template .button:hover{background:var(--flash-press)}
.gm-template .disclosure{max-width:960px;margin:0 auto 30px;padding:0 44px;font-size:13px;color:var(--dust)}
.gm-template .disclosure>div{padding:0}
.gm-template .disclosure p{padding:20px 0;border-top:1px solid var(--wire);border-bottom:1px solid var(--wire)}
.gm-template .reading-layout{display:block}
.gm-template .reading-layout>article{min-width:0}
.gm-template .toc{margin:28px 0 42px;padding:26px 30px;border:1px solid var(--wire);border-left:5px solid var(--flash);background:var(--berm)}
.gm-template .toc h2{font-size:18px;text-align:left;margin:0 0 18px}
.gm-template .toc h2:after{display:none}
.gm-template .toc ol{padding-left:20px;columns:2;column-gap:32px;font-size:13px}
.gm-template .toc li{break-inside:avoid;margin:0 0 10px;padding-left:4px}
.gm-template .toc a{text-decoration:none}
.gm-template .toc a:hover{text-decoration:underline;text-decoration-color:var(--flare)}
.gm-template .part-q614 h2{margin-bottom:28px}
.gm-template .part-q614 li{margin:12px 0}
.gm-template .example{background:var(--berm);border-left:4px solid var(--flash);padding:18px 24px;margin:26px 0}
.gm-template .table-scroll{max-width:100%;overflow:auto;margin:26px 0;border:1px solid var(--wire)}
.gm-template .table-scroll table{width:100%;border-collapse:collapse;margin:0}
.gm-template .table-scroll th,.gm-template .table-scroll td{padding:14px 16px;min-width:110px;vertical-align:top}
.gm-template .table-scroll th{background:var(--soot)}
.gm-template .part-q614 details,.gm-template .faq-item{border-left:4px solid var(--wire);background:var(--berm);margin:14px 0}
.gm-template .part-q614 details[open],.gm-template .faq-item[open]{border-left-color:var(--flash)}
.gm-template .part-q614 summary,.gm-template .faq-item>summary{padding:20px 24px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--lamp);font-weight:700}
.gm-template summary::-webkit-details-marker{display:none}
.gm-template .part-q614 summary:after,.gm-template .faq-item>summary:after{content:"›";font-size:26px;color:var(--flare);flex:none}
.gm-template details[open]>summary:after{transform:rotate(90deg)}
.gm-template .faq-item>summary h3,.gm-template .faq-item>summary h4{font-size:18px;margin:0;text-transform:none}
.gm-template .faq-answer,.gm-template .part-q614 details>div{padding:0 24px 20px}
.gm-template .related{padding-top:30px;padding-bottom:55px}
.gm-template .related h2{margin-bottom:30px}
.gm-template .related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.gm-template .related-links a{display:block;background:var(--berm);padding:20px;border-bottom:3px solid var(--wire);text-decoration:none;font-weight:700;font-size:15px}
.gm-template .related-links a:hover{border-color:var(--flare)}
.gm-template .footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;margin-top:24px;font-size:13px}
.gm-template .small{font-size:13px;color:var(--dust)}
@media(max-width:1100px){.gm-template .lineup .box-1x7c{grid-template-columns:58px minmax(160px,.8fr) minmax(160px,1.2fr) 180px;gap:0 18px;padding-right:18px}.gm-template .lineup .position{clip-path:polygon(0 0,42px 0,58px 50%,42px 100%,0 100%)}}
@media(max-width:845px){.gm-template .wrap{padding-left:18px;padding-right:18px}.gm-template .lineup .box-1x7c{grid-template-columns:1fr;text-align:center;padding:0 0 22px;margin-top:26px}.gm-template .lineup .position{grid-column:auto;grid-row:auto;margin:0;clip-path:none;height:46px}.gm-template .lineup .position b{padding-left:22px}.gm-template .brand-tile{grid-column:auto;grid-row:auto;width:calc(100% - 36px);margin:20px auto 0;min-height:100px}.gm-template .brand-name{font-size:27px}.gm-template .brand-check{grid-column:auto;grid-row:auto;padding:20px 22px 0}.gm-template .lineup .tray-1tc6{grid-column:auto;grid-row:auto;margin:22px 18px 0}.gm-template .disclosure{padding:0 18px}.gm-template .toc{padding:22px}.gm-template .toc ol{columns:1}.gm-template .related-links{grid-template-columns:1fr}.gm-template .table-scroll table{min-width:480px}.gm-template .table-scroll:before{content:"Desliza para ver toda la tabla →";display:block;position:sticky;left:0;padding:8px 12px;color:var(--dust);font-size:12px}.gm-template .area-h9ow{gap:0 18px}.gm-template .area-h9ow a,.gm-template .area-h9ow summary{font-size:11px}.gm-template .breadcrumbs{font-size:11px}.gm-template .hero h1{font-size:clamp(29px,8vw,46px)}}
@media print{.gm-template{background:#fff;color:#111}.gm-template .site-header,.gm-template .site-footer,.gm-template .toc,.gm-template .commercial-section{display:none}.gm-template h1,.gm-template h2,.gm-template h3,.gm-template h4,.gm-template p,.gm-template a{color:#111}.gm-template .wrap{max-width:none;padding:0}.gm-template .table-scroll{overflow:visible}.gm-template .table-scroll table{min-width:0}}
.gm-template .footer-explore{max-width:900px;margin:30px auto 0;padding:18px;border-top:1px solid var(--wire);border-bottom:1px solid var(--wire)}
.gm-template .footer-explore summary{cursor:pointer;color:var(--lamp);font-weight:700;font-size:14px}
.gm-template .area-h9ow details>div{z-index:40}
/* The first mobile screen prioritises the title, byline and comparison. */
@media(max-width:845px){
  .gm-guide .breadcrumbs{display:none}
  .gm-template .hero.region-1sur{padding:20px 0 18px}
  .gm-template .hero h1{font-size:clamp(21px,5.6vw,28px);line-height:1.18;text-transform:none;margin:0 0 12px}
  .gm-template .hero .eyebrow{display:none}
  .gm-template .hero .meta{display:flex;flex-direction:column;gap:3px;margin-top:0;font-size:11px;line-height:1.5;letter-spacing:0}
  .gm-template .hero .meta.has-author{row-gap:3px;column-gap:8px}
  .gm-template .author-profiles{grid-template-columns:1fr}
  .gm-template .guide-opening>.commercial-section{order:1;padding-bottom:26px}
  .gm-template .guide-opening>.guide-introduction{order:2;padding-top:8px;padding-bottom:30px}
  .gm-template .commercial-section .holder-xk2j,.gm-template .commercial-section .eyebrow{display:none}
  .gm-template .commercial-section h2{font-size:20px;line-height:1.2;text-transform:none;margin:0 auto 8px}
  .gm-template .commercial-section h2:after{width:48px;height:3px;margin:10px auto 0}
  .gm-template .commercial-notice{font-size:11px;line-height:1.4;margin:8px auto 12px}
  .gm-template .lineup{margin:0}
  .gm-template .lineup .box-1x7c{position:relative;grid-template-columns:88px minmax(0,1fr);gap:10px 12px;text-align:left;min-height:0;margin-top:12px;padding:12px;border-bottom-width:3px}
  .gm-template .lineup .position{position:absolute;left:0;top:0;width:23px;height:23px;margin:0;clip-path:none;place-items:center}
  .gm-template .lineup .position b{font-size:11px;padding:0}
  .gm-template .lineup .brand-tile{grid-column:1;grid-row:1;width:100%;min-height:68px;margin:0;padding:8px 6px}
  .gm-template .lineup .brand-logo{width:100%;height:52px;max-height:52px;object-fit:contain}
  .gm-template .lineup .brand-logo[src^="/assets/brands/casinobit."],.gm-template .lineup .brand-logo[src^="/assets/brands/slotspalace."]{height:62px;max-height:62px;object-fit:cover}
  .gm-template .lineup .brand-check{grid-column:2;grid-row:1;padding:0}
  .gm-template .lineup .brand-name{font-size:16px;line-height:1.2;margin:0 0 5px}
  .gm-template .lineup .bonus-label{display:none}
  .gm-template .lineup .bonus-headline{font-size:16px;line-height:1.3;margin:0 0 5px}
  .gm-template .lineup .bonus-terms{font-size:11px;line-height:1.4}
  .gm-template .lineup .tray-1tc6{grid-column:1/-1;grid-row:2;min-height:44px;margin:0;padding:10px 12px;font-size:12px}
}
@media(max-width:374px){
  .gm-template .hero.region-1sur{padding:12px 0 8px}
  .gm-template .hero h1{font-size:20px;line-height:1.16;margin-bottom:10px}
  .gm-template .commercial-section h2{font-size:19px}
  .gm-template .commercial-section h2:after{margin-top:6px}
}