/* ================= PRELOADER UNIVERSAL ================= */

html,
body{

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

    background:#000 !important;

}

/* OCULTAR WEB HASTA CARGAR */

body.loading > *:not(#megaLoader){

    visibility:hidden !important;

}

/* LOADER */

#megaLoader{

    position:fixed !important;

    top:0 !important;
    left:0 !important;

    width:100vw !important;
    height:100vh !important;

    background:#000 !important;

    z-index:999999999 !important;

    display:flex !important;

    flex-direction:column !important;

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

    overflow:hidden !important;

}


/* =========================
   LOADER WINDOWS 11
========================= */

#megaLoader{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;

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

    z-index:999999;

    transition:opacity .6s ease,
               visibility .6s ease;
}

/* ocultar loader */

#megaLoader.hide{
    opacity:0;
    visibility:hidden;
}

/* spinner */

.mega-spinner{
    position:relative;
    width:80px;
    height:80px;
}

/* puntos */

.mega-spinner span{

    position:absolute;

    width:12px;
    height:12px;

    background:#00d9ff;

    border-radius:50%;

    top:50%;
    left:50%;

    margin:-6px;

    animation:megaSpin 1.2s linear infinite;
}

/* posiciones */

.mega-spinner span:nth-child(1){
    transform:rotate(0deg) translate(30px);
    animation-delay:0s;
}

.mega-spinner span:nth-child(2){
    transform:rotate(72deg) translate(30px);
    animation-delay:.15s;
}

.mega-spinner span:nth-child(3){
    transform:rotate(144deg) translate(30px);
    animation-delay:.3s;
}

.mega-spinner span:nth-child(4){
    transform:rotate(216deg) translate(30px);
    animation-delay:.45s;
}

.mega-spinner span:nth-child(5){
    transform:rotate(288deg) translate(30px);
    animation-delay:.6s;
}

/* animación */

@keyframes megaSpin{

    0%{
        opacity:1;
    }

    100%{
        opacity:.2;
    }

}
/* =========================
   FIN LOADER WINDOWS 11
========================= */
*{
    box-sizing:border-box;
}

