.elementor-375 .elementor-element.elementor-element-c66e547:not(.elementor-motion-effects-element-type-background), .elementor-375 .elementor-element.elementor-element-c66e547 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-375 .elementor-element.elementor-element-c66e547 > .elementor-background-overlay{background-color:#000000;opacity:0;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-375 .elementor-element.elementor-element-c66e547 > .elementor-container{min-height:0px;}.elementor-375 .elementor-element.elementor-element-c66e547{border-style:solid;border-width:0px 0px 1px 0px;border-color:#BEBEBE;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:9;}.elementor-375 .elementor-element.elementor-element-c66e547, .elementor-375 .elementor-element.elementor-element-c66e547 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-375 .elementor-element.elementor-element-1283a62 > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-375 .elementor-element.elementor-element-1283a62 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-375 .elementor-element.elementor-element-9725bb9{width:auto;max-width:auto;bottom:-117%;z-index:67;}body:not(.rtl) .elementor-375 .elementor-element.elementor-element-9725bb9{left:34%;}body.rtl .elementor-375 .elementor-element.elementor-element-9725bb9{right:34%;}.elementor-375 .elementor-element.elementor-element-9725bb9 > .elementor-widget-container{border-style:solid;border-color:#d4b46b;}.elementor-375 .elementor-element.elementor-element-9725bb9 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:300;color:#dcac54;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-375 .elementor-element.elementor-element-0586011{width:var( --container-widget-width, 73.755% );max-width:73.755%;--container-widget-width:73.755%;--container-widget-flex-grow:0;top:9px;z-index:9;}.elementor-375 .elementor-element.elementor-element-0586011 > .elementor-widget-container{background-color:#F0F0F0;margin:-18% 0% 0% 0%;padding:78px 9px 9px 9px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}body:not(.rtl) .elementor-375 .elementor-element.elementor-element-0586011{left:40px;}body.rtl .elementor-375 .elementor-element.elementor-element-0586011{right:40px;}.elementor-375 .elementor-element.elementor-element-0586011 img{width:76%;max-width:89%;height:100%;opacity:1;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-375 .elementor-element.elementor-element-fe9c00d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-375 .elementor-element.elementor-element-8bfb6ad{width:var( --container-widget-width, 99.809% );max-width:99.809%;--container-widget-width:99.809%;--container-widget-flex-grow:0;}.elementor-375 .elementor-element.elementor-element-8bfb6ad > .elementor-widget-container{margin:4px 4px 4px 4px;padding:0px 0px 0px 0px;}.elementor-375 .elementor-element.elementor-element-73c8348 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-375 .elementor-element.elementor-element-73c8348 > .elementor-container{max-width:1493px;}.elementor-375 .elementor-element.elementor-element-73c8348{margin-top:31px;margin-bottom:31px;}.elementor-bc-flex-widget .elementor-375 .elementor-element.elementor-element-1264672.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-375 .elementor-element.elementor-element-1264672.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-375 .elementor-element.elementor-element-1264672 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:1px;}.elementor-375 .elementor-element.elementor-element-0ec8212{--spacer-size:0px;top:38px;z-index:0;}body:not(.rtl) .elementor-375 .elementor-element.elementor-element-0ec8212{left:181px;}body.rtl .elementor-375 .elementor-element.elementor-element-0ec8212{right:181px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-375 .elementor-element.elementor-element-ac361c8 > .elementor-widget-container{margin:9% 0% 8% 0%;}.elementor-375 .elementor-element.elementor-element-ac361c8{text-align:start;}.elementor-375 .elementor-element.elementor-element-ac361c8 img{width:77%;}.elementor-375 .elementor-element.elementor-element-7728b49{width:auto;max-width:auto;}.elementor-375 .elementor-element.elementor-element-7728b49 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#dcac54;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-375 .elementor-element.elementor-element-a8ea299{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;column-gap:0px;font-family:"Montserrat", Sans-serif;font-size:31px;font-weight:200;line-height:39px;color:#000000;}.elementor-375 .elementor-element.elementor-element-a8ea299 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-375 .elementor-element.elementor-element-a8ea299 p{margin-block-end:0px;}.elementor-375 .elementor-element.elementor-element-6307197{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:justify;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:100;line-height:31px;letter-spacing:0.2px;color:#000000;}.elementor-375 .elementor-element.elementor-element-6307197 p{margin-block-end:0px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-375 .elementor-element.elementor-element-25261a4 > .elementor-widget-container{margin:9px 5px 5px 5px;padding:0px 0px 0px 0px;}.elementor-375 .elementor-element.elementor-element-25261a4 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:20px;}.elementor-375 .elementor-element.elementor-element-25261a4 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-20px;}.elementor-375 .elementor-element.elementor-element-25261a4 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-375 .elementor-element.elementor-element-25261a4 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-375 .elementor-element.elementor-element-25261a4 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-375 .elementor-element.elementor-element-25261a4 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-375 .elementor-element.elementor-element-25261a4 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-375 .elementor-element.elementor-element-25261a4 .elementor-field-type-html{padding-bottom:0px;font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:400;}.elementor-375 .elementor-element.elementor-element-25261a4 .elementor-field-group .elementor-field{color:#000000;}.elementor-375 .elementor-element.elementor-element-25261a4 .elementor-field-group .elementor-field, .elementor-375 .elementor-element.elementor-element-25261a4 .elementor-field-subgroup label{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:300;}.elementor-375 .elementor-element.elementor-element-25261a4 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-width:0px 0px 1px 0px;border-radius:0px 0px 0px 0px;}.elementor-375 .elementor-element.elementor-element-25261a4 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-width:0px 0px 1px 0px;border-radius:0px 0px 0px 0px;}.elementor-375 .elementor-element.elementor-element-25261a4 .e-form__buttons__wrapper__button-next{background-color:#D7B46A;color:#ffffff;}.elementor-375 .elementor-element.elementor-element-25261a4 .elementor-button[type="submit"]{background-color:#D7B46A;color:#ffffff;}.elementor-375 .elementor-element.elementor-element-25261a4 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-375 .elementor-element.elementor-element-25261a4 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-375 .elementor-element.elementor-element-25261a4 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-375 .elementor-element.elementor-element-25261a4 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-375 .elementor-element.elementor-element-25261a4 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-375 .elementor-element.elementor-element-25261a4 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-375 .elementor-element.elementor-element-25261a4 .elementor-button{border-radius:38px 38px 38px 38px;}.elementor-375 .elementor-element.elementor-element-25261a4{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-bc-flex-widget .elementor-375 .elementor-element.elementor-element-6b0ef5a.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-375 .elementor-element.elementor-element-6b0ef5a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-375 .elementor-element.elementor-element-6b0ef5a > .elementor-element-populated{padding:32px 32px 32px 32px;}.elementor-375 .elementor-element.elementor-element-5d6f032 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:15px 0px 0px 0px;}html{height:100vh;margin:0;overflow:hidden;}body{height:100vh;overflow:auto;scroll-snap-type:y mandatory;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:center;scroll-snap-stop:normal;}@media(max-width:1024px){.elementor-375 .elementor-element.elementor-element-0586011{width:var( --container-widget-width, 126.719px );max-width:126.719px;--container-widget-width:126.719px;--container-widget-flex-grow:0;top:22px;}body:not(.rtl) .elementor-375 .elementor-element.elementor-element-0586011{left:30px;}body.rtl .elementor-375 .elementor-element.elementor-element-0586011{right:30px;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}}@media(max-width:767px){.elementor-375 .elementor-element.elementor-element-c66e547{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-375 .elementor-element.elementor-element-1283a62 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-375 .elementor-element.elementor-element-9725bb9{width:auto;max-width:auto;bottom:-53px;z-index:18;}body:not(.rtl) .elementor-375 .elementor-element.elementor-element-9725bb9{left:8%;}body.rtl .elementor-375 .elementor-element.elementor-element-9725bb9{right:8%;}.elementor-375 .elementor-element.elementor-element-9725bb9 > .elementor-widget-container{border-width:1px 0px 1px 0px;border-radius:0px 0px 0px 0px;}.elementor-375 .elementor-element.elementor-element-9725bb9 .elementor-heading-title{font-size:13px;line-height:1.2em;}.elementor-375 .elementor-element.elementor-element-0586011{width:var( --container-widget-width, 90.398px );max-width:90.398px;--container-widget-width:90.398px;--container-widget-flex-grow:0;top:14px;}body:not(.rtl) .elementor-375 .elementor-element.elementor-element-0586011{left:16px;}body.rtl .elementor-375 .elementor-element.elementor-element-0586011{right:16px;}.elementor-375 .elementor-element.elementor-element-0586011 img{width:120%;max-width:100%;}.elementor-375 .elementor-element.elementor-element-fe9c00d.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-375 .elementor-element.elementor-element-8bfb6ad > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-375 .elementor-element.elementor-element-8bfb6ad{--container-widget-width:266px;--container-widget-flex-grow:0;width:var( --container-widget-width, 266px );max-width:266px;}.elementor-375 .elementor-element.elementor-element-1264672.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-375 .elementor-element.elementor-element-ac361c8{text-align:center;}.elementor-375 .elementor-element.elementor-element-ac361c8 img{width:86%;}.elementor-375 .elementor-element.elementor-element-7728b49{text-align:center;}.elementor-375 .elementor-element.elementor-element-7728b49 .elementor-heading-title{font-size:10px;line-height:1.4em;}.elementor-375 .elementor-element.elementor-element-a8ea299 > .elementor-widget-container{margin:12px 12px 0px 12px;}.elementor-375 .elementor-element.elementor-element-a8ea299{--container-widget-width:328px;--container-widget-flex-grow:0;width:var( --container-widget-width, 328px );max-width:328px;align-self:center;text-align:center;}.elementor-375 .elementor-element.elementor-element-6307197 > .elementor-widget-container{margin:22px 2px 2px 2px;padding:0px 0px 0px 0px;}.elementor-375 .elementor-element.elementor-element-6307197{--container-widget-width:312px;--container-widget-flex-grow:0;width:var( --container-widget-width, 312px );max-width:312px;}.elementor-375 .elementor-element.elementor-element-25261a4 > .elementor-widget-container{margin:36px 0px 0px 0px;}.elementor-375 .elementor-element.elementor-element-6b0ef5a > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-375 .elementor-element.elementor-element-5d6f032 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}}@media(min-width:768px){.elementor-375 .elementor-element.elementor-element-1283a62{width:14.884%;}.elementor-375 .elementor-element.elementor-element-fe9c00d{width:85.116%;}.elementor-375 .elementor-element.elementor-element-1264672{width:44.126%;}.elementor-375 .elementor-element.elementor-element-6b0ef5a{width:55.834%;}}/* Start custom CSS for html, class: .elementor-element-8bfb6ad *//* ============================
   BARRA DE ICONOS — VERSIÓN PRO
============================ */
.barra-apuestas {
  background: #ffffff !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
  margin-bottom: 10px !important;

  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
  gap: 18px !important;
  -webkit-overflow-scrolling: touch !important;
  scroll-snap-type: x mandatory !important;
}

/* Scrollbar para Chrome */
.barra-apuestas::-webkit-scrollbar {
    height: 6px;
}
.barra-apuestas::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

/* ICONOS */
.logo-banda {
    width: 86px;
    height: 86px;
    background: #ffffff;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    cursor: pointer;
    transition: transform .25s ease, box-shadow .25s ease;
    box-shadow: 0 3px 10px rgba(0,0,0,0.12);
    border: 1px solid #eaeaea;
}
  .logo-banda img[src*="nacional"] {
    width: 85% !important;
    height: 85% !important;
}
.logo-banda:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.18);
}

