/* Casino review hero: selected concept 2. Styles stay inside the shared hero. */
.casino-review-hero {
  padding: 0;
  background: radial-gradient(ellipse at 85% 30%, rgba(59,131,75,.14), transparent 48%), linear-gradient(110deg,#063d2b,#085638);
  border-bottom: 1px solid var(--line);
}
.crh-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); align-items:center; gap:80px; padding-block:44px; }
.crh-copy, .crh-title>div { min-width:0; }
.crh-copy>.eyebrow { font-size:11px; letter-spacing:1.6px; }
.crh-title { display:flex; align-items:center; gap:20px; margin-top:24px; }
.crh-title>.operator-logo { width:90px; height:90px; border-radius:21px; flex-shrink:0; margin:0; }
.crh-title .operator-logo img { background:transparent; }
.crh-subtitle { font-size:12px; color:#b2d0bc; }
.crh-title h1 { font-size:44px; font-weight:800; line-height:1.22; letter-spacing:-1.8px; margin:3px 0 0; color:var(--heroink); overflow-wrap:anywhere; }
.crh-title h1 em { color:var(--heroaccent); font-style:normal; }
.crh-lead { font-size:23px; line-height:1.35; font-weight:650; letter-spacing:-.4px; margin:23px 0 0; color:var(--heroink); }
.crh-summary { font-size:13px; color:#bfd7c7; line-height:1.85; margin:14px 0 0; }
.crh-actions { display:flex; gap:13px; margin-top:25px; flex-wrap:wrap; align-items:stretch; }
.crh-play { min-height:56px; padding:16px 23px; gap:25px; font-size:15px; font-weight:800; border-radius:12px; box-shadow:0 10px 28px rgba(13,30,13,.18); }
.crh-play[disabled] { opacity:1; }
.crh-actions svg { width:22px; height:22px; flex-shrink:0; }
.crh-secondary { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:15px 20px; border:1px solid #739481; border-radius:12px; font-weight:700; font-size:13px; text-decoration:none; color:var(--heroink); }
.crh-secondary:hover { background:rgba(255,255,255,.06); border-color:var(--heroaccent); }
.crh-secondary svg { width:17px; height:17px; }
.crh-byline { display:flex; align-items:center; gap:10px; margin-top:24px; line-height:1.6; }
.crh-byline strong { display:block; font-size:11px; font-weight:700; color:#e9f0e9; }
.crh-byline div>span { display:block; color:#adc9b7; font-size:10px; }
.crh-avatar { display:grid; place-items:center; width:35px; height:35px; border-radius:50%; background:#164b36; border:1px solid #4f745d; font-size:10px; font-weight:800; color:var(--heroaccent); flex-shrink:0; }
.crh-scope { font-size:10px; color:#b2ccbc; margin:14px 0 0; }
.crh-panel { background:linear-gradient(140deg,#104833,#083b2b); border:1px solid #507359; border-radius:22px; padding:27px 29px; box-shadow:0 26px 75px rgba(0,24,15,.21); min-width:0; }
.crh-panel-top { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.crh-panel-top .eyebrow { font-size:11px; letter-spacing:1.6px; }
.crh-country { font-size:9px; letter-spacing:1px; color:#b6d0bd; border:1px solid #547960; border-radius:5px; padding:3px 8px; flex-shrink:0; }
.crh-score { display:flex; align-items:center; gap:24px; margin:25px 0 29px; }
.crh-score>div:last-child { min-width:0; }
.crh-score h2 { font-size:24px; line-height:1.3; letter-spacing:-.6px; margin:0; color:var(--heroink); }
.crh-score strong { display:block; font-size:13px; font-weight:700; margin-top:5px; }
.crh-score p { font-size:11px; color:#a9c7b3; line-height:1.65; margin:7px 0 0; }
.crh-rating-ring { width:101px; height:101px; border:5px solid var(--heroaccent); border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; box-shadow:0 0 0 6px rgba(255,223,0,.055); color:var(--heroaccent); line-height:1.15; flex-shrink:0; }
.crh-rating-ring strong { font-size:30px; letter-spacing:-1.4px; margin:0; }
.crh-rating-ring span { font-size:11px; color:#bbd7c4; margin-top:5px; }
.crh-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:17px; row-gap:22px; border-top:1px solid #3a6148; padding-top:24px; }
.crh-metric { display:flex; align-items:flex-start; gap:10px; min-width:0; }
.crh-metric>div { min-width:0; }
.crh-metric-icon { display:grid; place-items:center; width:33px; height:33px; border-radius:9px; background:#123e2f; border:1px solid #365f4a; color:#9ed6b3; flex-shrink:0; }
.crh-metric-icon svg { width:18px; height:18px; }
.crh-metric small { display:block; font-size:8px; letter-spacing:1px; color:#a3c6af; font-weight:700; }
.crh-metric strong { display:block; font-size:15px; font-weight:750; color:var(--heroink); line-height:1.4; margin-top:3px; overflow-wrap:anywhere; }
.crh-metric div>span { display:block; font-size:10px; color:#a9c5b4; margin-top:5px; }
.crh-panel-link { display:flex; justify-content:space-between; align-items:center; gap:12px; color:var(--heroaccent); font-size:11px; font-weight:700; border-top:1px solid #3a6148; padding-top:19px; margin-top:26px; text-decoration:none; }
.crh-panel-link:hover { text-decoration:underline; text-underline-offset:4px; }
.crh-panel-link svg { width:18px; height:18px; flex-shrink:0; }
.casino-review-hero a:focus-visible { outline:2px solid var(--heroaccent); outline-offset:5px; }
.review-content #produto { scroll-margin-top:110px; }
@media (min-width:1700px) {
  .crh-grid { padding-block:52px; }
  .crh-title h1 { font-size:54px; }
  .crh-lead { font-size:28px; }
}
@media (max-width:1250px) { .crh-grid { gap:42px; } }
@media (max-width:1000px) {
  .crh-grid { gap:30px; }
  .crh-title { gap:13px; }
  .crh-title h1 { font-size:36px; }
  .crh-title>.operator-logo { width:74px; height:74px; border-radius:16px; }
  .crh-lead { font-size:21px; }
  .crh-panel { padding-inline:22px; }
  .crh-score { gap:17px; }
  .crh-metrics { column-gap:10px; }
  .crh-metric-icon { display:none; }
}
@media (max-width:760px) {
  .crh-grid { grid-template-columns:minmax(0,1fr); gap:28px; padding-block:27px; }
  .crh-copy>.eyebrow { font-size:9px; }
  .crh-title { gap:16px; margin-top:20px; }
  .crh-title h1 { font-size:38px; }
  .crh-subtitle { font-size:11px; }
  .crh-title>.operator-logo { width:79px; height:79px; border-radius:18px; }
  .crh-lead { font-size:23px; margin-top:20px; }
  .crh-summary { font-size:12px; margin-top:13px; }
  .crh-actions { gap:9px; margin-top:22px; }
  .crh-play { flex:1; font-size:13px; padding-inline:17px; gap:15px; }
  .crh-secondary { font-size:11px; padding-inline:12px; }
  .crh-secondary svg { display:none; }
  .crh-byline { margin-top:20px; }
  .crh-panel { padding:21px; }
  .crh-score { margin:23px 0; gap:20px; }
  .crh-rating-ring { width:90px; height:90px; }
  .crh-metric-icon { display:grid; }
  .crh-metrics { gap:19px 14px; }
  .crh-metric strong { font-size:13px; }
  .crh-metric div>span { font-size:9px; }
  .crh-panel-link { font-size:10px; }
}
@media (max-width:380px) {
  .crh-title h1 { font-size:32px; }
  .crh-title>.operator-logo { width:66px; height:66px; }
  .crh-actions>* { width:100%; }
  .crh-score { gap:15px; }
  .crh-score h2 { font-size:21px; }
  .crh-metric { gap:7px; }
  .crh-metric-icon { width:26px; height:26px; }
}