.app-img{
    width:180px;
    max-width:100%;
    transition:0.3s ease;
    filter:drop-shadow(0 0 12px #00eaff);
}

.app-download img:hover{
    transform:scale(1.08);
    filter:drop-shadow(0 0 20px #00ffff);
}		

.golden-line{
    border:0;
    border-top:4px solid gold;
    margin:20px 0;
}

.iframe-container{
    position:relative;
    width:100%;
    overflow:hidden;
    border-radius:10px;
}

.iframe-container iframe{
    width:100%;
    height:700px;
    border:0;
}

/* CELULARES */
@media screen and (max-width:768px){

    .iframe-container iframe{
        height:750px !important;
    }

}

.top-banner{
    width:100%;
    background:#000;
    padding-bottom:40px;
    position:relative;
    z-index:1;
}

.top-banner img{
    width:100%;
    height:auto;
    display:block;
    object-fit:cover;
}
/* ================== VIDEO ================== */

.video-box{
    width:100%;
    margin:30px auto;
}

/* ================== CHAT ================== */

.chat-box{
    width:100%;
    margin:30px auto;
}

/* ================== RESPONSIVE ================== */

@media screen and (max-width:768px){

    .chat-box iframe{
        height:350px;
    }

    .video-box iframe{
        height:350px;
    }

}	
/* ================== CONTADOR ================== */

.neoCounterWrap{
    max-width:90%;
    width:280px;
    padding:14px 16px;
    margin:80px auto 50px auto;
    border-radius:18px;
    background:rgba(10,14,22,.65);
    border:1px solid rgba(0,255,255,.35);
    box-shadow:
    0 0 22px rgba(0,255,255,.25),
    inset 0 0 18px rgba(0,255,255,.12);
    backdrop-filter:blur(10px);
    font-family:Arial,sans-serif;
    text-align:center;
}

.neoTitle{
    font-size:12px;
    letter-spacing:3px;
    color:rgba(0,255,255,.85);
    margin-bottom:10px;
}

.neoCounter{
    font-size:40px;
    font-weight:800;
    color:#00ffff;
    text-shadow:0 0 14px rgba(0,255,255,.7);
    font-family:"Trebuchet MS",Arial,sans-serif;
}

.neoStatus{
    margin-top:6px;
    font-size:11px;
    color:rgba(255,255,255,.65);
}

/* ================== CAROUSEL ================== */
#programacion {
    width: 100%;
    max-width: 900px;
    margin: auto;
    padding: 35px 20px;
    background: linear-gradient(160deg, #000033, #000080);
    border-radius: 18px;
    box-shadow: 0 0 30px rgba(0,0,0,.65);
    text-align: center;
    box-sizing: border-box;
}

/* TITULO */
.titulo {
    text-align: center;
    margin-bottom: 35px;
}

.titulo .linea1 {
    display: block;
    font-size: 34px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #00ffd5;
    text-transform: uppercase;
}

.titulo .linea2 {
    display: block;
    margin-top: 8px;
    font-size: 22px;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: 4px;
}

/* TEXTO ROTATIVO */
.texto {
    display: none;
    animation: fade 1s ease;
}

/* HORARIO */
.hora {
    display: block;
    font-size: 26px;
    color: #00ff00;
    font-weight: 600;
    margin-bottom: 8px;
}

/* PROGRAMA */
.categoria {
    display: block;
    font-size: 30px;
    color: #ffffff;
    letter-spacing: 1px;
}

/* ANIMACIÓN */
@keyframes fade {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* RESPONSIVE */
@media (max-width: 600px) {
    .titulo .linea1 {
        font-size: 24px;
    }
    .titulo .linea2 {
        font-size: 18px;
    }
    .hora {
        font-size: 18px;
    }
    .categoria {
        font-size: 22px;
    }
}
.fade-text{
    opacity:1;
    animation:fadeInOut 8s infinite;
    transition:opacity 1s ease-in-out;
}
/* ================== CAROUSEL ================== */
.dj-carousel {
  width: 100%;
  overflow: hidden;
  background-image: url("https://www.megaradioonline.com/img/STAFF.gif");
  background-size: cover;
  background-position: center;
  padding: 5px 0;
  position: relative;
}

/* ===== PISTA ===== */
.dj-track {
  display: flex;
  width: max-content;
  will-change: transform;
}

/* ===== ITEM ===== */
.dj-item {
  width: 180px;
  flex-shrink: 0;
  text-align: center;
  font-family: Arial, sans-serif;
  color: #ffffff;
  margin: 0 15px;
}

/* ===== LOGO ===== */
.dj-item img {
  width: 120px;
  height: auto;
  margin-bottom: 6px;
  transition: transform 0.3s ease, filter 0.3s ease;
}

.dj-item img:hover {
  transform: scale(1.12);
  filter: drop-shadow(0 0 10px #00eaff);
}

/* ===== TEXTO ===== */
.dj-country { font-size: 16px; font-weight: bold; }
.dj-day { font-size: 14px; color: #00eaff; }
.dj-time { font-size: 14px; color: #ffd700; }

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .dj-item { width: 150px; }
  .dj-item img { width: 100px; }
}
/* ================== CAROUSEL ================== */
@keyframes fadeInOut{
    0%{opacity:0;}
    20%{opacity:1;}
    80%{opacity:1;}
    100%{opacity:0;}
}


/* CARD */

.radio-card{

    background:
    rgba(0,0,0,.45);

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

    border-radius:18px;

    padding:20px;

    text-align:center;

    transition:.3s ease;

    backdrop-filter:blur(6px);

}

/* HOVER */

.radio-card:hover{

    transform:translateY(-5px);

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

}

/* LOGO */

.radio-card img{

    width:120px;

    height:120px;

    object-fit:cover;

    border-radius:50%;

    margin:auto;

    display:block;

    transition:.3s ease;

}

/* HOVER LOGO */

.radio-card:hover img{

    transform:scale(1.05);

}

/* TITULO */

.radio-card h3{

    color:#ffffff;

    margin-top:15px;

    font-size:1rem;

    font-weight:700;

}

/* TEXOS RADIOS */

#two h2{

    color:#00D9FF !important;

    text-shadow:
    0 0 12px rgba(0,217,255,.25);

    font-weight:800;

}

#two p{

    color:#F5F5F5 !important;

    font-size:20px;

    line-height:1.7;

    text-shadow:
    0 0 8px rgba(0,0,0,.55);

}
/* ================== IVA ================== */

.iva-box{
    max-width:480px;
    margin:20px auto;
    padding:24px;
    background:#ffffff;
    border-radius:16px;
    box-shadow:0 4px 18px rgba(0,0,0,0.12);
    font-family:Arial,sans-serif;
}

.iva-header-image{
    text-align:center;
    margin-bottom:20px;
}

.iva-header-image img{
    width:100%;
    max-width:420px;
    height:auto;
    display:inline-block;
}

.iva-box h2{
    text-align:center;
    margin-bottom:20px;
    color:#0d47a1;
}

.iva-group{
    margin-bottom:16px;
}

.iva-group label{
    display:block;
    margin-bottom:6px;
    font-weight:bold;
    color:#333;
}

.iva-group input,
.iva-group select{
    width:100%;
    padding:12px;
    border:1px solid #ccc;
    border-radius:10px;
    font-size:15px;
    box-sizing:border-box;
}

.iva-buttons{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-top:18px;
}

.iva-buttons button{
    padding:12px;
    border:none;
    border-radius:10px;
    font-size:15px;
    font-weight:bold;
    cursor:pointer;
    background:#1565c0;
    color:white;
    transition:0.2s;
}

.iva-buttons button:hover{
    background:#0d47a1;
}

.iva-buttons .btn-clear{
    background:#757575;
}

.iva-buttons .btn-clear:hover{
    background:#616161;
}

.iva-resultados{
    margin-top:22px;
    padding:16px;
    background:#f1f3f6;
    border-radius:12px;
    border:1px solid #d7dde5;
}

.iva-resultados div{
    display:flex;
    justify-content:space-between;
    margin-bottom:10px;
    font-size:16px;
    color:#1f2937;
    font-weight:600;
}

.iva-resultados div:last-child{
    margin-bottom:0;
}

.iva-resultados span{
    color:#374151;
}

.iva-resultados strong{
    color:#0d47a1;
    font-size:18px;
}

/* ================== INFO IVA ================== */

.iva-info{
    max-width:800px;
    margin:30px auto 0;
    font-family:Arial,sans-serif;
}

.iva-card{
    background:#101827;
    color:#e5e7eb;
    border-radius:18px;
    padding:24px;
    margin-bottom:22px;
    box-shadow:0 4px 16px rgba(0,0,0,0.18);
}

.iva-card h3{
    margin-top:0;
    margin-bottom:18px;
    font-size:28px;
    color:#ffffff;
}

.iva-card h4{
    color:#22d3ee;
    margin-top:22px;
    margin-bottom:12px;
}

.iva-highlight{
    background:#1e293b;
    border-left:5px solid #6366f1;
    padding:16px;
    border-radius:12px;
    line-height:1.7;
}

.iva-example{
    margin-top:18px;
    background:#172033;
    border-left:5px solid #ec4899;
    padding:16px;
    border-radius:12px;
    line-height:1.8;
}

.iva-card ol{
    padding-left:24px;
    line-height:1.9;
}

.faq-item{
    background:#172033;
    padding:18px;
    border-radius:14px;
    margin-bottom:16px;
}

.faq-item:last-child{
    margin-bottom:0;
}

.faq-item h4{
    margin-top:0;
}

.faq-item p{
    margin-bottom:0;
    color:#d1d5db;
    line-height:1.8;
}

/* ================== RESPONSIVE IVA ================== */

@media screen and (max-width:480px){

    .iva-box{
        padding:16px;
    }

    .iva-box h2{
        font-size:22px;
    }

    .iva-buttons button{
        font-size:14px;
        padding:10px;
    }

    .iva-resultados div{
        font-size:14px;
    }

}
/* ================== LEGAL ================== */

#legal .box{
    text-align:left;
    line-height:1.8;
}

#legal ul{
    margin-left:20px;
}


  /* ========== RESPONSIVE: apilar en móvil ========== */
@media (max-width: 900px){

    #mega-contenedor{
        flex-wrap:wrap !important;
    }

    #fb-gadget-wrapper{
        display:none !important;
    }

    #top-radio{
        width:100% !important;
        max-width:100% !important;
    }

}
  /* ================== FIX TOP + FACEBOOK ================== */

