/* ===== APPS PAGE IGUAL HELP CENTER ===== */


.grid{
max-width:860px!important;
margin:40px auto!important;

display:flex!important;
flex-direction:column!important;
gap:18px!important;
}


.grid .sports-card{

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

height:125px!important;

background:
rgba(5,15,35,.72)!important;

border:1px solid #087cff!important;

border-radius:20px!important;

overflow:hidden!important;

box-shadow:
0 0 20px rgba(0,120,255,.35)!important;

text-decoration:none!important;

}


.grid .card-icon{

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

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

}


.grid .card-icon img{

width:110px!important;
height:110px!important;

object-fit:contain!important;

}


.grid .card-text{

flex:1!important;

}


.grid .card-text h2{

color:white!important;

font-family:Arial Black,Arial,sans-serif!important;

font-size:28px!important;

font-style:italic!important;

margin:0 0 8px 0!important;

}


.grid .card-text p{

color:#009cff!important;

font-family:Arial!important;

margin:0!important;

}


.grid .arrow{

width:70px!important;

font-size:55px!important;

color:#087cff!important;

}




/* HEADER APPS IGUAL PORTADA */

.brand{
display:none!important;
}


.langs{
display:none!important;
}




/* ===== BOTON VOLVER ===== */

.btn-back{

display:flex;
width:max-content;

margin:20px auto;

padding:12px 35px;

background:rgba(5,15,35,.75);

border:1px solid #1670ff;

border-radius:18px;

color:white;

font-size:16px;

font-weight:800;

text-decoration:none;

box-shadow:0 0 15px rgba(0,120,255,.45);

}

.btn-back:hover{

background:#087cff;

}



/* ===== APPS MISMO DISEÑO QUE DISPOSITIVOS ===== */

.grid{
    max-width:1100px!important;
    margin:40px auto!important;
    padding:20px!important;

    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:25px!important;
}


.grid .sports-card{

    display:block!important;

    height:auto!important;

    background:
    linear-gradient(145deg,#121b3d,#070a18)!important;

    border:1px solid #274cff!important;

    border-radius:28px!important;

    padding:35px 20px!important;

    text-align:center!important;

}


.grid .card-icon{

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

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

}


.grid .card-icon img{

    width:220px!important;
    height:130px!important;

    object-fit:contain!important;

}


.grid .card-text h2{

    color:white!important;
    font-size:28px!important;
    margin-top:20px!important;

}


.grid .card-text p{

    color:#b8c6ff!important;

}


.grid .arrow{

    display:none!important;

}


@media(max-width:800px){

.grid{
    grid-template-columns:1fr!important;
}

}




/* ===== AJUSTE MOVIL APPS ===== */

body.sports-home{
    background:#070a18!important;
}

.sports-bg{
    background:#070a18!important;
}


@media(max-width:700px){

.grid{
    grid-template-columns:1fr!important;
    display:grid!important;
    padding:15px!important;
    margin:20px auto!important;
}


.grid .sports-card{

    min-height:150px!important;
    padding:25px 15px!important;

}


.grid .card-icon{

    width:100%!important;
    height:auto!important;
    margin-bottom:15px!important;

}


.grid .card-icon img{

    width:140px!important;
    height:140px!important;

}

}



html,
body.sports-home{
    min-height:100%;
    background:#070a18 !important;
    color:white !important;
}

body.sports-home .sports-bg{
    position:fixed;
    inset:0;
    background:
    radial-gradient(circle at top,#12306b,#070a18 60%) !important;
    z-index:-1;
}


/* ===== APPS FONDO TRANSPARENTE ===== */

body.sports-home{
    background:transparent !important;
}

body.sports-home .sports-bg{
    background:transparent !important;
}

.grid .sports-card{
    background:rgba(5,15,35,0.45)!important;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}