/* procasinosonline.cl — главная-портал (08b). Генератор: pco_home08b.py. Классы pcoh-* скин не носит. */
/* Донорские строки `.googlefont` несут инлайн `font-family:'Roboto' !important` — его не перебить, поэтому имя
   Roboto отдано своему Bitter (иначе строка уходит в системный Times). */
@font-face{font-family:'Roboto';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/media/pco/font/bitter-600-latin.0f3d8fb9.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
body.home .pco-sheet{max-width:calc(var(--wide) + var(--sheet) * 2)}

/* --- герой и донорский блок: колонка чтения 820 px, картинка героя во всю ширину листа --- */
body.home .pco-sheet #alt-title h1,body.home .pco-sheet #alt-title > .container > p,
body.home .pco-sheet #alt-title h2{max-width:820px!important}
body.home .pco-sheet #alt-title h1:before{content:"";display:inline-block;width:.62em;height:.62em;margin:0 .3em .06em 0;
  background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22%23c9a227%22 d=%22M12 2.2l2.9 6 6.6.8-4.9 4.6 1.3 6.5L12 16.9l-5.9 3.2 1.3-6.5L2.5 9l6.6-.8z%22/%3E%3C/svg%3E") no-repeat center/contain}
body.home .pco-sheet #alt-title h2{font-family:var(--t)!important;font-weight:400!important;font-size:19px!important;
  line-height:1.65!important;color:var(--ink2)!important;border-top:0!important;padding-top:0!important;margin:0 0 22px!important}
body.home .pco-sheet #alt-title p.pcoh-jump{margin:-6px 0 22px!important}
body.home .pco-sheet p.pcoh-jump a{display:inline-flex;align-items:center;gap:10px;background:var(--terra);color:#fff;
  font-weight:700;font-size:16px;text-decoration:none;padding:11px 20px;border-radius:6px}