#mega-contenedor{

    width:100% !important;

    display:flex !important;

    flex-wrap:wrap !important;

    align-items:flex-start !important;

    justify-content:center !important;

    gap:30px !important;

    margin:20px auto 5px auto !important;

    position:relative !important;

    z-index:1 !important;

    clear:both !important;

}

/* TOP CANCIONES */

#top-canciones{

    flex:1 1 700px !important;

    min-width:0 !important;

}
/* ================= FACEBOOK REAL FIX ================= */
#fb-gadget-wrapper{

    flex:0 1 340px !important;

    width:100% !important;

    max-width:340px !important;

    min-width:0 !important;

    overflow:hidden !important;

    margin:0 auto !important;

}

#fb-gadget-wrapper iframe{

    width:340px !important;

    max-width:100% !important;

    height:520px !important;

    border:none !important;

    display:block !important;

    margin:0 auto !important;

}

/* EVITAR QUE APLASTE IFRAMES */

.iframe-container,
.video-box,
.chat-box{

    width:100% !important;

    display:block !important;

    clear:both !important;

    position:relative !important;

    z-index:2 !important;

}

  /* ========== ESTILOS DEL WIDGET Top Canciones ========== */
  #top-canciones{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,Cantarell,"Noto Sans",sans-serif}
  .tcw{background:#1f2937;color:#f9fafb;border:1px solid #374151;border-radius:16px;padding:14px;box-shadow:0 6px 20px rgba(0,0,0,.3)}
  .tcw__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
  .tcw__titlewrap{display:flex;align-items:center;gap:10px}
  .tcw__logo{display:block;max-height:65px;width:auto;object-fit:contain;border-radius:6px}
  .tcw__title{margin:0;font-size:1.15rem;color:#f3f4f6}
  .tcw__week{font-size:.85rem;color:#9ca3af}
  .tcw__list{list-style:none;margin:0;padding:0;border-radius:12px;overflow-y:auto;background:#111827;}
  .tcw__item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 10px;border-bottom:1px solid #111827;background:#1b2430}
  .tcw__item:nth-child(odd){background:#101722}
  .tcw__pos{display:inline-block;width:26px;text-align:center;font-weight:700;color:#e5e7eb}
  .tcw__cover{width:50px;height:50px;border-radius:8px;object-fit:cover;background:#4b5563;margin-right:10px}
  .tcw__meta{min-width:0}
  .tcw__track{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tcw__artist{font-size:.9rem;color:#d1d5db;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tcw__empty,.tcw__error{margin-top:8px}
  .tcw__empty{color:#9ca3af}
  .tcw__error{color:#fca5a5}
/* ================== FIN TOP + FACEBOOK ================== */

/* ================== MODO CELULAR RADIO ================== */

@media screen and (max-width:768px){

    /* OCULTAR BOTÓN CONTACTO */

    #header nav ul li a[href="#contact"]{
        display:none !important;
    }

    /* OCULTAR SECCIONES */

.dj-carousel,
#programacion,
.neoCounterWrap,
#one,
#work,
#legal,
#contact{
    display:none !important;
}

    /* HEADER */

    #header nav{
        margin-left:auto !important;
    }

    #header h1{
        width:auto !important;
        text-align:left !important;
        font-size:18px !important;
    }

    /* ESPACIO SUPERIOR */

.top-banner{

    width:100%;
    background:#000;

    padding-top:120px;
    padding-bottom:25px;

    position:relative;
    z-index:1;

}

    /* PLAYER */

.iframe-container iframe{
    width:100% !important;
    height:780px !important;
}

    /* VIDEO */

    .video-box iframe{
        width:100% !important;
        height:350px !important;
    }

    /* CHAT */

    .chat-box iframe{
        width:100% !important;
        height:450px !important;
    }

    /* PORTADA */



}
  /* ================== MODO CELULAR RADIO ================== */


/* ================== GIF CENTRADO ================== */

.live-container{

    width:100%;

    display:flex;

    justify-content:center;

    align-items:center;

    margin:30px auto;

    text-align:center;

}

.live-img{

    width:500px;

    max-width:90%;

    height:auto;

    display:block;

    margin:auto;

}

.app-download{
    text-align:center;
    margin-top:25px;
}



/* PLAYER */

.iframe-container{

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

    margin:0 auto 40px auto !important;

}

/* VIDEO */

.video-box{

    width:100% !important;

     margin:0 auto !important;

}

/* CHAT */

.chat-box{

    width:100% !important;

     margin:0 auto !important;

}


/* ================== HEADER FINAL ================== */
#header{

    position:fixed !important;

    top:15px !important;

    left:50% !important;

    transform:translateX(-50%) !important;

    width:96% !important;

    max-width:1700px !important;

    min-height:78px !important;

    padding:14px 28px !important;

    display:flex !important;

    align-items:center !important;

    justify-content:space-between !important;

background:#050505ee;

backdrop-filter:blur(14px) !important;

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

    border-radius:18px !important;

    box-shadow:0 0 30px rgba(0,255,255,.08) !important;

    z-index:999999 !important;

}

/* LOGO */

#header h1{

    margin:0 !important;

    padding:0 !important;

    width:auto !important;

    flex:0 0 auto !important;

}

/* MENU */

#header nav{

    margin-left:auto !important;

}

/* LISTA */

#header nav ul{

    display:flex !important;

    flex-wrap:wrap !important;

    justify-content:center !important;

    align-items:center !important;

    gap:8px !important;

    margin:0 !important;

    padding:0 !important;

    list-style:none !important;

}

/* LINKS */

#header nav ul li a{

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    height:36px !important;

    color:#ffffff !important;

    text-decoration:none !important;

    font-size:12px !important;

    font-weight:500 !important;

    letter-spacing:1px !important;

    padding:0 10px !important;

    line-height:1 !important;

    border-radius:12px !important;

    transition:all .3s ease !important;

    background:rgba(255,255,255,.03);

    border:1px solid transparent;

}
/* ================= FIX TRANSPARENCIA MENU ================= */

#header{

    background:rgba(0,0,0,.72) !important;

    backdrop-filter:blur(14px);

    -webkit-backdrop-filter:blur(14px);

    display:flex !important;

    align-items:center !important;

    justify-content:space-between !important;

    height:72px !important;

    padding:0 18px !important;

    border-radius:22px !important;

}
/* CENTRAR MENU */

#header nav{

    height:100% !important;

    display:flex !important;

    align-items:center !important;

}