.logo-banda img {
    width: 70%;
    height: 70%;
    object-fit: contain;
    display: block;
}

/* ============================
   MODAL
============================ */
.loto-modal {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.45);
    backdrop-filter(6px);
    overflow-y: auto;
}

.loto-modal-content {
    background: #ffffff;
    width: 90%;
    max-width: 480px;
    margin: 80px auto;
    padding: 25px;
    border-radius: 18px;
    position: relative;
    box-shadow: 0 0 20px rgba(0,0,0,0.25);
    animation: fadeIn .25s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

.close {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 32px;
    cursor: pointer;
    color: #444;
}

.close:hover {
    color: #000;
}

/* ============================
   TITULOS Y FECHAS
============================ */
.loto-modal-content h2 {
    margin-top: 0;
    font-size: 22px;
    text-align: center;
    color: #333;
}

.loto-modal-content p {
    font-size: 16px;
    margin: 8px 0;
    text-align: center;
}

/* ============================
   BOLAS Y ESTRELLAS
============================ */
.ball, .star {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    margin: 4px;
    border-radius: 50%;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
}

.ball { background: #003DA5; }
.star { background: #F5A623; }

/* ============================
   QUINIELA — ESTILO PRO
============================ */
.quiniela-lista {
    display: grid;
    grid-template-columns: 1fr 60px 1fr;
    gap: 6px 10px;
    margin-top: 15px;
    padding: 10px;
    background: #f7f7f7;
    border-radius: 8px;
    border: 1px solid #ddd;
}

.quiniela-lista div {
    padding: 6px 4px;
    font-size: 15px;
}

.quiniela-signo {
    text-align: center;
    font-weight: bold;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #ccc;
}

/* ============================
   RESPONSIVE
============================ */
@media (max-width: 480px) {
    .ball, .star {
        width: 34px;
        height: 34px;
        font-size: 15px;
    }

    .quiniela-lista {
        grid-template-columns: 1fr 50px 1fr;
    }
  
    

}

/* Scroll horizontal perfecto */
.barra-apuestas {
  display: flex;
  overflow-x: auto;
  gap: 18px;
  padding: 12px 16px;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.logo-banda { flex-shrink: 0; }
.logo-banda img { width: 60px; height: 60px; }

/* Modal minimalista */
.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  inset: 0;
  background: rgba(0,0,0,0.45);
  backdrop-filter: blur(3px);
}
.modal-content {
  background: #fff;
  margin: 60px auto;
  padding: 24px 28px;
  border-radius: 14px;
  max-width: 420px;
  border: 1px solid #e5e5e5;
  box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}
.close {
  float: right;
  font-size: 26px;
  cursor: pointer;
  color: #666;
}

/* CONTENEDOR DE ICONOS — SCROLL PERFECTO EN MÓVIL */
.barra-apuestas {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  gap: 18px;
  padding: 12px 16px;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin; /* Firefox */
}

/* Cada icono ocupa su espacio y NO se encoge */
.logo-banda {
  flex-shrink: 0;
  scroll-snap-align: start;
}

/* Imagen del icono */
.logo-banda img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  display: block;
}

/* Scrollbar fino y elegante */
.barra-apuestas::-webkit-scrollbar {
  height: 6px;
}
.barra-apuestas::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}

/* ============================
   MODAL — DISEÑO MINIMALISTA
============================ */
.loto-modal {
    display: none;
    position: fixed;
    z-index: 99999;
    inset: 0;
    backdrop-filter: blur(6px);
    background: rgba(0,0,0,0.45);
    overflow-y: auto;
}

/* Caja del modal */
.loto-modal-content {
    background: #ffffff;
    width: 90%;
    max-width: 480px;
    margin: 80px auto;
    padding: 32px 30px;
    border-radius: 18px;
    position: relative;
    box-shadow: 0 0 24px rgba(0,0,0,0.18);
    animation: fadeIn .25s ease-out;
    font-family: system-ui, sans-serif;
}

/* Botón cerrar */
.close {
    position: absolute;
    right: 18px;
    top: 14px;
    font-size: 30px;
    cursor: pointer;
    color: #666;
}
.close:hover {
    color: #000;
}

/* Icono del sorteo dentro del modal */
.modal-icono {
    width: 70px;
    height: 70px;
    object-fit: contain;
    display: block;
    margin: 0 auto 14px auto;
}

/* Título */
.loto-modal-content h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #222;
}