body.home .pco-sheet p.pcoh-jump a:hover{background:var(--terra-dark);color:#fff}
body.home .pco-sheet .pco-fig--hero{margin:0 0 10px;border-radius:6px;overflow:hidden;border:1px solid var(--line)}
body.home .pco-sheet .pco-fig--hero img{display:block;width:100%;height:auto}
body.home .pco-sheet .entry > p,body.home .pco-sheet .entry > ul,body.home .pco-sheet .entry > .googlefont{max-width:820px!important}
body.home .pco-sheet .entry > .hr + .googlefont{border-left:3px solid var(--pyrite)!important;padding-left:16px!important;
  color:var(--lapis);font-weight:700;line-height:1.35}
body.home .pco-sheet .entry > ul{list-style:none;padding:0!important;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:6px 0 22px}
body.home .pco-sheet .entry > ul > li{margin:0!important;background:var(--paper2);border-top:3px solid var(--pyrite);
  border-radius:0 0 6px 6px;padding:13px 14px 13px 46px!important;position:relative;font-weight:600!important;
  color:var(--lapis);line-height:1.4!important;font-size:16px!important}
body.home .pco-sheet .entry > ul > li:before{content:"";position:absolute;left:14px;top:14px;width:20px;height:20px;
  border-radius:50%;background:var(--lapis) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23c9a227' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/14px}
body.home .pco-sheet .entry > ul + .googlefont strong{color:var(--terra);text-transform:uppercase;letter-spacing:.06em}
body.home .pco-sheet .entry > ul + .googlefont strong:after{content:" \2193";letter-spacing:0}
body.home .pco-sheet .pcov-wrap{margin-bottom:8px!important}

/* --- общее для хабов: секция, полоса с краем-кордильерой, шапка со звездой --- */
.pco-sheet section.pcoh{padding:46px 0 42px!important;margin:0!important;border-top:1px solid var(--line)}
.pco-sheet section.pcoh--band{margin-left:calc(var(--sheet) * -1)!important;margin-right:calc(var(--sheet) * -1)!important;
  max-width:none!important;padding:58px var(--sheet) 46px!important;border-top:0;
  background-color:var(--paper2)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 560 18%22 preserveAspectRatio=%22none%22%3E%3Cpath fill=%22%23fdfbf6%22 d=%22M0 0H560V11L520 15L482 8L444 14L404 5L368 16L330 8L292 13L252 4L214 15L176 6L140 12L104 2L64 13L38 8L0 15Z%22/%3E%3C/svg%3E")!important;background-repeat:repeat-x!important;
  background-position:0 -1px!important;background-size:560px 18px!important}
.pco-sheet section.pcoh--band + section.pcoh{border-top:0}
.pco-sheet .pcoh__hd{margin:0 0 24px!important}
.pco-sheet .pcoh__hd--split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:8px 44px;align-items:start}
.pco-sheet .pcoh h2{border-top:0!important;padding-top:0!important;margin:0 0 10px!important;font-size:28px!important}
.pco-sheet .pcoh h2:before{content:"";display:inline-block;width:.72em;height:.72em;margin:0 .32em .04em 0;
  background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22%23c9a227%22 d=%22M12 2.2l2.9 6 6.6.8-4.9 4.6 1.3 6.5L12 16.9l-5.9 3.2 1.3-6.5L2.5 9l6.6-.8z%22/%3E%3C/svg%3E") no-repeat center/contain}
.pco-sheet .pcoh .pcoh__in{max-width:780px;color:var(--ink2);margin:0!important}
.pco-sheet .pcoh__hd--split .pcoh__in{padding-top:4px}
.pco-sheet .pcoh ul,.pco-sheet .pcoh ol{list-style:none;padding:0!important;margin:0!important}
.pco-sheet .pcoh li{margin:0!important;text-indent:0!important}
.pco-sheet .pcoh li:before{content:none}
.pco-sheet .pcoh li a{text-decoration:none;color:var(--ink);display:block;height:100%;box-sizing:border-box;transition:border-color .15s,box-shadow .15s,transform .15s}
.pco-sheet .pcoh li a strong{display:block;font-family:var(--d);font-weight:700;color:var(--lapis);line-height:1.3}
.pco-sheet .pcoh li a span{font-family:var(--t)}
.pco-sheet .pcoh li a:hover strong{color:var(--terra)}
.pco-sheet .pcoh img{display:block;max-width:100%}
.pcoh-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:64px;height:64px;
  border-radius:8px;background:var(--lapis);color:#fff;flex:0 0 auto;text-align:center}
.pcoh-art__i{width:22px;height:22px;color:var(--pyrite)}
.pcoh-art b{font-family:var(--t);font-size:12.5px;line-height:1.1;font-weight:700;letter-spacing:.01em;padding:0 3px}
.pcoh-art--soft{background:var(--paper2);color:var(--lapis);box-shadow:inset 0 0 0 1px var(--line)}
.pcoh-art--soft .pcoh-art__i{color:var(--terra)}
.pcoh-art--terra{background:var(--terra)}
.pcoh-art--terra .pcoh-art__i{color:#fff}
.pcoh-art--pay{width:100%;height:60px;flex-direction:row;gap:8px;border-radius:6px}
.pcoh-art--pay b{font-size:14px}

/* 1. табло рейтингов */
.pcoh-score{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pco-sheet .pcoh-score li a{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:center;background:var(--paper);
  border:1px solid var(--line);border-radius:8px;padding:12px 14px 12px 12px}
.pco-sheet .pcoh-score li a:hover{border-color:var(--pyrite);box-shadow:0 6px 18px rgba(18,44,69,.08)}
.pcoh-n{display:flex;flex-direction:column;align-items:center;justify-content:center;width:76px;height:76px;border-radius:8px;
  background:var(--lapis);color:#dfe7ef}
.pcoh-n__i{width:18px;height:18px;color:var(--pyrite)}
.pcoh-n b{font-family:var(--d);font-size:28px;line-height:1;color:#fff;margin-top:2px}
.pcoh-n i{font-style:normal;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.pco-sheet .pcoh-score strong{font-size:17px;margin-bottom:3px}
.pco-sheet .pcoh-score__t > span{display:block;font-size:14.5px;line-height:1.45;color:var(--ink2)}

/* 2. фото-карточки игр */
.pcoh-mesa{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 20px}
.pco-sheet .pcoh-mesa li a img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:6px;margin:0 0 12px;
  box-shadow:0 0 0 1px var(--line)}
.pco-sheet .pcoh-mesa li a:hover img{box-shadow:0 0 0 2px var(--pyrite)}
.pco-sheet .pcoh-mesa strong{font-size:18px;margin-bottom:4px}
.pco-sheet .pcoh-mesa li a > span{display:block;font-size:15px;line-height:1.5;color:var(--ink2)}

/* 3. касса */
.pcoh-caja__cap{display:grid;grid-template-columns:150px minmax(0,1fr) 110px 24px;gap:18px;padding:0 16px 8px!important;
  font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink2);font-weight:700}
.pcoh-caja__cap span:last-child{grid-column:3/5}
.pco-sheet .pcoh-caja li + li{margin-top:8px!important}
.pco-sheet .pcoh-caja li a{display:grid;grid-template-columns:150px minmax(0,1fr) 110px 24px;gap:18px;align-items:center;
  background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--lapis);border-radius:6px;padding:10px 16px}
.pco-sheet .pcoh-caja li a:hover{border-left-color:var(--terra);box-shadow:0 6px 18px rgba(18,44,69,.08)}
.pcoh-caja__lg{display:flex;align-items:center;justify-content:center;gap:10px;height:60px;background:#fff;border-radius:6px;
  box-shadow:inset 0 0 0 1px var(--line);padding:0 10px}
.pco-sheet .pcoh-caja__lg img{max-height:36px;max-width:110px;width:auto;height:auto;object-fit:contain}
.pco-sheet .pcoh-caja__lg--2 img{max-width:56px}
.pco-sheet .pcoh-caja__lg img[src*="pay-skrill"],.pco-sheet .pcoh-caja__lg img[src*="pay-astropay"],
.pco-sheet .pcoh-caja__lg img[src*="pay-neteller"]{max-height:40px;border-radius:5px}
.pco-sheet .pcoh-caja__lg img[src*="pay-bitcoin"]{max-height:40px}
.pco-sheet .pcoh-caja strong{font-size:17px;margin-bottom:2px}
.pco-sheet .pcoh-caja__t > span{display:block;font-size:15px;line-height:1.45;color:var(--ink2)}
.pcoh-caja__n{font-size:14px;color:var(--ink2);text-align:right}
.pcoh-caja__n b{font-family:var(--d);font-size:22px;color:var(--lapis);margin-right:2px}
.pcoh-caja__n--g{font-style:italic}
.pcoh-caja__go{font-size:20px;color:var(--terra);text-align:right}

/* 4. купоны */
.pcoh-cupon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.pcoh-cupon > li:last-child:nth-child(4n+3){grid-column:span 2}
.pco-sheet .pcoh-cupon li a{position:relative;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line2);
  border-radius:10px;overflow:hidden}
.pco-sheet .pcoh-cupon li a:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(18,44,69,.10)}
.pcoh-cupon__stub{position:relative;display:flex;align-items:center;gap:10px;padding:16px 18px 18px;background:var(--lapis);color:#fff;
  border-bottom:2px dashed var(--pyrite)}
.pcoh-cupon__stub:before,.pcoh-cupon__stub:after{content:"";position:absolute;bottom:-9px;width:16px;height:16px;border-radius:50%;
  background:var(--paper);border:1px solid var(--line2)}
.pcoh-cupon__stub:before{left:-9px}.pcoh-cupon__stub:after{right:-9px}
.pcoh-cupon__i{width:24px;height:24px;color:var(--pyrite);flex:0 0 auto}
.pcoh-cupon__stub b{font-family:var(--d);font-size:23px;line-height:1.1;color:#fff}
.pcoh-cupon__b{display:block;padding:16px 18px 18px}
.pco-sheet .pcoh-cupon strong{font-size:17px;margin-bottom:4px}
.pco-sheet .pcoh-cupon__b > span{display:block;font-size:14.5px;line-height:1.5;color:var(--ink2)}

/* 5. split безопасности — тёмная полоса */
.pco-sheet section.pcoh--dark{background-color:var(--lapis)!important}
.pco-sheet .pcoh--dark h2{color:#fff!important}
.pco-sheet .pcoh--dark .pcoh__in{color:#c9d5e1}
.pco-sheet .pcoh--dark .pcoh__in a{color:#f1d77a;text-decoration-color:rgba(241,215,122,.5)}
.pcoh-split{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:40px;align-items:start}
.pco-sheet a.pcoh-sos{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;align-items:center;margin-top:26px;padding:20px 22px;
  border-radius:10px;background:var(--pyrite);color:var(--lapis);text-decoration:none}
.pco-sheet a.pcoh-sos:hover{background:#d8b43a;color:var(--lapis)}
.pcoh-sos__i{width:38px;height:38px;grid-row:span 2}
.pcoh-sos b{font-family:var(--d);font-size:40px;line-height:1}
.pcoh-sos strong{grid-column:1/3;font-family:var(--d);font-size:19px;margin-top:8px}
.pcoh-sos span{grid-column:1/3;font-size:15.5px;line-height:1.5}
.pco-sheet .pcoh-split__r li + li{margin-top:10px!important}
.pco-sheet .pcoh-split__r li a{display:flex;gap:16px;align-items:center;background:var(--paper);border-radius:8px;padding:12px 16px 12px 12px}
.pco-sheet .pcoh-split__r li a:hover{box-shadow:0 0 0 2px var(--pyrite)}
.pco-sheet .pcoh-split__r strong{font-size:17px;margin-bottom:2px}
.pco-sheet .pcoh-split__r li a > span > span{display:block;font-size:14.5px;line-height:1.45;color:var(--ink2)}

/* 6. ведущая карточка + медиасписок */
.pcoh-guia{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:28px;align-items:start}
.pco-sheet a.pcoh-guia__lead{display:block;text-decoration:none;color:var(--ink);background:var(--paper2);border-radius:10px;overflow:hidden;
  border:1px solid var(--line)}
.pco-sheet a.pcoh-guia__lead img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.pco-sheet a.pcoh-guia__lead strong{display:block;font-family:var(--d);font-size:21px;line-height:1.3;color:var(--lapis);padding:16px 18px 6px}
.pco-sheet a.pcoh-guia__lead span{display:block;font-size:15.5px;line-height:1.55;color:var(--ink2);padding:0 18px 18px}
.pco-sheet a.pcoh-guia__lead:hover strong{color:var(--terra)}
.pcoh-guia__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 22px}
.pco-sheet .pcoh-guia__list li a{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line)}
.pco-sheet .pcoh-guia__list .pcoh-art{width:60px;height:56px}
.pco-sheet .pcoh-guia__list strong{font-size:16px;margin-bottom:3px}
.pco-sheet .pcoh-guia__list li a > span > span{display:block;font-size:14.5px;line-height:1.45;color:var(--ink2)}

/* 7. нумерованная лента */
.pcoh-cinta{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.pco-sheet .pcoh-cinta li a{position:relative;background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--terra);
  border-radius:0 0 8px 8px;padding:16px 16px 18px}
.pco-sheet .pcoh-cinta li a:hover{box-shadow:0 8px 20px rgba(18,44,69,.10)}
.pcoh-cinta__no{position:absolute;right:14px;top:10px;font-family:var(--d);font-size:30px;font-weight:700;color:transparent;
  -webkit-text-stroke:1px var(--line2)}
.pco-sheet .pcoh-cinta .pcoh-art{margin:0 0 14px}
.pco-sheet .pcoh-cinta strong{font-size:17px;margin-bottom:4px}
.pco-sheet .pcoh-cinta li a > span:last-child{display:block;font-size:14.5px;line-height:1.5;color:var(--ink2)}

/* 8. архив */
.pcoh-arch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pco-sheet .pcoh-arch li a{display:flex;gap:14px;align-items:flex-start}
.pco-sheet .pcoh-arch li a img{width:112px;height:84px;object-fit:cover;border-radius:6px;flex:0 0 auto;box-shadow:0 0 0 1px var(--line)}
.pco-sheet .pcoh-arch strong{font-size:16.5px;margin-bottom:3px}
.pco-sheet .pcoh-arch li a > span > span{display:block;font-size:14.5px;line-height:1.45;color:var(--ink2)}
.pco-sheet .pcoh p.pcoh-mas{margin:22px 0 0!important;display:flex;flex-wrap:wrap;gap:8px 26px}
.pco-sheet .pcoh-mas a{font-weight:700;color:var(--terra);text-decoration:none}
.pco-sheet .pcoh-mas a:hover{text-decoration:underline}

@media (max-width:1060px){
  .pcoh-score,.pcoh-mesa,.pcoh-cupon{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pcoh-cupon > li:last-child:nth-child(odd){grid-column:span 2}
  .pcoh-cinta{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pcoh-guia{grid-template-columns:1fr}
  .pco-sheet a.pcoh-guia__lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center}
  .pco-sheet a.pcoh-guia__lead img{grid-row:span 2;height:100%}
  .pcoh-arch{grid-template-columns:1fr}
}
@media (max-width:820px){
  .pco-sheet .pcoh__hd--split{grid-template-columns:1fr}
  .pcoh-split{grid-template-columns:1fr;gap:26px}
  body.home .pco-sheet .entry > ul{grid-template-columns:1fr}
  .pcoh-caja__cap{display:none}
  .pco-sheet .pcoh-caja li a{grid-template-columns:96px minmax(0,1fr);gap:6px 14px;padding:10px 12px}
  .pcoh-caja__lg,.pcoh-art--pay{height:52px;grid-row:span 2}
  .pco-sheet .pcoh-caja__lg img{max-width:72px;max-height:28px}
  .pco-sheet .pcoh-caja__lg--2 img{max-width:38px}
  .pco-sheet .pcoh-caja__lg img[src*="pay-skrill"],.pco-sheet .pcoh-caja__lg img[src*="pay-astropay"],
  .pco-sheet .pcoh-caja__lg img[src*="pay-neteller"],.pco-sheet .pcoh-caja__lg img[src*="pay-bitcoin"]{max-height:32px}
  .pcoh-caja__lg{padding:0 6px;gap:6px}
  .pcoh-caja__n{text-align:left}
  .pcoh-caja__go{display:none}
  .pcoh-cinta{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px!important;gap:12px}
  .pcoh-cinta > li{flex:0 0 250px;scroll-snap-align:start}
}
@media (max-width:620px){
  body.home .pco-sheet #alt-title h1{font-size:28px!important;line-height:1.2!important;overflow-wrap:anywhere}
  body.home .pco-sheet #alt-title h2{font-size:17px!important}
  .pco-sheet section.pcoh{padding:36px 0 32px!important}
  .pco-sheet section.pcoh--band{padding:44px var(--sheet) 34px!important}
  .pco-sheet .pcoh h2{font-size:24px!important}
  .pcoh-score,.pcoh-mesa{grid-template-columns:1fr}
  .pcoh-mesa{gap:20px}
  .pcoh-guia__list{grid-template-columns:1fr}
  .pco-sheet a.pcoh-guia__lead{display:block}
  .pco-sheet a.pcoh-guia__lead img{height:auto}
  .pcoh-cupon{grid-template-columns:1fr}
  .pcoh-cupon > li:last-child:nth-child(odd){grid-column:auto}
}