#header nav ul li a{

    background:rgba(255,255,255,.05) !important;

    color:#ffffff !important;

}

#header nav ul li a:hover{

    background:rgba(0,217,255,.15) !important;

    border:1px solid rgba(0,217,255,.45) !important;

    box-shadow:0 0 12px rgba(0,217,255,.35);

}
/* HOVER */

#header nav ul li a:hover{

    color:#00e5ff !important;

    border:1px solid #00e5ff !important;

    box-shadow:0 0 12px rgba(0,229,255,.6);

    background:rgba(0,229,255,.08);

}

/* LINK ACTIVO */

#header nav ul li a.active{

    color:#00ffff !important;

    border:
    1px solid rgba(0,255,255,.45) !important;

}


/* ================== FIX FINAL FONDO ================== */

body{
	
	overflow-x:hidden;
    background:
    linear-gradient(
        rgba(0,0,0,.75),
        rgba(0,0,0,.82)
    ),
    url("https://megaradioonline.com/img/unnamed.jpg") !important;

    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    background-attachment:fixed !important;
}

/* ELIMINAR SOLO FONDOS NECESARIOS */

.main.style3.primary,
.main.style3.secondary{

    background:transparent !important;

    background-color:transparent !important;

}

/* CAJAS */

.box{
    background:rgba(0,0,0,.5) !important;
    backdrop-filter:blur(8px);
    border-radius:15px;
    padding:2em;
}
/* PLAYER RADIO */

.radio-card audio{

    width:100%;

    margin-top:15px;

    border-radius:10px;

    filter:
    drop-shadow(0 0 10px rgba(0,255,255,.15));

}

/* ================== CHAT + VIDEO AUTO ================== */

.media-layout{

    display:flex;

    gap:25px;

    align-items:stretch;

    justify-content:center;

    width:100%;

    margin:40px auto;

    flex-wrap:wrap;

}

/* CHAT */

.chat-box{

    flex:1 1 500px;

}

/* VIDEO */

.video-box{

    flex:1 1 500px;

}

/* MISMO TAMAÑO VIDEO Y CHAT */

.chat-box,
.video-box{

    display:flex;

}

/* ================= VIDEO + CHAT MISMO TAMAÑO ================= */

.video-box iframe,
.chat-box iframe{

    width:100% !important;

    height:650px !important;

    border:none !important;

    border-radius:18px !important;

    display:block !important;

    background:#000 !important;

}

/* CELULARES ORDEN  */

@media screen and (max-width:768px){

    .media-layout{

        display:flex !important;

        flex-direction:column !important;

        gap:10px !important;

        margin:10px auto !important;

        padding:0 !important;

        align-items:stretch !important;

    }

    /* VIDEO */

    .video-box{

        order:1 !important;

        width:100% !important;

        margin:0 !important;

        padding:0 !important;

    }

    /* CHAT */

    .chat-box{

        order:2 !important;

        width:100% !important;

        margin:0 !important;

        padding:0 !important;

    }

    /* VIDEO + CHAT */

    .video-box iframe,
    .chat-box iframe{

        width:100% !important;

        height:420px !important;

        border:none !important;

        border-radius:18px !important;

        display:block !important;

        margin:0 !important;

    }

}

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


/* ================== EN VIVO ================== */

#myImg{

    display:block;
    margin:40px auto;

}
/* ================= FIX FINAL CONTACTO ================= */

#contact .content{

    max-width:1000px !important;

    margin:0 auto !important;

}

/* CONTADOR */

.neoCounterWrap{

    margin:40px auto 20px auto !important;

    position:relative !important;

    z-index:5 !important;

}

/* FOOTER */

#footer{

    margin-top:20px !important;

    text-align:center !important;

    position:relative !important;

    z-index:5 !important;

}

/* ================= RADIOS AMIGAS ================= */

#two .content{

    width:98% !important;

    max-width:1800px !important;

    margin:0 auto !important;

}

#two .box{

    width:100% !important;

    max-width:100% !important;

}

/* ================= CONTENEDOR ================= */
/* ================= CARRUSEL RADIOS ================= */
.radios-carousel{

    width:100%;

    overflow-x:auto;

    overflow-y:hidden;

    position:relative;

    scroll-behavior:smooth;

    padding-bottom:12px;

    scrollbar-width:thin;

    scrollbar-color:#00d9ff #222;

}

/* SCROLL CHROME */

.radios-carousel::-webkit-scrollbar{

    height:8px;

}

.radios-carousel::-webkit-scrollbar-track{

    background:#222;

    border-radius:20px;

}

.radios-carousel::-webkit-scrollbar-thumb{

    background:#00d9ff;

    border-radius:20px;

}

/* PISTA */
/* ================= FIX MOBILE CARRUSEL ================= */

@media screen and (max-width:768px){

    .radios-carousel{

        overflow-x:auto !important;

        overflow-y:hidden !important;

        -webkit-overflow-scrolling:touch;

    }

    .radio-card{

        flex:0 0 auto !important;

    }

}
.radios-track{

    display:flex !important;

    flex-direction:row !important;

    flex-wrap:nowrap !important;

    align-items:stretch !important;

    gap:25px !important;

    width:max-content !important;

    min-width:max-content !important;

    will-change:transform;

    animation:radioScroll 60s linear infinite;

}

/* PAUSAR */

.radios-track:hover{

    animation-play-state:paused;

}

/* EFECTO INFINITO REAL */

@keyframes radioScroll{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }

}

/* TARJETAS */

.radio-card{

    min-width:260px !important;

    max-width:260px !important;

    flex-shrink:0 !important;

}

/* CONTENEDOR */

#two .box{

    overflow:visible !important;

}

/* ANIMACIÓN */

@keyframes radioScroll{

    0%{

        transform:translateX(0);

    }

    100%{

        transform:translateX(-50%);

    }

}

/* CELULARES */