/* Fecha */
.modal-fecha {
    text-align: center;
    font-size: 12px;
    color: #777;
    margin-bottom: 22px;
}

/* Bloques */
.modal-bloque {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #f2f2f2;
}

.modal-bloque:last-child {
    border-bottom: none;
}

.modal-label {
    font-weight: 600;
    color: #444;
}

.modal-valor {
    font-weight: 700;
    color: #111;
    text-align: right;
}

/* ============================
   NÚMEROS MINIMALISTAS
============================ */
.modal-valor .num {
    font-size: 18px;
    padding: 2px 4px;
    border-bottom: 2px solid #003DA5;
    margin: 0 2px;
}

.modal-valor .sep {
    color: #999;
    margin: 0 3px;
}

/* ============================
   ELIMINAR BURBUJAS ANTIGUAS
============================ */
.ball, .star {
    background: none !important;
    color: #111 !important;
    border-radius: 0 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}

/* ============================
   MODAL — ESTILO PREMIUM
============================ */
.loto-modal-content {
    background: #D7B46b;
    width: 82%;
    max-width: 500px;
    margin: 90px auto;
    padding: 30px 36px;
    border-radius: 20px;
    position: relative;
    box-shadow: 0 12px 32px rgba(0,0,0,0.18);
    animation: fadeIn .25s ease-out;
    font-family: "Inter", system-ui, sans-serif;
   border: 6px solid #e8e8e8;
}

