/* ==========================================================================
   clmv · escaparate de colombiancasino.org (plantilla №313)
   Pestaña de puesto (eldia) · logo cuadrado · datos ✓ · bono con regalo · CTA en oro
   ========================================================================== */
.clmv-wrap{grid-column:1/-1;width:100%;max-width:100%;min-width:0;margin:10px 0 30px;padding:22px 22px 16px;background:#F6F8F6;border:1px solid #DCE3DF;border-radius:14px;color:#22302C;container-type:inline-size}
.clmv-cab{margin:0 0 14px}
.clmv-wrap h2#clmv-t{margin:0 0 4px;padding:0;font:800 22px/1.25 "Montserrat",system-ui,sans-serif;color:#0E1D1A;letter-spacing:-.2px}
.clmv-wrap h2#clmv-t::before{display:none}
.clmv-cab p{display:flex;align-items:center;gap:6px;margin:0;font-size:13.5px!important;line-height:1.4!important;color:#56635F}
.clmv-cab time{color:#56635F}
.clmv-reloj,.clmv-info,.clmv-fi{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.clmv-in{position:absolute;opacity:0;width:1px;height:1px;clip-path:inset(50%)}
.clmv-filtros{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px}
.clmv-filtros span{display:inline-flex;align-items:center;gap:6px;font:700 13px "Montserrat",sans-serif;color:#56635F}
.clmv-filtros label{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px 0 10px;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px #CBD5D0;cursor:pointer;font:600 14px "Inter",sans-serif;color:#22302C}
.clmv-filtros label::before{content:"";width:16px;height:16px;border-radius:4px;box-shadow:inset 0 0 0 2px #0B6B55;background:#fff}
.clmv-wrap:has(#clmv-f-pse:checked) label[for=clmv-f-pse],.clmv-wrap:has(#clmv-f-nequi:checked) label[for=clmv-f-nequi],.clmv-wrap:has(#clmv-f-giros:checked) label[for=clmv-f-giros],.clmv-wrap:has(#clmv-f-cripto:checked) label[for=clmv-f-cripto],.clmv-wrap:has(#clmv-f-cop:checked) label[for=clmv-f-cop]{background:#E3F1EA;box-shadow:inset 0 0 0 2px #0B6B55}
.clmv-wrap:has(#clmv-f-pse:checked) label[for=clmv-f-pse]::before,.clmv-wrap:has(#clmv-f-nequi:checked) label[for=clmv-f-nequi]::before,.clmv-wrap:has(#clmv-f-giros:checked) label[for=clmv-f-giros]::before,.clmv-wrap:has(#clmv-f-cripto:checked) label[for=clmv-f-cripto]::before,.clmv-wrap:has(#clmv-f-cop:checked) label[for=clmv-f-cop]::before{background:#0B6B55 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.3l2.4 2.3L12 5.4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/16px no-repeat}
.clmv-wrap ol.clmv-list{list-style:none;margin:0!important;padding:0!important;counter-reset:none}
.clmv-wrap ol.clmv-list::before{content:none!important;display:none!important}
.clmv-list>li.clmv-row{position:relative;display:grid;grid-template-columns:96px minmax(0,1.25fr) minmax(0,1fr) 190px;gap:18px;align-items:center;margin:0 0 12px;padding:16px 18px 16px 16px;background:#fff;border-radius:12px;box-shadow:0 1px 0 #DCE3DF,0 6px 18px rgba(14,29,26,.05);border-left:4px solid #DCE3DF}
.clmv-list>li.clmv-row::before,.clmv-list>li.clmv-row::after{content:none!important;display:none!important}
.clmv-list>li.clmv-row:nth-child(-n+3){border-left-color:#E3A51F}
.clmv-list>li.clmv-hid{display:none}
.clmv-wrap:has(#clmv-more:checked):not(:has(#clmv-f-pse:checked)):not(:has(#clmv-f-nequi:checked)):not(:has(#clmv-f-giros:checked)):not(:has(#clmv-f-cripto:checked)):not(:has(#clmv-f-cop:checked)) .clmv-list>li.clmv-hid{display:grid}
.clmv-wrap:has(#clmv-f-pse:checked) .clmv-list>li.clmv-row:not(.clmv-pse),.clmv-wrap:has(#clmv-f-nequi:checked) .clmv-list>li.clmv-row:not(.clmv-nequi),.clmv-wrap:has(#clmv-f-giros:checked) .clmv-list>li.clmv-row:not(.clmv-giros),.clmv-wrap:has(#clmv-f-cripto:checked) .clmv-list>li.clmv-row:not(.clmv-cripto),.clmv-wrap:has(#clmv-f-cop:checked) .clmv-list>li.clmv-row:not(.clmv-cop){display:none}
.clmv-puesto{position:relative;display:flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:12px;background:#F1F3F0}
.clmv-puesto img{width:72px;height:72px;object-fit:contain}
.clmv-num{position:absolute;left:-8px;top:-8px;display:flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 6px;border-radius:8px 8px 8px 2px;background:#07443A;color:#fff;font:800 14px/1 "Montserrat",sans-serif;box-shadow:0 2px 0 #E3A51F}
.clmv-list>li.clmv-row:nth-child(-n+3) .clmv-num{background:#E3A51F;color:#0E1D1A;box-shadow:0 2px 0 #07443A}
.clmv-datos{min-width:0}
.clmv-wrap h3.clmv-nombre{margin:0 0 4px;font:800 19px/1.2 "Montserrat",sans-serif;color:#0E1D1A}
.clmv-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 6px!important}
.clmv-chips span{display:inline-block;padding:2px 8px;border-radius:5px;background:#E3F1EA;color:#07443A;font:600 12px/1.5 "Inter",sans-serif}
.clmv-wrap ul.clmv-hechos{list-style:none;margin:0;padding:0}
.clmv-wrap ul.clmv-hechos>li{display:flex;align-items:flex-start;gap:6px;margin:0 0 2px;padding:0;font-size:13.5px!important;line-height:1.45!important;color:#22302C}
.clmv-wrap ul.clmv-hechos>li::before{content:none!important;display:none!important}
.clmv-ok{width:15px;height:15px;flex:none;margin-top:2px;fill:none;stroke:#0B6B55;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.clmv-oferta{position:relative;min-width:0;padding:10px 18px 10px 46px;border-radius:10px;background:#FBF3DF}
.clmv-regalo{position:absolute;left:12px;top:12px;width:22px;height:22px;fill:none;stroke:#835B06;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.clmv-oferta small{display:block;font:700 11px/1.3 "Montserrat",sans-serif;text-transform:uppercase;letter-spacing:.5px;color:#835B06}
.clmv-oferta strong{display:block;font:800 15.5px/1.35 "Montserrat",sans-serif;color:#0E1D1A}
.clmv-accion{display:flex;flex-direction:column;align-items:stretch;gap:6px;text-align:center}
.clmv-wrap a.clmv-cta{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 12px;border-radius:9px;background:#E3A51F;color:#0E1D1A!important;text-decoration:none!important;font:800 15px/1.2 "Montserrat",sans-serif}
.clmv-wrap a.clmv-cta:hover{background:#F0B53A}
.clmv-accion small{font-size:11.5px;line-height:1.3;color:#56635F}
.clmv-wrap a.clmv-guia{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:32px;font:700 13px "Montserrat",sans-serif;color:#0B6B55!important;text-decoration:none}
.clmv-fl{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.clmv-mas{display:flex;align-items:center;justify-content:center;min-height:46px;margin:4px 0 10px;border-radius:9px;background:#fff;box-shadow:inset 0 0 0 2px #0B6B55;color:#07443A;font:800 14.5px "Montserrat",sans-serif;cursor:pointer}
.clmv-wrap:has(#clmv-more:checked) .clmv-mas{display:none}
.clmv-aviso{display:block;position:relative;margin:6px 0 0!important;padding-left:24px;font-size:12.5px!important;line-height:1.5!important;color:#56635F}
.clmv-aviso .clmv-info{position:absolute;left:0;top:2px}
.clmv-aviso a{color:#0B6B55!important}
@container (max-width:760px){
  .clmv-list>li.clmv-row{grid-template-columns:68px minmax(0,1fr);gap:10px 12px;padding:12px}
  .clmv-puesto{width:68px;height:68px}
  .clmv-puesto img{width:52px;height:52px}
  .clmv-oferta{padding:8px 16px 8px 42px}
  .clmv-regalo{left:10px;top:10px}
  .clmv-accion{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 10px}
  .clmv-wrap a.clmv-cta{flex:1 1 150px;min-height:46px}
  .clmv-accion small{flex:1 1 120px;text-align:left}
  .clmv-oferta,.clmv-accion{grid-column:1/-1}
  .clmv-wrap:has(#clmv-more:checked):not(:has(#clmv-f-pse:checked)):not(:has(#clmv-f-nequi:checked)):not(:has(#clmv-f-giros:checked)):not(:has(#clmv-f-cripto:checked)):not(:has(#clmv-f-cop:checked)) .clmv-list>li.clmv-hid{display:grid}
}
@media (max-width:640px){.clmv-wrap{padding:16px 12px 12px;border-radius:12px}.clmv-wrap h2#clmv-t{font-size:19px}}