@media screen and (max-width:768px){

    .radios-carousel{

        width:100% !important;

        overflow-x:auto !important;

        overflow-y:hidden !important;

        display:block !important;

        -webkit-overflow-scrolling:touch !important;

        padding-bottom:14px !important;

    }

    .radios-track{

        display:flex !important;

        flex-direction:row !important;

        flex-wrap:nowrap !important;

        align-items:stretch !important;

        width:max-content !important;

        min-width:max-content !important;

        gap:18px !important;

        animation:radioScroll 60s linear infinite !important;

    }

    .radio-card{

        width:220px !important;

        min-width:220px !important;

        max-width:220px !important;

        flex:0 0 auto !important;

        display:block !important;

    }

}
/* ================= FIN CARRUSEL ================= */
/* ================= FIX FINAL SECCIONES ================= */

section.main{

    min-height:auto !important;
    height:auto !important;

}

#contact{

    padding:60px 0 40px 0 !important;

    min-height:auto !important;

    height:auto !important;

}

#footer{

    margin-top:20px !important;

}
/* --- REPARACIÓN VISUAL DEL FORMULARIO DE CONTACTO --- */

/* 1. Color del texto que escribe el usuario y fondo de las cajas */
#contact input[type="text"],
#contact input[type="email"],
#contact textarea {
    color: #ffffff !important;               /* Texto blanco puro */
    background: rgba(255, 255, 255, 0.1) !important; /* Fondo oscuro sutil */
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 8px;
    padding: 10px;
}

/* 2. Color de los textos de sugerencia (Tu Nombre, Tu Email) */
#contact ::-webkit-input-placeholder { color: #cccccc !important; opacity: 1; }
#contact :-moz-placeholder { color: #cccccc !important; opacity: 1; }
#contact ::-moz-placeholder { color: #cccccc !important; opacity: 1; }
#contact :-ms-input-placeholder { color: #cccccc !important; opacity: 1; }

/* 3. Efecto visual al hacer clic para escribir */
#contact input:focus,
#contact textarea:focus {
    border-color: #00FFFF !important;       /* Borde color cian */
    box-shadow: 0 0 10px rgba(0, 255, 255, 0.4) !important;
    outline: none;
}
/* ================== WORLD CLOCK ================== */

.worldclock-carousel{

  display:flex;

  gap: var(--gap);

  overflow-x:auto;

  overflow-y:hidden;

  scroll-snap-type:x mandatory;

  -webkit-overflow-scrolling: touch;

  padding: 0 60px 12px 60px;

  box-sizing:border-box;

}
/* ================= DONATIVO PAYPAL ================= */


.paypal-donation{

    width:100%;

    display:flex;

    justify-content:center;

    align-items:center;

    margin:25px auto 12px auto;

    position:relative;

    z-index:5;

}

/* ================= LOGO ================= */

.paypal-donation img{

    width:155px;

    max-width:85%;

    height:auto;

    display:block;

    margin:0 auto;

    transition:.3s ease;

    filter:
    drop-shadow(0 0 12px rgba(0,255,255,.25));

}

/* ================= HOVER ================= */

.paypal-donation img:hover{

    transform:scale(1.05);

    filter:
    drop-shadow(0 0 20px rgba(0,255,255,.5));

}

/* ================= FOOTER TEXTO ================= */

#footer{

    text-align:center !important;

}

#footer .menu{

    width:100%;
    
	text-align:center;
    
	list-style:none;

    padding:0;

    margin:12px 0 0 0;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    gap:6px;

}

#footer .menu li{

    color:#d8d8d8 !important;

    font-size:13px !important;

    line-height:1.3 !important;

    text-align:center !important;

    margin:0 !important;

    padding:0 !important;

    letter-spacing:1px !important;

    font-weight:400 !important;

}

/* ================= CELULARES ================= */

@media screen and (max-width:768px){

    .paypal-donation{

        margin:20px auto 10px auto !important;

    }

    .paypal-donation img{

        width:135px !important;

    }

#footer .menu li{

    font-size:12px !important;

}

}
/* ================= DONATIVO PAYPAL ================= */
/* =========================
   FIX TOTAL PARA CELULARES
========================= */

@media screen and (max-width:768px){

    /* EVITAR MOVIMIENTO HORIZONTAL */
    html,
    body{
        overflow-x:hidden !important;
        width:100% !important;
        max-width:100% !important;
    }

    /* OCULTAR BOTONES FLOTANTES */
.floating-button,
#playerPopup{
    display:none !important;
}

    /* OCULTAR MRP AD FLOAT */
    .mrp-ad-float,
    #mrp-ad-float{
        display:none !important;
    }

    /* OCULTAR HORA MUNDIAL */
    .worldclock-wrap,
    #worldclockCarousel{
        display:none !important;
    }


    /* EVITAR ELEMENTOS DESBORDADOS */
img,
iframe,
video,
canvas{
    max-width:100% !important;
    box-sizing:border-box !important;
}

}
/* OCULTAR NOTICIAS EN CELULAR */

@media screen and (max-width:768px){

    .news-banner,
    .news-ticker,
    #news-banner,
    #noticias,
    .breaking-news{
        display:none !important;
    }

}
/* =========================
   COOKIES ELEGANTE MOBILE
========================= */

@media screen and (max-width:768px){

    #cookie-banner,
    .cookie-banner,
    .cookie-popup{

        position:fixed !important;

        width:92% !important;
        max-width:340px !important;

        height:auto !important;
        min-height:auto !important;

        left:50% !important;
        bottom:14px !important;

        transform:translateX(-50%) !important;

        padding:16px !important;

        border-radius:18px !important;

        background:rgba(10,10,10,.96) !important;

        backdrop-filter:blur(12px) !important;

        box-shadow:
        0 0 25px rgba(0,0,0,.45) !important;

        z-index:999999 !important;

        overflow:hidden !important;
    }

    /* TEXTO */

    #cookie-banner p,
    .cookie-banner p,
    .cookie-popup p{

        font-size:13px !important;
        line-height:1.5 !important;

        margin-bottom:14px !important;

        text-align:left !important;
    }

    /* BOTONES */

    #cookie-banner button,
    .cookie-banner button,
    .cookie-popup button{

        width:48% !important;

        padding:10px 8px !important;

        font-size:13px !important;

        border-radius:12px !important;

        margin-top:8px !important;
    }

    /* CONTENEDOR BOTONES */

    .cookie-buttons,
    .cookie-actions{

        display:flex !important;

        gap:10px !important;

        justify-content:space-between !important;
    }

}
.now-playing-box{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:15px;
    text-align:center;
}