/* Botón cerrar */
.close {
    position: absolute;
    right: 22px;
    top: 4px;
    font-size: 42;
    cursor: pointer;
    color: #ccc;
    transition: .2s ease;
}
.close:hover {
    color: #000;
}

/* Icono del sorteo dentro del modal */
.modal-icono {
    width: 72px;
    height: 72px;
    object-fit: contain;
    display: block;
    margin: 0 auto 18px auto;
}

/* Título */
.loto-modal-content h2 {
    margin: 0;
    font-size: 31px;
    font-weight: 700;
    text-align: center;
    color: #1a1a1a;
    letter-spacing: -0.3px;
}

/* Fecha */
.modal-fecha {
    text-align: center;
    font-size: 15px;
    color: #777;
    margin-top: 6px;
    margin-bottom: 26px;
}

/* Bloques de datos */
.modal-bloque {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
}

.modal-bloque:last-child {
    border-bottom: none;
}

.modal-label {
    font-weight: 600;
    color: #444;
    font-size: 16px;
}

.modal-valor {
    font-weight: 700;
    color: #111;
    text-align: right;
    font-size: 17px;
    letter-spacing: 0.5px;
}

/* ============================
   NÚMEROS PREMIUM
============================ */
.modal-valor .num {
    font-size: 20px;
    font-weight: 600;
    padding: 2px 4px;
    border-bottom: 2px solid #003DA5; /* subrayado elegante */
    margin: 0 3px;
    color: #111;
}

