html, body {
     background-color: #000;
     font-family: "Arimo", serif;
     font-size: 18px;
     color: #fff;
     scrollbar-color: #ffcc99 #000;
     scrollbar-width: thin
 }

 h1 {
     text-align: center;
     color: #ffcc99;
     padding: 0px 20px;
 }

 h2 {
     text-align: center;
     color: #ffcc99;
     padding: 0px 20px;
 }

 h4 {
     color: #ffcc99;
     padding: 0px;
 }

 .linea {
     position: relative;
     float: left;
     clear: both;
     width: 100%;
     height: 5px;
     background-color: #ffcc99;
 }

 .img_principal {
     position: relative;
     max-width: 1340px;
     margin-left: auto;
     margin-right: auto;
 }

 .columna {
     position: relative;
     float: left;
     text-align: center;
     width: calc(50% - 160px);
     margin-left: 80px;
     margin-right: 80px;
     margin-top: 40px;
 }

 .contador {
     position: absolute;
     top: 25px;
     right: 120px;
     color: #ffcc99;
     font-size: 22px;
 }

 a, a:active, a:link, a:visited {
     color: #ffcc99;
     padding: 10px 40px;
     margin-bottom: 20px;
 }

 a:hover {
     border: 1px solid #ffcc99;
     background-color: #ffcc99;
     color: #000;
 }

 a.votacion_r, a.votacion_r:active, a.votacion_r:link, a.votacion_r:visited {
     width: calc(100% - 80px);
     position: relative;
     float: right;
     clear: both;
     color: #ffcc99;
     text-decoration: none;
     border: 1px solid rgba(255, 204, 153, 0.6);
     padding: 10px 40px;
     margin-bottom: 20px;
     transition: all 0.4s ease;
 }

 a.votacion_r:hover {
     border: 1px solid #ffcc99;
     background-color: #ffcc99;
     color: #000;
     transform: scale(1.02);
     box-shadow: 0 0 15px rgba(255, 204, 153, 0.4);
 }

 a.votacion_l, a.votacion_l:active, a.votacion_l:link, a.votacion_l:visited {
     width: calc(100% - 80px);
     position: relative;
     float: left;
     clear: both;
     color: #ffcc99;
     text-decoration: none;
     border: 1px solid rgba(255, 204, 153, 0.6);
     padding: 10px 40px;
     margin-bottom: 20px;
 }

 a.votacion_l:hover {
     border: 1px solid #ffcc99;
     background-color: #ffcc99;
     color: #000;
 }

 a.muerto, a.muerto:active, a.muerto:link, a.muerto:visited {
     padding: 0px;
     margin-bottom: 0px;
 }

 a.muerto:hover {
     border: none;
     background-color: initial;
     color: #000;
 }

 .pie {
     position: relative;
     float: left;
     width: calc(100% - 200px);
     text-align: center;
     margin-left: 100px;
     margin-right: 100px;
     margin-top: 60px;
     margin-bottom: 100px;
     font-size: 16px;
     color: rgba(255, 255, 255, 0.6);
 }

 .countdown-timer {
     animation: fadeIn 2s ease-in-out;
     align-items: center;
     border-radius: 0px;
     color: #fff;
     font-size: 15px;
     font-weight: 600;
     text-align: left;
     text-transform: uppercase;
     width: 400px;
     margin: 20px auto 0 auto;
 }

 .countdown-timer .countainer-ul {
     display: flex;
     justify-content: space-evenly;
 }

 .countdown-timer-ul {
     border-radius: 25px;
     color: #000;
     margin: auto 0 15px 0;
     text-align: center;
     transition: opacity 0.7s ease-in-out;
     position: relative;
     width: 100%;
 }

 .countdown-timer-ul .deadline-label {
     color: #fff;
     font-size: 14px;
     margin: 10px 0px;
     text-align: center;
     text-transform: uppercase;
 }

 .countdown-timer .date-item {
     background: linear-gradient(135deg, #e6b88a 0%, #fff5e6 50%, #e6b88a 100%);
     color: #000;
     text-align: center;
     font-size: 14px;
     width: 90px;
     margin: 0px 5px;
     padding: 5px;
     transition: all 0.3s ease;
 }

 .countdown-timer .date-item:hover {
     box-shadow: 0 0 10px rgba(255, 204, 153, 0.7);
     transform: scale(1.05);
 }

 .countdown-timer ul {
     margin-bottom: 0px;
     padding: 0px;
 }

 .countdown-timer ul li span {
     display: block;
     font-size: 3rem;
 }

 li {
     display: inline-block;
     font-size: 1em;
     list-style-type: none;
     padding: 10px;
     text-transform: uppercase;
 }

 @keyframes fadeIn {
     0% {
         opacity: 0;
     }

     100% {
         opacity: 1;
     }
 }

 .icono01, .icono02, .icono03, .icono04, .icono05, .icono06, .icono07, .icono08, .icono09, .icono10, .icono11, .icono12, .icono13, .icono14, .icono15, .icono16, .icono17 {
     background-position: 10px center;
     background-repeat: no-repeat;
     background-size: 25px;
 }

 .icono01 {
     background-image: url(iconos/emprendimiento.png);
 }

 .icono02 {
     background-image: url(iconos/banda_icono.png);
 }

 .icono03 {
     background-image: url(iconos/artista_visual.png);
 }

 .icono04 {
     background-image: url(iconos/artista.png);
 }

 .icono05 {
     background-image: url(iconos/banda.png);
 }

 .icono06 {
     background-image: url(iconos/pizzería.png);
 }

 .icono07 {
     background-image: url(iconos/influencer.png);
 }

 .icono08 {
     background-image: url(iconos/creador_contenido.png);
 }

 .icono09 {
     background-image: url(iconos/tatuajes.png);
 }

 .icono10 {
     background-image: url(iconos/restaurante_icono.png);
 }

 .icono11 {
     background-image: url(iconos/carnes_parrillas.png);
 }

 .icono12 {
     background-image: url(iconos/pastelería_cafeteria.png);
 }

 .icono13 {
     background-image: url(iconos/pescados_mariscos.png);
 }

 .icono14 {
     background-image: url(iconos/influencer_revelacion.png);
 }

 .icono15 {
     background-image: url(iconos/polleria.png);
 }

 .icono16 {
     background-image: url(iconos/restaurante.png);
 }

 .icono17 {
     background-image: url(iconos/restobar.png);
 }

 .icono01:hover {
     background-image: url(iconos/emprendimiento_o.png);
 }

 .icono02:hover {
     background-image: url(iconos/banda_icono_o.png);
 }

 .icono03:hover {
     background-image: url(iconos/artista_visual_o.png);
 }

 .icono04:hover {
     background-image: url(iconos/artista_o.png);
 }

 .icono05:hover {
     background-image: url(iconos/banda_o.png);
 }

 .icono06:hover {
     background-image: url(iconos/pizzería_o.png);
 }

 .icono07:hover {
     background-image: url(iconos/influencer_o.png);
 }

 .icono08:hover {
     background-image: url(iconos/creador_contenido_o.png);
 }

 .icono09:hover {
     background-image: url(iconos/tatuajes_o.png);
 }

 .icono10:hover {
     background-image: url(iconos/restaurante_icono_o.png);
 }

 .icono11:hover {
     background-image: url(iconos/carnes_parrillas_o.png);
 }

 .icono12:hover {
     background-image: url(iconos/pastelería_cafeteria_o.png);
 }

 .icono13:hover {
     background-image: url(iconos/pescados_mariscos_o.png);
 }

 .icono14:hover {
     background-image: url(iconos/influencer_revelacion_o.png);
 }

 .icono15:hover {
     background-image: url(iconos/polleria_o.png);
 }

 .icono16:hover {
     background-image: url(iconos/restaurante_o.png);
 }

 .icono17:hover {
     background-image: url(iconos/restobar_o.png);
 }

 .columna_resultados {
     text-align: left;
     position: relative;
     width: 800px;
     margin-left: auto;
     margin-right: auto;
     font-size: 16px;
 }

 .logo_ganador {
     position: relative;
     float: left;
     width: 300px;
     height: 200px;
     background-size: cover;
     background-position: center;
     margin-right: 40px;
 }

 .logos_otros {
     position: relative;
     float: left;
     width: 120px;
     height: 100px;
     background-size: cover;
     background-position: center;
     margin-right: 40px;
 }

 .bloque01_ganador {
     position: relative;
     float: left;
     width: calc(100% - 40px);
     margin-top: 60px;
     padding: 20px;
     border: 1px solid rgba(255, 204, 153, 0.6);
 }

 .bloque01_ganador h3 {
     margin-top: 0px;
     color: #ffcc99;
     text-transform: uppercase;
     font-size: 24px;
 }

 .bloque02_ganador {
     position: relative;
     float: left;
     width: calc(100% - 40px);
     margin-top: 60px;
     padding: 20px;
     border: 1px solid rgba(255, 204, 153, 0.2);
 }

 .bloque02_ganador h3 {
     margin-top: 0px;
     color: #ffcc99;
     text-transform: uppercase;
     font-size: 22px;
 }

 .votos_total {
     font-size: 26px;
     color: #ffffff;
     float: left;
     padding: 0xp 0px 10px 0px;
     border-bottom: 1px solid rgba(255, 204, 153, 0.4);
 }

 .votos {
     font-size: 12px;
     position: relative;
     clear: both;
     margin-left: 10px;
 }

 .redes_votos {
     position: absolute;
     top: 10px;
     left: 10px;
     width: 60px;
 }

 .facebook {
     position: relative;
 }

 .instagram {
     position: relative;
 }

 ::-webkit-scrollbar {
     width: 10px
 }

 ::-webkit-scrollbar-track {
     background: #000
 }

 ::-webkit-scrollbar-thumb {
     background: #ffcc99
 }

 ::-webkit-scrollbar-thumb:hover {
     background: #ffcc99
 }

 @media (max-width:800px) {
     .columna {
         position: relative;
         float: left;
         text-align: center;
         width: calc(100% - 40px);
         margin-left: 20px;
         margin-right: 20px;
         margin-top: 0px;
     }

     .columna_resultados {
         text-align: left;
         position: relative;
         width: calc(100% - 40px);
         margin-left: auto;
         margin-right: auto;
         font-size: 16px;
     }

     .logo_ganador {
         width: 100%;
         height: 300px;
         margin-right: 0px;
         margin-bottom: 10px;
     }

     .redes_votos {
         display: none;
     }
 }