.artist-text{
    font-size:28px;
    color:#00ffff;
    font-weight:bold;
}

.song-title{
    font-size:22px;
    color:white;
    font-weight:600;
}

.cover-container{
    display:flex;
    justify-content:center;
    align-items:center;
}

.album-cover{
    width:220px;
    height:220px;
    object-fit:cover;
    border-radius:14px;
    box-shadow:0 0 20px rgba(0,0,0,.45);
    background:transparent;
}
/* ================= NOW PLAYING ================= */

.now-playing-wrapper{

    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:40px auto;

}

.now-playing-box{

    text-align:center;
    max-width:500px;
    width:90%;

}

.artist-text{

    font-size:28px;
    font-weight:bold;
    color:#ffffff;
    margin-bottom:20px;
    text-shadow:0 0 12px rgba(0,255,255,.5);

}

.song-title{

    font-size:22px;
    color:#00ffff;
    margin-top:20px;
    text-shadow:0 0 10px rgba(0,255,255,.3);

}

.album-cover{

    width:260px;
    height:260px;
    object-fit:cover;
    border-radius:18px;
    display:block;
    margin:auto;
    box-shadow:0 0 30px rgba(0,255,255,.25);

}

/* CELULAR */

@media screen and (max-width:768px){

    .artist-text{

        font-size:22px;

    }

    .song-title{

        font-size:18px;

    }

    .album-cover{

        width:220px;
        height:220px;

    }

}
.worldclock-wrap{

    margin-top:0 !important;

    padding-top:0 !important;

}
/* ================= CONTACTO ================= */

#contacto{

    width:100%;

    padding:70px 20px;

    box-sizing:border-box;

}

.contact-container{

    width:100%;

    max-width:900px;

    margin:auto;

}

.contact-header{

    text-align:center;

    margin-bottom:35px;

}

.contact-header h2{

    color:#00D9FF;

    font-size:42px;

    margin-bottom:15px;

    text-shadow:
    0 0 15px rgba(0,217,255,.25);

}

.contact-header p{

    color:#DDD;

    font-size:18px;

    line-height:1.7;

}

.contact-box{

    background:
    rgba(10,10,10,.75);

    border:
    1px solid rgba(0,217,255,.18);

    border-radius:18px;

    padding:35px;

    box-shadow:
    0 0 35px rgba(0,217,255,.08);

    backdrop-filter:blur(8px);

}

.contact-fields{

    display:flex;

    flex-wrap:wrap;

    gap:20px;

}

.contact-field{

    width:100%;

}

.contact-field.half{

    width:
    calc(50% - 10px);

}

.contact-field input,
.contact-field textarea{

    width:100%;

    background:#111;

    border:none;

    border-radius:12px;

    padding:16px;

    color:#FFF;

    font-size:15px;

    box-sizing:border-box;

}

.contact-field textarea{

    min-height:180px;

    resize:vertical;

}

.contact-captcha{

    background:
    rgba(0,217,255,.08);

    border:
    1px solid rgba(0,217,255,.32);

    border-radius:14px;

    padding:18px;

}

.contact-captcha label{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:14px;

    color:#FFF;

    font-size:15px;

    margin-bottom:12px;

}

.contact-captcha label strong{

    color:#00FFFF;

    font-size:24px;

    letter-spacing:0;

}

.captcha-help{

    color:#BFEFFF;

    font-size:13px;

    line-height:1.5;

    margin:10px 0 0;

}

.mega-field-check{

    position:absolute !important;

    left:-9999px !important;

    width:1px !important;

    height:1px !important;

    overflow:hidden !important;

}


/* ================= BOTON CONTACTO ================= */
.contact-button{

    width:100%;
    text-align:center;
    margin-top:30px;

}

.contact-button button{

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

    min-width:260px;
    height:68px;

    padding:0 35px;

    border:none;
    border-radius:16px;

    background:linear-gradient(
    135deg,
    #00D9FF,
    #00FFFF
    );

    color:#000000;

    font-size:32px;
    font-weight:700;

    font-family:Arial,sans-serif;

    cursor:pointer;

    transition:all .3s ease;

    line-height:1;

    text-align:center;

    box-shadow:
    0 0 18px rgba(0,217,255,.35);

}

/* HOVER */

.contact-button button:hover{

    transform:
    translateY(-3px)
    scale(1.03);

    box-shadow:
    0 0 28px rgba(0,255,255,.65);

}

/* CLICK */

.contact-button button:active{

    transform:scale(.98);

}

/* CELULARES */

@media(max-width:768px){

    .contact-captcha label{

        align-items:flex-start;

        flex-direction:column;

    }

    .contact-button button{

        width:100%;
        max-width:320px;

        height:60px;

        font-size:24px;

    }

}

/* ================= BOTON CONTACTO ================= */
/* ================= FIX FINAL PAYPAL ================= */

.paypal-donation img{

    width:140px !important;

    max-width:140px !important;

    min-width:140px !important;

    height:auto !important;

    display:block !important;

    margin:0 auto !important;

}

/* CELULARES */

@media screen and (max-width:768px){

    .paypal-donation img{

        width:120px !important;

        max-width:120px !important;

        min-width:120px !important;

    }

}
/* ================= PRELOADER ================= */
#megaLoader{

    position:fixed !important;

    top:0 !important;
    left:0 !important;

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

    background:#000 !important;

    display:flex !important;

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

    z-index:999999 !important;

    overflow:hidden !important;

}

/* CONTENIDO */

.loader-content{

    text-align:center !important;

}

/* LOGO */

#megaLoader img{

    width:220px !important;
    max-width:70vw !important;

    height:auto !important;

    display:block !important;

    margin:auto !important;

    animation:pulseLoader 1.8s infinite ease-in-out;

}

/* TEXTO */

.loader-text{

    margin-top:20px !important;

    color:#00ffff !important;

    font-size:22px !important;

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

    letter-spacing:2px !important;

}

/* ANIMACIÓN */

@keyframes pulseLoader{

    0%{
        transform:scale(1);
        opacity:1;
    }

    50%{
        transform:scale(1.05);
        opacity:.85;
    }

    100%{
        transform:scale(1);
        opacity:1;
    }

}

/* OCULTAR WEB MIENTRAS CARGA */

body.loading{

    overflow:hidden !important;

}

