*{
      margin:0;
      padding:0;
      box-sizing:border-box;
      font-family:Montserrat-Regular;
    }

    html{
      scroll-behavior:smooth;
    }

    body{
      background:#000;
      color:#fff;
      overflow-x:hidden;
    }

    :root{
      --fucsia:#ff2ba6;
      --calipso:#55dfe8;
      --gris:#232323;
      --blanco:#ffffff;
	   --gold:#FFD700; --gold2:#c8960a;
    }

    /* ========= HEADER ========= */

    header{
      min-height:100vh;
      display:flex;
      align-items:center;
      justify-content:center;
      text-align:center;
      padding:40px 20px;
     /* background:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.85)),url(../img/1.png);*/
      background-size:cover;
      background-position:center;
      position:relative;
    }

    .hero{
      max-width:800px;
      animation:fadeIn 1s ease;
    }

    .hero img{
      width:320px;
      max-width:90%;
      margin-bottom:30px;
    }

    .hero h1{
      font-size:3rem;
      color:var(--fucsia);
      margin-bottom:35px;
    }

    .hero p{
      font-size:24px;
      color:#ddd;
      margin-bottom:80px;
    }

    .btn{
      display:inline-block;
      padding:14px 28px;
      background:var(--fucsia);
      color:white;
      text-decoration:none;
      border-radius:12px;
      font-weight:bold;
      transition:.3s;
	  width:auto;
	  font-size:18px;
    }

    .btn:hover{
      background:var(--calipso);
      color:#000;
      transform:translateY(-3px);
    }

    /* ========= MENU ========= */

    .menu-btn{
      position:fixed;
      top:20px;
      right:20px;
      width:55px;
      height:55px;
      background:var(--fucsia);
      border-radius:14px;
      display:flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
      z-index:1001;
      box-shadow:0 5px 15px rgba(0,0,0,.4);
    }

    .menu-btn span{
      font-size:2rem;
      color:white;
    }

    .sidebar{
      position:fixed;
      top:0;
      right:-280px;
      width:280px;
      height:100%;
      background:#111;
      z-index:1000;
      transition:.4s;
      padding-top:100px;
      box-shadow:-5px 0 20px rgba(0,0,0,.4);
    }

    .sidebar.active{
      right:0;
    }

    .sidebar a{
      display:block;
      padding:20px 30px;
      color:white;
      text-decoration:none;
      font-size:1.1rem;
      border-bottom:1px solid rgba(255,255,255,.05);
      transition:.3s;
    }

    .sidebar a:hover{
      background:var(--fucsia);
    }

    /* ========= SECCIONES ========= */

    section{
      padding:90px 20px;
      max-width:1200px;
      margin:auto;
    }

    .section-title{
      text-align:center;
      margin-bottom:50px;
    }

    .section-title h2{
      font-size:2.4rem;
      color:var(--calipso);
      margin-bottom:10px;
    }

    .section-title p{
      color:#ccc;
    }

    /* ========= CARDS ========= */

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

    .card{
      background:#111;
      border:2px solid rgba(255,255,255,.05);
      border-radius:22px;
      padding:30px;
      transition:.3s;
    }

    .card:hover{
      transform:translateY(-8px);
      border-color:var(--fucsia);
    }

    .card h3{
      color:var(--fucsia);
      margin-bottom:15px;
      font-size:1.4rem;
    }

    .card p{
      color:#ccc;
      line-height:1.6;
    }

    /* ========= VIDEOS ========= */

    .videos{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
      gap:25px;
    }

    iframe{
      width:100%;
      height:220px;
      border:none;
      border-radius:18px;
    }


      .imagen-box{
      background:linear-gradient(135deg,var(--fucsia),#7b2cff);
      padding:10px;
      border-radius:30px;
      text-align:center;
    }



    /* ========= INSTAGRAM ========= */





    .instagram-box{
      background:linear-gradient(135deg,var(--fucsia),#7b2cff);
      padding:50px 20px;
      border-radius:30px;
      text-align:center;
    }

    .instagram-box h3{
      font-size:2rem;
      margin-bottom:15px;
    }

    .instagram-box p{
      margin-bottom:25px;
    }

    .instagram-box .btn{
      background:white;
      color:black;
    }

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

    .contact{
      text-align:center;
    }

    .contact p{
      margin:15px 0;
      font-size:1.1rem;
      color:var(--fucsia);
    }

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

    footer{
      background:#080808;
      text-align:center;
      padding:35px 20px;
      color:#888;
      margin-top:40px;
    }

    /* ========= ANIMACION ========= */

    @keyframes fadeIn{
      from{
        opacity:0;
        transform:translateY(20px);
      }
      to{
        opacity:1;
        transform:translateY(0);
      }
    }
	
	
	.alerta{position: fixed;z-index: 10;left: 0;top: 0px;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.9); }

.alerta_cerrar{height:30px;color:#fff; text-align:center; font-weight:bold;font-size:20px;border-radius:3px 3px 0 0; padding-top:5px; cursor:pointer;font-family:Montserrat-Regular;}


.alerta_buscador_producto{
position:fixed;
width:100%;
height:100%;
background:#ffffff;
}

.alerta_buscador_producto .titulo {
position:fixed;
height:70px;
background:#0955ab;
font-family:DMSans; 
font-size:20px; 
padding-left:10px; 
color:#FFF;
font-weight:bold;text-align:center;
padding-top:15px;}



.subtitulo{height:35px; color:#fff; text-align:center;font-size:17px;font-weight:bold; font-family:Montserrat-Regular;}


input{
display:block;
padding:10px;
width:600px;
margin:auto;
font-size:25px;
text-align:center;
margin-top:20px;
}


select {
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
  background-color: white;
  width: 50px;
  font-size:15px;
  text-align:center;
  appearance: none; 
  font-family:Montserrat-Regular;
  }

.boton_configuracion{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#000;width:300px; font-size:15px; height:60px; border-radius:25px; font-weight:bold;padding-top:10px;font-family:Montserrat-Regular; cursor:pointer;}
}

.votos{width:100%; height:50px; position:fixed; background-color:#000000;color:#ffffff;  font-size:18px; font-weight:bold;font-family:Montserrat-Regular;  padding-top:5px;text-align:right;}

.votos span{padding-right:10px;padding-top:-5px; }

.productos{width:100%;  overflow: auto;  }
.productos_contenedor{border: 4px solid var(--border);   border-radius: 16px; background-color:var(--card); width:20%; height:auto; margin:18px; margin-left:40px; margin-bottom:5px; top:20px; float:left;left:2%;transition: border 0.2s;background:#b0b8c1; padding-bottom:20px;}
.productos_contenedor:hover { border-color: var(--fucsia); }
.productos_imagen{width:100%; height:100%; }
.productos_imagen_centrar{ display: block;  margin-left: auto;  margin-right: auto;   max-width: 100%; max-height: 100%; margin-top:15px;margin-bottom:10px; } 

 .card-body{padding:18px;}
    .card-name{font-size:16px;font-weight:700;color:var(--text);margin-bottom:4px;}
    .card-value{font-size:13px;color:var(--text);margin-top:-14px; height:70px;}
    .card-cost{display:inline-flex;align-items:center;gap:6px;background:#1a1200;border:1px solid var(--gold2);color:var(--gold);font-size:13px;font-weight:700;padding:5px 14px;border-radius:20px;margin-bottom:14px;font-family:Montserrat-Regular;}
	



@media screen and (max-width:1260px){.productos_contenedor{margin-left:25px;left:1%; }.productos_titulo{  margin-top:90px; }}
@media screen and (max-width:1170px){.imagen{width:80%;height:90%;}.logo{height:90%;}.productos_contenedor{margin-left:25px;left:1%;}}
@media screen and (max-width:1130px){.productos_contenedor{margin-left:20px;}}


@media screen and (max-width:1000px){.productos{ float:inherit;}.productos_imagen_centrar{width:100%;}.productos_contenedor{width:28%;margin-left:10px;left:0.5%;}.productos_titulo{  margin-top:60px; }.productos_nombre_a{ font-size:12px;}}

@media screen and (max-width:900px){.productos_contenedor{margin-left:5px;left:0.5%;}}
@media screen and (max-width:850px){.productos_contenedor{width:40%;margin-left:20px;left:0.5%;margin-bottom:10px;}.sorteo{width:48%;}.sorteo_primera{ font-size:11px;}.sorteo_segunda{ font-size:12px;}.izquierda_descripcion{width:100%;}.derecha_descripcion{width:100%;margin:0;border:0;}.sorteo_imagen{width:75%; margin:0 auto;}input, {
width:500px;
}}

@media screen and (max-width:750px){.productos_contenedor{width:43%;margin-left:20px;left:0.5%; }.sorteo_primera{ font-size:11px;}.sorteo_segunda{ font-size:11px;}.sorteo_boton{margin-top:10px;}.sorteo_boton_participando{font-size:10px;}input  {
width:400px;
}
.boton{font-size:16px;}}

@media screen and (max-width:700px){.productos_contenedor{width:41%;margin-left:20px;left:0.5%;}}


@media screen and (max-width:660px){.productos_contenedor{width:39%;margin-left:10px;left:0.5%;}.sorteo_imagen{width:90%}.sorteo_boton{font-size:13px;}.sorteo_boton_participando{font-size:13px;}}
@media screen and (max-width:620px){.sorteo_primera{ font-size:10.5px;}.sorteo_segunda{ font-size:11px;}.sorteo{width:48%;}.menu_horizontal_btn{width:50%; background-color:#000099;}.controles_derecha_boton_ofertas{width:48%; font-size:12px;}.controles_derecha_boton_membresias{width:100px;  font-size:12px;}.sorteo_tercera{ font-size:12.5px;font-weight:bold;}.productos_contenedor{width:40%; left:3%; }}
@media screen and (max-width:570px){.sorteo_primera{ font-size:10px;}.sorteo_boton{font-size:13.5px;width:98%; padding-top:18px; padding-left:3px;}.sorteo_boton_participando{font-size:13.5px;width:98%; padding-top:18px; padding-left:3px;}


.sorteos_titulo{font-size:14px; padding-top:10px;}
.boton{font-size:14px;}
.productos_nombre_a{ font-size:11px;}
}

@media screen and (max-width:480px){.sorteo{width:98%;}sorteo_primera{ font-size:9.5px;}.sorteo_imagen{width:95%;}input {
width:300px;}.alerta_sorteo{width:94%; left:10px;padding-top:14px;}.sorteo_boton_participando{font-size:14px;}.sorteo_boton{font-size:14px;}.productos_contenedor{width:44%; left:2%;} }
@media screen and (max-width:480px) and (min-width:440px) {.productos_contenedor{width:43%; left:2%;background-color:#676767;}.productos_nombre_a{ font-size:11px;}
}
@media screen and (max-width:440px) and (min-width:401px) {.productos_contenedor{width:40.2%;margin-left:14px;left:1%; }.productos_nombre_a{ font-size:10px;}}
@media screen and (max-width:400px) and (min-width:200px) {.productos_contenedor{width:90%; margin-left:15px; left:2%;}.productos_nombre_a{ font-size:13px;}}