*{
box-sizing:border-box;
font-family:Inter,Arial,sans-serif;
}

body{
margin:0;
background:
radial-gradient(circle at top,#243b8f 0%,#080b1c 45%,#03040b 100%);
color:white;
min-height:100vh;
}


.top{
max-width:1200px;
margin:auto;
padding:40px 20px;
text-align:center;
}


.logo{
font-size:48px;
font-weight:900;
letter-spacing:10px;
color:#4c9aff;
text-shadow:0 0 25px #216cff;
}


.top h1{
font-size:42px;
margin:20px 0 10px;
}


.top p{
color:#b8c7ff;
font-size:20px;
}


.idiomas{
position:absolute;
right:40px;
top:40px;
}


.idiomas span{
background:#111936;
border:1px solid #304cff;
padding:10px;
border-radius:12px;
margin:5px;
}


.search{
max-width:650px;
margin:35px auto;
padding:20px;
background:#11182f;
border:1px solid #284bff;
border-radius:20px;
color:#9faeea;
font-size:18px;
}


.cards{

max-width:1100px;
margin:40px auto;
padding:20px;

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

}


.card{

background:
linear-gradient(145deg,#131b3d,#070a18);

border:1px solid rgba(70,120,255,.4);

border-radius:28px;

padding:35px 25px;

text-align:center;

transition:.3s;

}


.card:hover{

transform:translateY(-8px);

box-shadow:
0 0 35px rgba(50,100,255,.35);

}


.card span{

font-size:55px;

}


.card h2{

font-size:24px;

}


.card p{

color:#aeb9e8;
min-height:50px;

}


button{

margin-top:20px;

width:100%;

padding:14px;

border:0;

border-radius:15px;

background:
linear-gradient(90deg,#0066ff,#9b3cff);

color:white;

font-weight:bold;

}



footer{

text-align:center;
padding:40px;
color:#777;

}


@media(max-width:800px){

.idiomas{
position:static;
}

.cards{

grid-template-columns:1fr;

}

.logo{

font-size:32px;

}

.top h1{

font-size:30px;

}

}


nav{

position:sticky;
top:0;

display:flex;
justify-content:space-between;
align-items:center;

padding:20px 40px;

background:rgba(5,8,25,.85);

backdrop-filter:blur(15px);

border-bottom:1px solid #182d70;

z-index:10;

}


.brand{

font-size:28px;
font-weight:900;
letter-spacing:5px;
color:#4d91ff;

}



.menu a{

color:white;
text-decoration:none;
margin:0 12px;

font-size:15px;

}


.hero{

text-align:center;
padding:90px 20px 50px;

}


.hero h1{

font-size:65px;

letter-spacing:8px;

}


.hero span{

color:#4285ff;

}


.hero p{

font-size:22px;

color:#b5c4ff;

}



.categories{

max-width:1200px;
margin:auto;

display:grid;

grid-template-columns:repeat(3,1fr);

gap:25px;

padding:30px;

}



.box{

background:
rgba(20,30,70,.65);

border:

1px solid rgba(80,120,255,.4);

border-radius:30px;

padding:40px 25px;

text-align:center;

backdrop-filter:blur(15px);

}



.box div{

font-size:60px;

}



.box p{

color:#b8c6ef;

}




.quick{

max-width:1100px;

margin:50px auto;

text-align:center;

}



.articles{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:20px;

}



.articles div{

padding:25px;

background:#111832;

border-radius:20px;

border:1px solid #253b88;

}




.telegram{

position:fixed;

right:25px;

bottom:25px;

width:65px;

height:65px;

border-radius:50%;

background:#229ED9;

display:flex;

align-items:center;

justify-content:center;

font-size:30px;

text-decoration:none;

}




@media(max-width:800px){

nav{

flex-direction:column;

}


.menu{

display:none;

}


.hero h1{

font-size:40px;

}


.categories{

grid-template-columns:1fr;

}


.articles{

grid-template-columns:1fr 1fr;

}

}


.box{
text-decoration:none;
color:white;
display:block;
}

.box:hover{
color:white;
}



.featured{

max-width:1100px;
margin:60px auto;
padding:20px;
text-align:center;

}


.featured h2{

font-size:32px;

}


.help-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
margin-top:30px;

}



.help-grid a{

text-decoration:none;
color:white;

background:
linear-gradient(145deg,#111936,#070b18);

border:1px solid #274bff;

padding:30px;

border-radius:25px;

display:block;

}


.help-grid a:hover{

transform:translateY(-5px);

box-shadow:
0 0 30px rgba(60,100,255,.4);

}



.help-grid p{

color:#b9c7ff;

}



@media(max-width:800px){

.help-grid{

grid-template-columns:1fr;

}

}



.article{

max-width:900px;
margin:50px auto;
padding:20px;
text-align:center;

}


.article h1{

font-size:42px;

}


.subtitle{

color:#b9c7ff;
font-size:20px;

}


.step{

background:
linear-gradient(145deg,#111936,#070b18);

border:1px solid #284bff;

border-radius:25px;

padding:30px;

margin:30px 0;

}


.step img{

width:100%;

max-width:650px;

border-radius:20px;

margin-top:20px;

}


nav a{

color:white;
text-decoration:none;

}


@media(max-width:700px){

.article h1{

font-size:30px;

}

}



.topbar{

display:flex;
justify-content:space-between;
align-items:center;
max-width:1100px;
margin:auto;
padding:25px;

}


.logo{

font-size:32px;
font-weight:900;
letter-spacing:6px;
color:#4b8cff;

}


.hero{

padding:30px 20px 60px;
text-align:center;

}


.hero h1{

font-size:60px;
margin-top:60px;

}


.hero p{

font-size:22px;
color:#b9c7ff;

}


.search{

max-width:650px;
margin:40px auto 0;

padding:22px;

background:#111936;

border-radius:20px;

border:1px solid #3155ff;

color:#aab7e8;

}



.quick,
.devices,
.problems{

max-width:1100px;
margin:50px auto;
padding:20px;
text-align:center;

}



.grid{

display:grid;
grid-template-columns:repeat(5,1fr);
gap:15px;

}


.grid a{

text-decoration:none;
color:white;

background:#111936;

border:1px solid #274cff;

border-radius:22px;

padding:25px 10px;

display:flex;
flex-direction:column;
gap:10px;

}



.grid a:first-letter{

font-size:35px;

}



.grid span{

color:#aab7e8;

}



.device-grid{

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

}



.device-grid div{

background:#111936;
border-radius:25px;
padding:35px;
font-size:22px;
border:1px solid #274cff;

}



.problem-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;

}


.problem-grid a{

padding:25px;

background:#111936;

border-radius:20px;

color:white;

text-decoration:none;

border:1px solid #274cff;

}



@media(max-width:800px){

.hero h1{

font-size:38px;

}


.grid{

grid-template-columns:1fr;

}


.device-grid,
.problem-grid{

grid-template-columns:1fr;

}

}



.status,
.guides{

max-width:1100px;
margin:60px auto;
padding:20px;
text-align:center;

}



.status-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;

}



.status-grid div{

background:#0d162f;

border:1px solid #2147d9;

border-radius:20px;

padding:25px;

font-size:18px;

}



.guide-grid{

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

}



.guide-grid a{

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

border:1px solid #274cff;

border-radius:25px;

padding:25px;

text-decoration:none;

color:white;

}



.guide-img{

font-size:60px;

padding:25px;

}



.guide-grid p{

color:#b5c5ff;

}



.support-btn{

position:fixed;

right:25px;

bottom:25px;

width:65px;

height:65px;

border-radius:50%;

background:#008cff;

display:flex;

align-items:center;

justify-content:center;

font-size:30px;

text-decoration:none;

}



@media(max-width:800px){

.status-grid,
.guide-grid{

grid-template-columns:1fr;

}

}



.notice{

max-width:1100px;
margin:40px auto;

padding:20px;

background:
linear-gradient(90deg,#10255a,#21104d);

border-radius:20px;

border:1px solid #3155ff;

text-align:center;

}



.categories-help,
.latest{

max-width:1100px;

margin:60px auto;

padding:20px;

text-align:center;

}



.cat-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:20px;

}



.cat-grid a{

background:#111936;

padding:30px;

border-radius:22px;

border:1px solid #274cff;

color:white;

text-decoration:none;

font-size:22px;

}



.latest-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:25px;

}



.latest-grid div{

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

padding:30px;

border-radius:25px;

border:1px solid #274cff;

}



.latest-grid p{

color:#b7c5ff;

}



@media(max-width:800px){

.cat-grid,
.latest-grid{

grid-template-columns:1fr;

}

}



.article-card{

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

border:1px solid #274cff;

border-radius:25px;

padding:30px;

text-decoration:none;

color:white;

display:block;

}


.article-card:hover{

transform:translateY(-6px);

box-shadow:0 0 30px rgba(50,100,255,.4);

}




.help-menu{

max-width:1100px;

margin:40px auto;

padding:20px;

display:grid;

grid-template-columns:repeat(3,1fr);

gap:25px;

}


.help-menu a{

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

border:1px solid #274cff;

border-radius:28px;

padding:35px 20px;

text-align:center;

color:white;

text-decoration:none;

transition:.3s;

}


.help-menu a:hover{

transform:translateY(-8px);

box-shadow:0 0 35px rgba(50,100,255,.45);

}


.help-menu a:first-letter{

font-size:45px;

}


.help-menu p{

color:#b8c6ff;

}


@media(max-width:800px){

.help-menu{

grid-template-columns:1fr;

}

}



.guide-header{

max-width:900px;
margin:40px auto;
padding:35px;

background:
linear-gradient(145deg,#131d45,#070a18);

border-radius:30px;

border:1px solid #3155ff;

text-align:center;

}



.guide-title{

font-size:42px;
}



.guide-info{

display:flex;
justify-content:center;
gap:20px;
margin-top:25px;

}


.badge{

background:#101a38;

padding:12px 20px;

border-radius:20px;

border:1px solid #274cff;

}



.guide-step{

max-width:900px;

margin:30px auto;

background:#0d142d;

border-radius:25px;

padding:30px;

border:1px solid #203b91;

}



.guide-step img{

width:100%;

max-width:600px;

border-radius:20px;

margin-top:20px;

}



.next-guide{

display:block;

max-width:300px;

margin:40px auto;

padding:15px;

background:linear-gradient(90deg,#0066ff,#9146ff);

border-radius:15px;

color:white;

text-align:center;

text-decoration:none;

font-weight:bold;

}




.breadcrumb{

max-width:900px;

margin:25px auto;

color:#9caee8;

font-size:14px;

padding:0 20px;

}


.guide-start{

max-width:900px;

margin:30px auto;

background:#101a35;

border-radius:25px;

padding:25px;

border:1px solid #284cff;

}


.guide-start h3{

margin-top:0;

}



.check-list{

display:grid;

gap:12px;

text-align:left;

}


.check-list div{

background:#0b1228;

padding:15px;

border-radius:15px;

}



.warning-box{

max-width:900px;

margin:30px auto;

padding:25px;

border-radius:25px;

background:#241b10;

border:1px solid #d98c00;

}





.guide-nav{

max-width:900px;

margin:50px auto;

display:flex;

justify-content:space-between;

gap:15px;

padding:20px;

}


.guide-nav a{

flex:1;

padding:16px;

background:

linear-gradient(90deg,#0066ff,#813cff);

border-radius:18px;

color:white;

text-decoration:none;

text-align:center;

font-weight:bold;

}



.guide-nav a:hover{

opacity:.85;

}



@media(max-width:700px){

.guide-nav{

flex-direction:column;

}

}



.mobile-nav{
display:none;
}


@media(max-width:800px){

.mobile-nav{

position:fixed;
bottom:0;
left:0;
right:0;

height:70px;

background:rgba(8,12,30,.95);

border-top:1px solid #274cff;

display:flex;

justify-content:space-around;

align-items:center;

z-index:999;

}


.mobile-nav a{

color:white;

text-decoration:none;

font-size:12px;

text-align:center;

display:flex;

flex-direction:column;

}


body{

padding-bottom:80px;

}

}



.guide-image{

width:100%;

max-width:650px;

display:block;

margin:25px auto;

border-radius:22px;

border:1px solid #3155ff;

}


.step-number{

font-size:35px;

margin-bottom:10px;

}




.devices{

max-width:1100px;
margin:60px auto;
padding:20px;
text-align:center;

}


.device-grid{

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

}


.device-grid a{

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

border:1px solid #274cff;

border-radius:28px;

padding:35px;

color:white;

text-decoration:none;

transition:.3s;

}


.device-grid a:hover{

transform:translateY(-8px);

box-shadow:0 0 35px rgba(50,100,255,.4);

}


.device-grid p{

color:#b8c7ff;

}



@media(max-width:800px){

.device-grid{

grid-template-columns:1fr;

}

}



.code-grid{

max-width:1000px;
margin:50px auto;
padding:20px;

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

}



.code-card{

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

border:1px solid #274cff;

border-radius:28px;

padding:35px;

text-align:center;

}



.code{

font-size:38px;

font-weight:bold;

letter-spacing:5px;

margin:25px;

color:#4d91ff;

background:#080d20;

padding:20px;

border-radius:20px;

}



.code-card button{

padding:15px 30px;

border:0;

border-radius:15px;

background:linear-gradient(90deg,#0066ff,#913cff);

color:white;

font-weight:bold;

}



@media(max-width:800px){

.code-grid{

grid-template-columns:1fr;

}

}



.codes-access{

max-width:1100px;

margin:60px auto;

padding:20px;

text-align:center;

}



.codes-access a{

display:block;

max-width:400px;

margin:auto;

padding:35px;

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

border:1px solid #274cff;

border-radius:28px;

color:white;

text-decoration:none;

}



.codes-access a:hover{

transform:translateY(-6px);

box-shadow:0 0 30px rgba(50,100,255,.4);

}





.codes-grid{

max-width:1000px;

margin:40px auto;

padding:20px;

display:grid;

grid-template-columns:repeat(3,1fr);

gap:25px;

}



.code-box{

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

border:1px solid #274cff;

border-radius:30px;

padding:35px;

text-align:center;

}



.status-ok{

display:inline-block;

background:#102b20;

padding:8px 15px;

border-radius:20px;

margin:10px;

}



.number{

font-size:40px;

font-weight:bold;

letter-spacing:5px;

color:#4d91ff;

background:#080d20;

padding:20px;

border-radius:20px;

margin:25px 0;

}



.code-box button{

border:0;

padding:15px 35px;

border-radius:20px;

background:linear-gradient(90deg,#0066ff,#913cff);

color:white;

font-weight:bold;

}



@media(max-width:800px){

.codes-grid{

grid-template-columns:1fr;

}

}



.faq-grid{

max-width:1100px;

margin:40px auto;

padding:20px;

display:grid;

grid-template-columns:repeat(3,1fr);

gap:25px;

}



.faq-grid a{

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

border:1px solid #274cff;

border-radius:28px;

padding:35px;

color:white;

text-decoration:none;

text-align:center;

}



.faq-grid a:hover{

transform:translateY(-8px);

box-shadow:0 0 35px rgba(50,100,255,.4);

}



.faq-grid p{

color:#b8c7ff;

}



@media(max-width:800px){

.faq-grid{

grid-template-columns:1fr;

}

}



@media(max-width:760px){

.simple-header{

padding-top:15px;

}


.simple-top{

position:sticky;

top:0;

z-index:50;

background:rgba(7,10,25,.90);

backdrop-filter:blur(12px);

padding:15px 0;

}


}



.simple-card{

min-height:90px;

padding:20px;

}


.simple-card .simple-icon{

width:45px;
height:45px;

font-size:23px;

}


.simple-card h2{

font-size:17px;

margin-bottom:4px;

}


.simple-card p{

font-size:13px;

}



@media(max-width:760px){


.simple-card{

grid-template-columns:auto 1fr auto;

border-radius:18px;

min-height:82px;

}


.simple-card > span{

font-size:22px;

}


}



.search{

background:#111936;
padding:18px;
border-radius:20px;
border:1px solid #3155ff;

}


.search input{

width:100%;

background:transparent;

border:0;

outline:none;

color:white;

font-size:18px;

}




.sports-home{

background:#050816;
color:white;
min-height:100vh;
overflow-x:hidden;

}


.sports-bg{

position:fixed;
inset:0;

background:
radial-gradient(circle at top,#1b4fff55,transparent 35%),
radial-gradient(circle at bottom,#7a00ff44,transparent 40%),
linear-gradient(160deg,#02040d,#080d25);

z-index:-1;

}



.sports-header{

max-width:900px;
margin:auto;
padding:70px 20px 35px;
text-align:center;

}






.sports-title span{

display:block;

margin-top:15px;

font-size:13px;

letter-spacing:5px;

color:#8ea9ff;

}



.sports-title h1{

font-size:45px;

margin:25px 0 10px;

font-weight:900;

}



.sports-title p{

color:#9ba9d4;

font-size:18px;

}



.sports-menu{

max-width:850px;

margin:20px auto;

padding:20px;

display:flex;

flex-direction:column;

gap:18px;

}



.sports-card{

display:flex;

align-items:center;

gap:25px;

padding:25px;

border-radius:22px;

background:rgba(15,24,55,.85);

border:1px solid rgba(255,255,255,.15);

color:white;

text-decoration:none;

backdrop-filter:blur(10px);

transition:.25s;

}



.sports-card:hover{

transform:translateX(8px);

}



.card-icon{

font-size:38px;

}



.card-text{

flex:1;

}



.card-text h2{

margin:0;

font-size:22px;

letter-spacing:1px;

}



.card-text p{

margin:6px 0 0;

color:#aab7dd;

}



.arrow{

font-size:45px;

color:#66a0ff;

}



.blue{
border-left:5px solid #1683ff;
}

.purple{
border-left:5px solid #8b45ff;
}

.orange{
border-left:5px solid #ff9b32;
}

.red{
border-left:5px solid #ff3d67;
}

.green{
border-left:5px solid #00d889;
}



.sports-footer{

text-align:center;

padding:45px;

color:#7180a8;

letter-spacing:3px;

}



@media(max-width:700px){




.sports-title h1{

font-size:30px;

}


.sports-card{

padding:18px;

gap:15px;

}


.card-icon{

font-size:30px;

}


.card-text h2{

font-size:16px;

}


.card-text p{

font-size:12px;

}


}





/* ===== MDPRIME SPORTS DESIGN ===== */

body.sports-home{
margin:0;
background:#030713;
color:white;
font-family:Arial,Helvetica,sans-serif;
}


.sports-bg{
position:fixed;
inset:0;
background:
radial-gradient(circle at top,#124cff55,transparent 35%),
linear-gradient(160deg,#02040d,#091536);
z-index:-1;
}


.sports-header{
text-align:center;
padding:70px 20px 35px;
}





.sports-title h1{
font-size:45px;
font-weight:900;
font-style:italic;
margin:30px 0 10px;
}


.sports-title p{
font-size:18px;
color:#a8b9e8;
}


.sports-menu{
max-width:950px;
margin:auto;
padding:20px;
display:flex;
flex-direction:column;
gap:18px;
}


.sports-card{
height:110px;
display:flex;
align-items:center;
background:rgba(8,15,35,.95);
border-radius:22px;
border:2px solid #146cff;
overflow:hidden;
text-decoration:none;
color:white;
}


.card-icon{
width:130px;
height:100%;
display:flex;
align-items:center;
justify-content:center;
font-size:55px;
background:rgba(0,90,255,.25);
}


.card-text{
flex:1;
padding-left:30px;
}


.card-text h2{
font-size:27px;
font-style:italic;
margin:0;
}


.card-text p{
font-size:17px;
color:#62a4ff;
}


.arrow{
font-size:60px;
padding-right:30px;
color:#2d8cff;
}


.sports-footer{
text-align:center;
padding:40px;
letter-spacing:5px;
color:#7180a8;
}


@media(max-width:700px){



.sports-title h1{
font-size:28px;
}

.sports-card{
height:85px;
}

.card-icon{
width:80px;
font-size:35px;
}

.card-text{
padding-left:15px;
}

.card-text h2{
font-size:16px;
}

.card-text p{
font-size:12px;
}

}



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

.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;

}





/* ===== LOGO HELP CENTER ORIGINAL ===== */

.sports-header 




/* AJUSTE LOGO IMAGEN HEADER */







.sports-title span{

display:none!important;

}









/* LOGO MDPRIME HELP CENTER AJUSTADO */







/* ===== LOGO MDPRIME HELP CENTER LIMPIO ===== */

.sports-logo{
    text-align:center;
    margin:0 auto 25px;
    height:auto;
    background:none;
    font-size:0;
}

.sports-logo img{
    width:420px;
    max-width:85%;
    height:auto;
    display:block;
    margin:0 auto;
}



/* PRUEBA LOGO NUEVO DIRECTO */

.sports-logo img{
    display:block!important;
    width:420px!important;
    height:auto!important;
    max-width:90%!important;
    margin:0 auto!important;
}


.sports-logo{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    width:100%!important;
    height:auto!important;
    background:none!important;
    font-size:0!important;
}



/* AJUSTE LOGO HEADER FINAL */

.sports-logo img{
    width:520px!important;
    max-width:90%!important;
}

.sports-logo{
    margin-bottom:40px!important;
}

.sports-title h1{
    margin-top:20px!important;
}


/* AJUSTE PREMIUM CABECERA */

.sports-header{
    padding-top:25px!important;
}


.sports-logo img{
    width:650px!important;
    max-width:95%!important;
}


.sports-logo{
    margin-bottom:15px!important;
}


.sports-title h1{
    margin-top:10px!important;
    font-size:48px!important;
}


.sports-title p{
    margin-top:15px!important;
    opacity:.9;
}



/* AJUSTE PREMIUM CABECERA */

.sports-header{
    padding-top:25px!important;
}

.sports-logo img{
    width:650px!important;
    max-width:95%!important;
}

.sports-logo{
    margin-bottom:15px!important;
}

.sports-title h1{
    margin-top:10px!important;
    font-size:48px!important;
}

.sports-title p{
    margin-top:15px!important;
    opacity:.9;
}


/* LOGOS DISPOSITIVOS */

.device-logo{
    width:160px;
    height:110px;
    object-fit:contain;
    display:block;
    margin:0 auto 15px;
}


/* AJUSTE LOGOS DISPOSITIVOS */

.help-menu a .device-logo{
    width:260px!important;
    height:140px!important;
    object-fit:contain!important;
    display:block!important;
    margin:0 auto 20px!important;
}


/* FORZAR LOGOS DISPOSITIVOS */

img.device-logo{
    width:300px!important;
    max-width:300px!important;
    height:120px!important;
    max-height:120px!important;
    object-fit:contain!important;
    display:block!important;
    margin:0 auto 15px!important;
}

.help-menu a{
    overflow:hidden!important;
}


/* CORRECCION TARJETAS DISPOSITIVOS */

.help-menu a .device-logo{
    width:260px!important;
    height:130px!important;
    max-width:260px!important;
    max-height:130px!important;
    object-fit:contain!important;
    display:block!important;
    margin:0 auto 20px!important;
}

.help-menu a:first-letter{
    font-size:initial!important;
}


/* FICHAS APPS IGUAL QUE DISPOSITIVOS */

.help-card{
    background:linear-gradient(145deg,#121b3d,#070a18);
    border:1px solid #274cff;
    border-radius:28px;
    padding:35px 20px;
    text-align:center;
    color:white;
    text-decoration:none;
}

.help-card .device-logo img{
    width:220px;
    height:120px;
    object-fit:contain;
}

.help-card h2{
    color:white;
}

.help-card p{
    color:#b8c6ff;
}


/* GUIAS DISPOSITIVOS PREMIUM */

.device-step,
.guide-start,
.warning-box{

max-width:900px;
margin:35px auto;
padding:30px;

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

border:1px solid #274cff;

border-radius:28px;

box-shadow:
0 0 25px rgba(0,100,255,.25);

color:white;

}


.device-step h2,
.guide-start h2{

font-size:28px;

margin-bottom:25px;

color:white;

}


.device-step p{

font-size:18px;

line-height:1.7;

color:#d9e5ff;

}


.guide-image{

display:block;

max-width:600px;

width:90%;

margin:25px auto;

border-radius:18px;

border:1px solid #274cff;

}


.warning-box{

font-size:18px;

color:#fff;

}


.device-info{

display:flex;

justify-content:center;

gap:15px;

flex-wrap:wrap;

}


.device-badge{

background:#101b38;

border:1px solid #274cff;

padding:12px 20px;

border-radius:20px;

color:white;

}



/* CABECERA GUIAS PREMIUM */

.device-header{
    max-width:900px!important;
    margin:40px auto!important;
    padding:35px!important;
    text-align:center!important;
    background:linear-gradient(145deg,#121b3d,#070a18)!important;
    border:1px solid #274cff!important;
    border-radius:28px!important;
    box-shadow:0 0 30px rgba(0,100,255,.30)!important;
}

.device-logo-title{
    font-size:70px!important;
    margin-bottom:15px!important;
}

.device-header h1{
    color:white!important;
    font-size:38px!important;
    margin:10px 0!important;
    font-family:Arial Black,Arial,sans-serif!important;
}

.device-header p{
    color:#b8c6ff!important;
    font-size:18px!important;
}

/* IMAGENES GUIAS FIRE TV */

.guide-image{
    width:70%!important;
    max-width:650px!important;
    height:auto!important;
    display:block!important;
    margin:25px auto!important;
    border-radius:20px!important;
    border:1px solid #274cff!important;
    box-shadow:0 0 25px rgba(0,100,255,.25)!important;
}


/* LOGOS CODIGOS DOWNLOADER */

.code-logo{
    width:220px!important;
    height:140px!important;
    object-fit:contain!important;
    display:block!important;
    margin:0 auto 20px!important;
    border-radius:20px!important;
}


/* LOGOS CODIGOS PREMIUM */

.help-card .code-logo{
    width:320px!important;
    height:180px!important;
    max-width:100%!important;
    object-fit:contain!important;
    display:block!important;
    margin:0 auto 25px!important;
}


.help-card img.code-logo{
    display:block!important;
    width:280px!important;
    height:160px!important;
    object-fit:contain!important;
    margin:0 auto 20px!important;
    opacity:1!important;
    visibility:visible!important;
}


.faq-logo{
    width:90px;
    height:90px;
    object-fit:contain;
    display:block;
    margin:0 auto 15px;
}

.faq-grid a{
    text-align:center;
}


.faq-grid a img.faq-logo{
    width:80px !important;
    height:80px !important;
    max-width:80px !important;
    max-height:80px !important;
    object-fit:contain !important;
    display:block !important;
    margin:0 auto 15px !important;
}


.faq-grid a img.faq-logo{
    width:150px !important;
    height:150px !important;
    object-fit:contain !important;
    display:block !important;
    margin:0 auto 20px !important;
}


.faq-grid a img.faq-logo{
    width:220px !important;
    height:160px !important;
    object-fit:contain !important;
    transform:scale(1.5) !important;
    margin:0 auto 25px !important;
}


.faq-grid a img.faq-logo{
    width:180px !important;
    height:140px !important;
    object-fit:contain !important;
    display:block !important;
    margin:0 auto 20px !important;
}


.faq-grid a img.faq-logo{
    width:220px !important;
    height:180px !important;
    object-fit:contain !important;
    display:block !important;
    margin:0 auto 15px !important;
}


.faq-grid a img.faq-logo{
    width:320px !important;
    height:260px !important;
    transform:scale(2) !important;
    object-fit:contain !important;
    display:block !important;
    margin:-20px auto 10px !important;
}


.faq-grid a img.faq-logo{
    width:260px !important;
    height:210px !important;
    object-fit:contain !important;
    display:block !important;
    margin:0 auto 15px !important;
}


.prices-images{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:35px;
    padding:30px 20px;
}

.price-img{
    width:75%;
    max-width:1100px;
    height:auto;
    object-fit:contain;
}

@media(max-width:700px){

.price-img{
    width:95%;
}

}


@media(max-width:700px){

.device-step img,
.guide-image,
.guide-step img,
.step img{
    width:95% !important;
    max-width:95% !important;
    height:auto !important;
    margin:15px auto !important;
    display:block !important;
}

}


.stripe-pay{
    display:block;
    width:max-content;
    margin:35px auto;
    padding:16px 45px;
    background:#087cff;
    color:white;
    border-radius:25px;
    text-decoration:none;
    font-size:20px;
    font-weight:900;
    box-shadow:0 0 25px rgba(0,120,255,.5);
    text-align:center;
}

.stripe-pay:hover{
    background:#005bea;
}


.stripe-pay{
    display:block;
    width:max-content;
    margin:35px auto;
    padding:16px 45px;
    background:#087cff;
    color:white;
    border-radius:25px;
    text-decoration:none;
    font-size:20px;
    font-weight:900;
    text-align:center;
    box-shadow:0 0 25px rgba(0,120,255,.5);
}

.stripe-pay:hover{
    background:#005bea;
}




.payment-box{
    text-align:center!important;
    margin:50px auto!important;
}

.payment-button{
    display:inline-block!important;
    background:#087cff!important;
    color:#ffffff!important;
    padding:20px 60px!important;
    border-radius:30px!important;
    font-size:22px!important;
    font-weight:900!important;
    text-decoration:none!important;
    box-shadow:0 0 25px rgba(0,120,255,.8)!important;
}

.payment-button:hover{
    transform:scale(1.05)!important;
}