/* ================= PRELOADER ================= */
/* TEXTO */

@keyframes blinkText{

    0%{opacity:1;}
    50%{opacity:.4;}
    100%{opacity:1;}

}
/* ================= ELIMINAR SPINNER HTML5UP ================= */

body:before,
body:after,
#wrapper:before,
#wrapper:after{

    display:none !important;
    content:none !important;
    animation:none !important;
    opacity:0 !important;

}

/* DESACTIVAR PRELOAD ORIGINAL */

body.is-preload *{

    animation:none !important;
    transition:none !important;

}
/* ================= OCULTAR HEADER EN CELULAR ================= */

@media screen and (max-width:768px){

    #header{
        display:none !important;
    }

    .top-banner{
        margin-top:0 !important;
        padding-top:0 !important;
    }

}
.donativo-btn{

    background:linear-gradient(45deg,#00e5ff,#0088ff) !important;

    color:#fff !important;

    font-weight:bold !important;

    box-shadow:0 0 15px rgba(0,229,255,.5);

}

.donativo-btn:hover{

    transform:translateY(-2px);

    box-shadow:0 0 20px rgba(0,229,255,.8);

}
/* ================= FIX HEADER DESKTOP ================= */

@media screen and (min-width:769px){

    .top-banner{

        margin-top:120px !important;

    }

}
/* =========================================
   FIX FOOTER + PAYPAL FINAL
========================================= */

/* ================= PAYPAL ================= */

.paypal-donation{

    width:100% !important;

    display:flex !important;

    justify-content:center !important;

    align-items:center !important;

    margin:45px auto 20px auto !important;

    position:relative !important;

    z-index:5 !important;

}

/* BOTON */

.paypal-donation img{

    width:150px !important;

    max-width:80% !important;

    height:auto !important;

    display:block !important;

}

/* ================= FOOTER ================= */

#footer{

    width:100% !important;

    display:flex !important;

    justify-content:center !important;

    align-items:center !important;

    text-align:center !important;

    padding:22px 15px !important;

    margin-top:10px !important;

    background:rgba(10,18,35,.92) !important;

    border-top:1px solid rgba(0,255,255,.18) !important;

    backdrop-filter:blur(10px) !important;

    -webkit-backdrop-filter:blur(10px) !important;

}

/* CONTENIDO */

#footer .menu{

    display:flex !important;

    flex-direction:column !important;

    justify-content:center !important;

    align-items:center !important;

    gap:4px !important;

    margin:0 auto !important;

    padding:0 !important;

    list-style:none !important;

}

/* TEXTO */

#footer .menu li{

    color:#ffffff !important;

    font-size:18px !important;

    line-height:1.4 !important;

    text-align:center !important;

    margin:0 !important;

    padding:0 !important;

}

/* ================= CELULARES ================= */

@media screen and (max-width:768px){

    .paypal-donation{

        margin:35px auto 18px auto !important;

    }

.paypal-donation img{

    width:120px !important;

}

    #footer{

        padding:18px 12px !important;

    }

    #footer .menu li{

        font-size:15px !important;

    }

}
#header{

    height:auto !important;
    min-height:70px !important;

}
/* ================= BANNER FLOTANTE BINGO FINAL ================= */

#bingoFloatingBanner{
    position:fixed !important;
    left:50% !important;
    bottom:18px !important;
    transform:translateX(-50%) !important;

    width:calc(100% - 36px) !important;
    max-width:1920px !important;

    height:95px !important;
    max-height:140px !important;

    z-index:2147483647 !important;

    display:block !important;
    overflow:visible !important;

    background:transparent !important;
    border-radius:16px !important;

    pointer-events:auto !important;
}

#bingoFloatingBanner a{
    display:block !important;
    width:100% !important;
    height:100% !important;
}

#bingoFloatingBanner img{
    display:block !important;
    width:100% !important;
    height:100% !important;

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

    border-radius:16px !important;

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

/* BOTÓN CERRAR */
#bingoCloseBtn{
    position:absolute !important;
    top:-14px !important;
    right:14px !important;

    width:36px !important;
    height:36px !important;

    border:2px solid rgba(255,255,255,.95) !important;
    border-radius:50% !important;

    background:#111 !important;
    color:#fff !important;

    font-size:24px !important;
    font-weight:700 !important;
    line-height:30px !important;

    text-align:center !important;
    cursor:pointer !important;

    z-index:2147483647 !important;

    box-shadow:0 4px 14px rgba(0,0,0,.65) !important;
}

#bingoCloseBtn:hover{
    background:#e60000 !important;
    transform:scale(1.08) !important;
}

/* MÓVIL */
@media screen and (max-width:768px){

    #bingoFloatingBanner{
        bottom:10px !important;
        width:calc(100% - 20px) !important;
        height:64px !important;
        max-height:82px !important;
    }

    #bingoFloatingBanner img{
        border-radius:12px !important;
    }

#bingoCloseBtn{
    top:-12px !important;
    right:8px !important;

    width:32px !important;
    height:32px !important;

    font-size:22px !important;
    line-height:26px !important;
}

}

/* ================= FIN BANNER FLOTANTE BINGO FINAL ================= */

/* ================== AJUSTE FINAL MARCO Y MOVIL ================== */

html,
body{

    background:#050505 !important;

    overflow-x:hidden !important;

}

.main{

    width:
    calc(100% - 28px) !important;

    margin:
    14px auto !important;

    border-radius:24px !important;

    overflow:hidden !important;

    box-shadow:
    0 18px 55px rgba(0,0,0,.35) !important;

}

.main > .content,
.box,
.contact-box,
.tcw,
.iframe-container,
.video-box,
.chat-box,
#fb-gadget-wrapper,
#bingoFloatingBanner,
#bingoFloatingBanner img{

    border-radius:18px !important;

}

.main.style2 > .content,
.main.style3 > .content{

    max-width:
    min(1120px, calc(100% - 40px)) !important;

}

#two .content{

    width:
    calc(100% - 32px) !important;

    max-width:1800px !important;

}

#contacto{

    padding-left:0 !important;

    padding-right:0 !important;

}

