.elementor-5521 .elementor-element.elementor-element-cea2a1a{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-5521 .elementor-element.elementor-element-cea2a1a:not(.elementor-motion-effects-element-type-background), .elementor-5521 .elementor-element.elementor-element-cea2a1a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #000B9B 0%, #0A0029 100%);}.elementor-5521 .elementor-element.elementor-element-cea2a1a.e-con{--align-self:center;}.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-5521 .elementor-element.elementor-element-41d21aa{width:100%;max-width:100%;top:0px;z-index:5;}.elementor-5521 .elementor-element.elementor-element-41d21aa.elementor-element{--align-self:center;}body:not(.rtl) .elementor-5521 .elementor-element.elementor-element-41d21aa{left:0px;}body.rtl .elementor-5521 .elementor-element.elementor-element-41d21aa{right:0px;}.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-5521 .elementor-element.elementor-element-1cc4062{width:100%;max-width:100%;top:325px;z-index:12;text-align:center;}.elementor-5521 .elementor-element.elementor-element-1cc4062.elementor-element{--align-self:center;}body:not(.rtl) .elementor-5521 .elementor-element.elementor-element-1cc4062{left:0px;}body.rtl .elementor-5521 .elementor-element.elementor-element-1cc4062{right:0px;}.elementor-5521 .elementor-element.elementor-element-1cc4062 .elementor-heading-title{font-family:"Befrung", Sans-serif;font-weight:600;}.elementor-5521 .elementor-element.elementor-element-6e7f23b.elementor-element{--flex-grow:0;--flex-shrink:1;}body:not(.rtl) .elementor-5521 .elementor-element.elementor-element-6e7f23b{left:0px;}body.rtl .elementor-5521 .elementor-element.elementor-element-6e7f23b{right:0px;}.elementor-5521 .elementor-element.elementor-element-6e7f23b{top:66px;z-index:14;text-align:center;}.elementor-5521 .elementor-element.elementor-element-869f562{--display:flex;--position:absolute;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );top:0px;--z-index:12;}.elementor-5521 .elementor-element.elementor-element-869f562.e-con{--align-self:flex-start;}body:not(.rtl) .elementor-5521 .elementor-element.elementor-element-869f562{left:0px;}body.rtl .elementor-5521 .elementor-element.elementor-element-869f562{right:0px;}.elementor-5521 .elementor-element.elementor-element-45316d5 .elementor-heading-title{font-family:"Befrung", Sans-serif;font-weight:600;text-transform:uppercase;line-height:1px;}.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-5521 .elementor-element.elementor-element-4721136{--display:flex;--position:absolute;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );top:0px;--z-index:12;}.elementor-5521 .elementor-element.elementor-element-4721136.e-con{--align-self:flex-end;}body:not(.rtl) .elementor-5521 .elementor-element.elementor-element-4721136{right:0px;}body.rtl .elementor-5521 .elementor-element.elementor-element-4721136{left:0px;}.elementor-5521 .elementor-element.elementor-element-a411243 .elementor-heading-title{font-family:"Befrung", Sans-serif;font-weight:600;text-transform:uppercase;line-height:1px;}@media(min-width:768px){.elementor-5521 .elementor-element.elementor-element-869f562{--width:50%;}.elementor-5521 .elementor-element.elementor-element-4721136{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-cea2a1a *//* ================================================================
   EUREKA SPORTS — MOBILE FINAL
   CSS ÚNICO / DEPURADO
   ================================================================ */


/* ================================================================
   OCULTO FUERA DE MOBILE
   ================================================================ */

.eureka-layout-mobile {
    display: none !important;
}


/* ================================================================
   MOBILE
   ================================================================ */

@media (max-width: 767px) {

    /* ============================================================
       1. VIEWPORT
       ============================================================ */

    html,
    body {
        width: 100% !important;
        max-width: 100% !important;

        height: 100% !important;
        min-height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        overscroll-behavior: none !important;
    }


    /* ============================================================
       2. LIENZO PRINCIPAL
       ============================================================ */

    .eureka-layout-mobile {
        display: block !important;

        position: fixed !important;
        inset: 0 !important;

        width: 100vw !important;
        max-width: 100vw !important;

        height: 100vh !important;
        min-height: 100vh !important;

        height: 100dvh !important;
        min-height: 100dvh !important;
        max-height: 100dvh !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        background: #00194c !important;

        box-sizing: border-box !important;

        z-index: 1 !important;
    }


    .eureka-layout-mobile,
    .eureka-layout-mobile * {
        box-sizing: border-box !important;
    }


    /* ============================================================
       3. VIDEOS — ESTRUCTURA
       ============================================================ */

    .eureka-layout-mobile .eureka-mobile-video {
        position: absolute !important;

        left: 0 !important;
        right: auto !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 50% !important;
        min-height: 50% !important;
        max-height: 50% !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        isolation: isolate !important;

        background: #00194c !important;

        z-index: 1 !important;
    }


    /* SAN BORJA */

    .eureka-layout-mobile .eureka-mobile-sanborja {
        top: 0 !important;
        bottom: auto !important;
    }


    /* EL POLO */

    .eureka-layout-mobile .eureka-mobile-elpolo {
        top: 50% !important;
        bottom: auto !important;
    }


    /* ============================================================
       4. CONTENEDOR INTERNO VIDEO
       ============================================================ */

    .eureka-layout-mobile
    .eureka-mobile-video
    .elementor-widget-container {

        position: absolute !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;

        min-width: 100% !important;
        min-height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }


    /* ============================================================
   VIDEO REAL — IPHONE SAFE
   ============================================================ */

.eureka-layout-mobile .eureka-mobile-video video {
    position: absolute !important;

    top: 50% !important;
    left: 50% !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    min-height: 100% !important;

    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translate(-50%, -50%) !important;

    object-fit: cover !important;
    object-position: center center !important;

    display: block !important;

    /*
     * CLAVE:
     * Safari no puede enseñarnos su botón de play
     * mientras preparamos el vídeo.
     */
    opacity: 1 !important;

    transition: opacity .18s linear !important;

    filter:
        grayscale(1)
        saturate(0)
        brightness(.72)
        contrast(1.08)
        !important;

    pointer-events: none !important;

    -webkit-user-select: none !important;
    user-select: none !important;

    -webkit-touch-callout: none !important;

    z-index: 1 !important;
}




    /* ============================================================
       6. QUITAR PLAY / CONTROLES
       ============================================================ */

    .eureka-layout-mobile .eureka-mobile-video video::-webkit-media-controls,
    .eureka-layout-mobile .eureka-mobile-video video::-webkit-media-controls-panel,
    .eureka-layout-mobile .eureka-mobile-video video::-webkit-media-controls-play-button,
    .eureka-layout-mobile .eureka-mobile-video video::-webkit-media-controls-overlay-play-button,
    .eureka-layout-mobile .eureka-mobile-video video::-webkit-media-controls-start-playback-button {

        display: none !important;
        opacity: 1 !important;
        visibility: hidden !important;

        -webkit-appearance: none !important;
    }


    .eureka-layout-mobile .elementor-custom-embed-play,
    .eureka-layout-mobile .elementor-video-play-button,
    .eureka-layout-mobile .elementor-custom-embed-image-overlay,
    .eureka-layout-mobile .eicon-play {

        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;

        pointer-events: none !important;
    }


    /* ============================================================
       7. OVERLAY AZUL
       ============================================================ */

    .eureka-layout-mobile .eureka-mobile-video::after {
        content: "";

        position: absolute !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;

        background: rgba(0, 25, 76, .78) !important;

        z-index: 3 !important;

        pointer-events: none !important;
    }


    /* ============================================================
       8. CANCHA
       ============================================================ */

    .eureka-layout-mobile .eureka-mobile-cancha {
        position: absolute !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        z-index: 5 !important;

        pointer-events: none !important;

        overflow: hidden !important;
    }


    .eureka-layout-mobile
    .eureka-mobile-cancha
    .elementor-widget-container {

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }


    .eureka-layout-mobile .eureka-mobile-cancha img {
        display: block !important;

        width: 100% !important;
        height: 100% !important;

        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: fill !important;
    }


    /* ============================================================
       9. TÍTULO
       ============================================================ */

    .eureka-layout-mobile .eureka-mobile-titulo {
        position: absolute !important;

        top: 6.5% !important;
        left: 50% !important;

        transform: translateX(-50%) !important;

        width: max-content !important;
        max-width: calc(100% - 70px) !important;

        min-height: 36px !important;

        margin: 0 !important;
        padding: 0 16px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        background: #c9d800 !important;

        z-index: 20 !important;

        pointer-events: none !important;
    }


    .eureka-layout-mobile
    .eureka-mobile-titulo
    .elementor-widget-container {

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }


    .eureka-layout-mobile
    .eureka-mobile-titulo
    .elementor-heading-title {

        position: relative !important;
        top: 4px !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #00194c !important;

        font-family: "Befrung", sans-serif !important;

        font-size: clamp(15px, 4.5vw, 19px) !important;
        font-weight: normal !important;

        line-height: 1 !important;
        letter-spacing: .01em !important;

        text-align: center !important;
        text-transform: uppercase !important;

        white-space: nowrap !important;
    }


    /* ============================================================
       10. LOGO CENTRAL
       ============================================================ */

    .eureka-layout-mobile .eureka-mobile-logo {
        position: absolute !important;

        top: 50% !important;
        left: 50% !important;

        transform: translate(-50%, -50%) !important;

        width: clamp(155px, 47vw, 205px) !important;

        margin: 0 !important;
        padding: 0 !important;

        z-index: 16 !important;

        pointer-events: none !important;
    }


    .eureka-layout-mobile
    .eureka-mobile-logo
    .elementor-widget-container {

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .eureka-layout-mobile .eureka-mobile-logo img {
        display: block !important;

        width: 100% !important;
        height: auto !important;

        max-width: 100% !important;

        margin: 0 auto !important;
    }


    /* ============================================================
       11. INFORMACIÓN DE SEDES
       ============================================================ */

    .eureka-layout-mobile .eureka-mobile-info {
        position: absolute !important;

        left: 18% !important;
        right: auto !important;

        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        z-index: 15 !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;

        text-align: left !important;

        overflow: visible !important;

        pointer-events: none !important;
    }


    .eureka-layout-mobile .eureka-mobile-info-sanborja {
        top: 16.5% !important;
    }


    .eureka-layout-mobile .eureka-mobile-info-elpolo {
        top: 66.5% !important;
    }


    /* ============================================================
       12. NOMBRE DE SEDE
       ============================================================ */

    .eureka-layout-mobile
    .eureka-mobile-info
    .eureka-nombre-sede {

        position: relative !important;

        display: inline-block !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
    }


    .eureka-layout-mobile
    .eureka-mobile-info
    .eureka-nombre-sede
    .elementor-widget-container {

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
    }


    .eureka-layout-mobile
    .eureka-mobile-info
    .eureka-nombre-sede
    .elementor-heading-title {

        position: relative !important;

        display: inline-block !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

        font-family: "Befrung", sans-serif !important;

        font-size: clamp(33px, 9.3vw, 43px) !important;
        font-weight: normal !important;

        line-height: .84 !important;
        letter-spacing: -.015em !important;

        text-align: left !important;
        text-transform: uppercase !important;

        white-space: nowrap !important;

        overflow: visible !important;
    }


    /* SEDE */

    .eureka-layout-mobile
    .eureka-mobile-info
    .eureka-nombre-sede
    .elementor-heading-title::before {

        content: "SEDE";

        display: block !important;

        margin: 0 0 3px 0 !important;
        padding: 2px 0 0 0 !important;

        color: #ffffff !important;

        font-family: "Befrung", sans-serif !important;

        font-size: .54em !important;

        line-height: 1 !important;

        overflow: visible !important;
    }


    /* ============================================================
       13. LÍNEA VERDE
       ============================================================ */

    .eureka-layout-mobile
    .eureka-mobile-info
    .eureka-nombre-sede::after {

        content: "";

        display: block !important;

        position: relative !important;

        width: 58px !important;
        height: 6px !important;

        margin-top: -4px !important;

        background: #c9d800 !important;

        z-index: 2 !important;
    }


    /* ============================================================
       14. DEPORTES
       ============================================================ */

    .eureka-layout-mobile
    .eureka-mobile-info
    .eureka-deportes-sede {

        display: block !important;

        margin: 8px 0 0 0 !important;
        padding: 0 !important;

        opacity: .88 !important;

        text-align: left !important;
    }


    .eureka-layout-mobile
    .eureka-mobile-info
    .eureka-deportes-sede
    .elementor-widget-container {

        margin: 0 !important;
        padding: 0 !important;
    }


    .eureka-layout-mobile
    .eureka-mobile-info
    .eureka-deportes-sede
    .elementor-heading-title,

    .eureka-layout-mobile
    .eureka-mobile-info
    .eureka-deportes-sede p {

        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

        font-family: "Lato", sans-serif !important;

        font-size: clamp(10px, 3vw, 12px) !important;
        font-weight: 700 !important;

        line-height: 1 !important;
        letter-spacing: .025em !important;

        text-transform: uppercase !important;

        white-space: nowrap !important;
    }


    /* ============================================================
       15. EVENTOS CORPORATIVOS
       ============================================================ */

    .eureka-layout-mobile .eureka-mobile-eventos {
        position: static !important;

        margin: 0 !important;
        padding: 0 !important;

        z-index: 30 !important;
    }


    .eureka-layout-mobile .eureka-eventos-link {
        position: fixed !important;

        right: 14px !important;
        bottom: 18px !important;

        left: auto !important;
        top: auto !important;

        z-index: 30 !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        max-width: calc(100vw - 28px) !important;

        min-height: 34px !important;

        margin: 0 !important;
        padding: 8px 12px !important;

        background: rgba(0, 25, 76, .92) !important;

        border: 1px solid #c9d800 !important;
        border-radius: 50px !important;

        box-shadow: 0 4px 12px rgba(0, 0, 0, .16) !important;

        text-decoration: none !important;

        white-space: nowrap !important;

        transform: none !important;
    }


    .eureka-layout-mobile .eureka-eventos-link span {
        display: none !important;
    }


    .eureka-layout-mobile .eureka-eventos-link strong {
        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        font-size: 0 !important;

        line-height: 1 !important;
    }


    .eureka-layout-mobile .eureka-eventos-link strong::after {
        content: "EVENTOS CORPORATIVOS →";

        display: block !important;

        color: #ffffff !important;

        font-family: "Lato", sans-serif !important;

        font-size: 9px !important;
        font-weight: 800 !important;

        line-height: 1 !important;

        letter-spacing: .04em !important;

        text-transform: uppercase !important;

        white-space: nowrap !important;
    }


    /* ============================================================
       16. GOL
       ============================================================ */

    .eureka-layout-mobile .eureka-mobile-gol {
        position: fixed !important;

        inset: 0 !important;

        width: 100vw !important;

        height: 100vh !important;
        height: 100dvh !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #00194c !important;

        z-index: 999999 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        overflow: hidden !important;

        opacity: 0 !important;
        visibility: hidden !important;

        pointer-events: none !important;

        transition:
            opacity .10s ease-out,
            visibility 0s linear .10s !important;
    }


    .eureka-layout-mobile
    .eureka-mobile-gol.eureka-gol-activo {

        opacity: 1 !important;
        visibility: visible !important;

        pointer-events: all !important;

        transition: opacity .08s ease-out !important;
    }


    .eureka-layout-mobile
    .eureka-mobile-gol
    .elementor-widget-container {

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    body.eureka-redirigiendo {
        pointer-events: none !important;
    }


    body.eureka-redirigiendo .eureka-mobile-gol {
        pointer-events: all !important;
    }

}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Befrung';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://reservatucancha.eurekasports.pe/wp-content/uploads/2026/08/befrungpersonaluse-regular.woff') format('woff');
}
/* End Custom Fonts CSS */