.modal-valor .sep {
    color: #aaa;
    margin: 0 6px;
    font-weight: 300;
    font-size: 18px;
}

/* ============================
   ELIMINAR BURBUJAS ANTIGUAS
============================ */
.ball, .star {
    background: none !important;
    color: #111 !important;
    border-radius: 0 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}

/* ============================
   AJUSTES PREMIUM — TIPOGRAFÍA Y JERARQUÍA
============================ */

/* Fecha más fina y discreta */
.modal-fecha {
    text-align: center;
    font-size: 13px;
    font-weight: 300;
    color: #888;
    margin-top: 4px;
    margin-bottom: 26px;
    letter-spacing: 0.2px;
}

/* Números del sorteo — protagonistas */
.modal-valor .num {
    font-size: 24px;          /* más grandes */
    font-weight: 700;         /* más fuerza */
    padding: 3px 4px;
    border-bottom: 3px solid #003DA5; /* subrayado premium */
    margin: 0 4px;
    color: #111;
    letter-spacing: -0.5px;
}

/* Separador entre números */
.modal-valor .sep {
    color: #bbb;
    margin: 0 8px;
    font-weight: 300;
    font-size: 20px;
}

/* Etiquetas (Reintegro, Complementario, etc.) */
.modal-label {
    font-size: 15px;
    font-weight: 600;
    color: #555;
}

/* Valores secundarios (no números principales) */
.modal-valor {
    font-size: 18px;
    font-weight: 600;
    color: #222;
}

/* ============================
   DESTACAR EL BOTE
============================ */

/* Contenedor del bote */
.modal-bote {
    margin-top: 22px;
    padding: 14px 18px;
    border: 2px solid #003DA5;
    border-radius: 12px;
    background: #f8faff;
    text-align: center;
}

/* Texto del bote */
.modal-bote strong {
    font-size: 22px;
    font-weight: 800;
    color: #003DA5;
    letter-spacing: -0.3px;
}

/* Subtítulo del bote */
.modal-bote span {
    display: block;
    font-size: 14px;
    color: #666;
    margin-top: 4px;
}