@media screen and (max-width:768px){

    .main{

        width:
        calc(100% - 18px) !important;

        margin:
        9px auto !important;

        border-radius:18px !important;

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

    }

    .main.style2,
    .main.style3{

        padding-left:10px !important;

        padding-right:10px !important;

    }

    .main.style2 > .content,
    .main.style3 > .content,
    #two .content{

        width:100% !important;

        max-width:100% !important;

    }

    .box,
    .contact-box,
    .tcw,
    .iframe-container,
    .video-box,
    .chat-box,
    #fb-gadget-wrapper{

        border-radius:16px !important;

    }

    .contact-box{

        padding:24px 16px !important;

    }

    .contact-field.half{

        width:100% !important;

    }

    .contact-header h2{

        font-size:32px !important;

    }

    .contact-header p{

        font-size:16px !important;

    }

}

@media screen and (max-width:420px){

    .main{

        width:
        calc(100% - 12px) !important;

        margin:
        6px auto !important;

        border-radius:14px !important;

    }

    .main.style2,
    .main.style3{

        padding-left:6px !important;

        padding-right:6px !important;

    }

    .contact-button button{

        min-width:0 !important;

        width:100% !important;

        font-size:22px !important;

    }

}
/* ================= BOTÓN FLOTANTE SUBIR ================= */

#scrollTopBtn {
    position: fixed !important;
    left: 18px !important;
    bottom: 90px !important;

    width: 50px !important;
    height: 50px !important;

    border: 1px solid rgba(255,255,255,0.18) !important;
    border-radius: 50% !important;

    background: rgba(255,255,255,0.18) !important;

    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;

    cursor: pointer !important;
    z-index: 9999999 !important;

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

    box-shadow: 0 4px 14px rgba(0,0,0,0.22) !important;

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

    overflow: visible !important;

    transition: transform 0.25s ease, background 0.25s ease !important;
}

#scrollTopBtn:hover {
    transform: scale(1.06) !important;
    background: rgba(255,255,255,0.24) !important;
}

#scrollTopBtn .progress-ring {
    position: absolute !important;
    inset: 0 !important;
    width: 50px !important;
    height: 50px !important;
    transform: rotate(-90deg) !important;
    overflow: visible !important;
}

#scrollTopBtn .progress-bg {
    fill: none !important;
    stroke: rgba(255,255,255,0.22) !important;
    stroke-width: 3 !important;
}

#scrollTopBtn .progress-bar {
    fill: none !important;
    stroke: #00CFFF !important;
    stroke-width: 3 !important;
    stroke-linecap: round !important;
    stroke-dasharray: 131.95;
    stroke-dashoffset: 131.95;
    transition: stroke-dashoffset 0.1s linear !important;
}

#scrollTopBtn .arrow-up {
    position: relative !important;
    z-index: 2 !important;

    color: #00CFFF !important;

    font-size: 30px !important;
    font-weight: 600 !important;

    line-height: 1 !important;
    margin-top: 7px !important;

    text-shadow: 0 0 6px rgba(0,207,255,0.25) !important;

    pointer-events: none !important;
}

/* OCULTAR EN CELULAR */
@media screen and (max-width: 768px) {
    #scrollTopBtn {
        display: none !important;
    }
}

/* ================= FIN BOTÓN FLOTANTE SUBIR ================= */

/* ================= BANNER TAMBIEN ESTAMOS ================= */

#tambien-estamos{
    padding-top:16px !important;
    padding-bottom:18px !important;
}

#tambien-estamos h2{
    color:#00D9FF !important;
    font-size:21px !important;
    letter-spacing:0 !important;
    margin-bottom:10px !important;
    text-shadow:0 0 15px rgba(0,217,255,.25) !important;
}

.presencia-banner{
    width:100%;
    max-width:860px;
    margin:0 auto;
    display:block;
    overflow:hidden;
    padding:7px;
    border:2px solid rgba(255,215,0,.75);
    border-radius:14px;
    background:rgba(10,10,10,.72);
    box-shadow:0 0 24px rgba(218,165,32,.22), inset 0 0 18px rgba(255,215,0,.06);
    box-sizing:border-box;
}

.presencia-track{
    display:flex;
    align-items:center;
    gap:8px;
    width:max-content;
    animation:presenciaScroll 34s linear infinite;
    will-change:transform;
}

.presencia-banner:hover .presencia-track{
    animation-play-state:paused;
}

.presencia-card{
    flex:0 0 112px;
    width:112px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:5px 8px;
    border:1px solid rgba(0,217,255,.18);
    border-radius:10px;
    background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.025));
    box-shadow:0 8px 18px rgba(0,0,0,.25);
    overflow:hidden;
    transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.presencia-card:hover{
    transform:translateY(-2px);
    border-color:rgba(0,217,255,.55);
    box-shadow:0 12px 24px rgba(0,0,0,.28), 0 0 18px rgba(0,217,255,.16);
}

.presencia-card img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
}

@keyframes presenciaScroll{
    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(calc(-50% - 5px));
    }
}

@media screen and (max-width:768px){
    #tambien-estamos{
        display:block !important;
        padding-top:14px !important;
        padding-bottom:16px !important;
    }

    #tambien-estamos h2{
        font-size:19px !important;
        margin-bottom:9px !important;
    }

    .presencia-banner{
        padding:6px;
        border-radius:12px;
    }

    .presencia-card{
        flex-basis:100px;
        width:100px;
        height:42px;
        padding:5px 7px;
        border-radius:9px;
    }
}

@media screen and (max-width:380px){
    .presencia-card{
        flex-basis:96px;
        width:96px;
        height:40px;
    }
}

/* ================= FIN BANNER TAMBIEN ESTAMOS ================= */

/* ================= FIX PUBLICIDAD PAGADA + MENU ================= */

iframe:not([src]),
iframe[src=""]{
    pointer-events:auto !important;
}

/* ================= FIN FIX PUBLICIDAD PAGADA + MENU ================= */

/* ================= FIX VISIBILIDAD RADIOS AMIGAS ================= */

#two{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
}

#two.inactive,
#two.inactive.left,
#two.inactive.right{
    visibility:visible !important;
    opacity:1 !important;
}

#two > .content,
#two.inactive > .content,
#two.inactive.left > .content,
#two.inactive.right > .content{
    transform:none !important;
    -webkit-transform:none !important;
    -ms-transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
}

#two .radios-carousel{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
}

#two .radios-track{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
}

/* ================= FIN FIX VISIBILIDAD RADIOS AMIGAS ================= */