/* Estilos SOLO para escritorio */
@media (min-width: 1024px) {

  /* Contenedor centrado */
  .barra-apuestas {
    display: flex !important;
    justify-content: center !important;
    padding: 10px 30px !important;
  }

  /* Lista de iconos centrada y con más espacio */
  .lista-sorteos {
    display: flex !important;
    justify-content: center !important;
    gap: 28px !important; /* Aumenta separación */
    overflow-x: visible !important; /* Desactiva scroll en escritorio */
  }

  /* Iconos más equilibrados visualmente */
  .icono-sorteo {
    flex: 0 0 auto !important;
    width: 58px !important;
    height: 58px !important;
  }
}
@media (min-width: 1024px) {

  /* El contenedor ocupa todo el ancho */
  .barra-apuestas {
    width: 100% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;

    display: flex !important;
    justify-content: space-evenly !important; /* separación proporcional */
    overflow-x: visible !important; /* sin scroll en escritorio */
    gap: 0 !important; /* IMPORTANTE: anula el gap fijo */
  }

  /* Cada icono mantiene su tamaño */
  .logo-banda {
    flex: 0 0 auto !important;
  }
}/* End custom CSS */
/* Start custom CSS for spacer, class: .elementor-element-0ec8212 */.marco-dorado{
    position:absolute;
    width:65% !important;
    height:35%;
    right:-30px;
    bottom:-8px;
    border:3px solid #D7B46A;
    border-radius:18px;
    z-index:1;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-73c8348 */.loteria-empresas-info{
    background:#fff;
    padding:20px 20px;
    font-family:'Montserrat',sans-serif;
}

.loteria-empresas-info .contenedor{
    max-width:1400px;
    margin:auto;
    display:flex;
    align-items:center;
    gap:90px;
}

.columna-imagen{
    flex:1;
    position:relative;
}

.columna-imagen img{
    width:100%;
    border-radius:18px;
    position:relative;
    z-index:2;
    display:block;
}


.columna-texto{
    flex:1;
}

.etiqueta{
    display:inline-block;
    color:#D7B46A;
    font-size:15px;
    font-weight:600;
    letter-spacing:3px;
    margin-bottom:25px;
    text-transform:uppercase;
}

.columna-texto h2{
    font-size:54px;
    line-height:1.1;
    font-weight:300;
    color:#111;
    margin-bottom:30px;
}

.columna-texto h2 strong{
    font-weight:700;
}

.intro{
    font-size:24px;
    line-height:1.5;
    color:#111;
    margin-bottom:25px;
}

.columna-texto p{
    font-size:18px;
    line-height:1.9;
    color:#666;
    margin-bottom:20px;
}

.beneficios{
    margin-top:40px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:25px;
}

.beneficio{
    display:flex;
    align-items:flex-start;
    gap:15px;
}

.beneficio span{
    width:34px;
    height:34px;
    background:#D7B46A;
    color:#111;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    flex-shrink:0;
}

.beneficio h4{
    margin:0 0 5px;
    color:#111;
    font-size:18px;
    font-weight:600;
}

.beneficio p{
    margin:0;
    font-size:15px;
    line-height:1.6;
}

@media (max-width: 1024px){

    .loteria-empresas-info{
        padding:80px 20px;
    }

    .loteria-empresas-info .contenedor{
        flex-direction:column;
        gap:60px;
    }

    .columna-texto h2{
        font-size:40px;
    }

    .beneficios{
        grid-template-columns:1fr;
    }

    .marco-dorado{
        display:none;
    }
}/* End custom CSS */
/* Start custom CSS */.resultados-section {
    max-width: 1100px;
    margin: 0 auto;
    padding: 80px 20px;
    color: #fff;
    font-family: "Inter", system-ui, sans-serif;
}

.resultados-title {
    font-size: 46px;
    font-weight: 700;
    margin-bottom: 20px;
}

.resultados-title span {
    color: #f5c451;
}

.resultados-subtitle {
    font-size: 18px;
    color: #cfcfcf;
    max-width: 700px;
    margin-bottom: 50px;
}

.resultados-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 30px;
}

.resultado-card {
    background: #0d0d0d;
    border: 1px solid #1f1f1f;
    padding: 24px;
    border-radius: 14px;
    transition: 0.25s ease;
}

.resultado-card:hover {
    border-color: #f5c451;
    transform: translateY(-4px);
}

.resultado-card h3 {
    margin-bottom: 12px;
    color: #f5c451;
    font-size: 20px;
}

.resultado-card p {
    color: #cfcfcf;
    margin-bottom: 10px;
}

.numeros {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.numero {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #1a1a1a;
    border: 1px solid #2a2a2a;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}/* End custom CSS */