Hoy no solamente estrenamos logo y diseño en EM. Hoy también estrenamos imagen del ElectoPanel y viene acompañada de un nuevo formulario que irá evolucionando con el paso del tiempo e incorporando inteligencia que hará más fácil la experiencia de usuario.

Esta semana tenemos un tema muy especial para vosotros...

.body {
font-size: 15px;
}

.card-holder {
margin: 2em 0;
background: #fff;
}

.card {
font-family: -apple-system, BlinkMacSystemFont, 'Roboto', sans-serif;
font-size: 3em;
font-weight: 200;
height: auto;
width: auto;
padding: 0.5em 1em;
border-radius: 0em;
display: table-cell;
vertical-align: middle;
letter-spacing: -2px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.card .subtle {
color: #000;
font-size: 0.5em;
font-weight: 400;
letter-spacing: -1px;
}

.card i {
font-size: 3em;
}

.bg-EP {
color: #ffffff;
background: linear-gradient(-70deg, #2BC98A 30%,
rgba(0, 0, 0, 0) 30%), url('https://i.ytimg.com/vi/kRb6RIYkqro/maxresdefault.jpg');
background-size: cover;
background-position: 164% 50%;
position: relative;
width: 50%;
}

.bg-INThorizontal {
color: #ffffff;
background: linear-gradient(90deg, #fff 2%,
rgba(255, 255, 255, 0) 2%), url('https://www.aljazeera.com/wp-content/uploads/2021/04/2021-04-19T092405Z_400533519_RC2XYM9BIV79_RTRMADP_3_GERMANY-ELECTION-GREENS.jpg?resize=770%2C513');
background-size: cover;
background-position: 50% 50%;
position: relative;
width: 40em;
}

.bg-INTvertical {
color: #ffffff;
background: linear-gradient(90deg, #fff 2%,
rgba(255, 255, 255, 0) 2%), url('https://static1.elcorreo.com/www/multimedia/202105/11/media/cortadas/marine-lepen-afp-kjEE-U140338444723q0C-624x385@RC.jpg');
background-size: cover;
background-position: 50% 50%;
position: relative;
width: 40em;
}

.bg-TituloEP {
color: #000;
background: linear-gradient(-70deg, rgba(0, 0, 0, 0.05) 35%,
rgba(0, 0, 0, 0) 35%), #2BC98A;
text-align: left;
padding: 0.5em;
position: relative;
width: 50%;
}

.bg-TituloINTvertical {
color: #000;
background: linear-gradient(90deg, #0050a4 33%, rgba(0, 0, 0, 0.5) 33%), linear-gradient(90deg, #ffffff 66%, #ef4135 66%);
text-align: center;
position: relative;
padding: 1em;
width: 40em;
}

.bg-TarjetonSinFotoEP {
color: #000;
background: linear-gradient(-70deg, rgba(0, 0, 0, 0) 50%,
rgba(0, 0, 0, 0.05) 50%), #2BC98A;
text-align: center;
position: relative;
width: 50%;
height: 5em;
}

.bg-vertical {
color: #000;
background: linear-gradient(90deg, #0050a4 33%, rgba(0, 0, 0, 0) 33%), linear-gradient(90deg, #ffffff 66%, #ef4135 66%);
text-align: center;
width: 44rem;
}

.bg-verticalEstrecha {
color: #000;
background: linear-gradient(90deg, #0050a4 33%, rgba(0, 0, 0, 0) 33%), linear-gradient(90deg, #ffffff 66%, #ef4135 66%);
text-align: center;
height: 120px;
width: 64rem;
}

.bg-verticalMini {
color: #000;
background: linear-gradient(90deg, #0050a4 33%, rgba(0, 0, 0, 0) 33%), linear-gradient(90deg, #ffffff 66%, #ef4135 66%);
width: 2em;
}

.bg-horizontal {
color: #fff;
background: linear-gradient(180deg, #000000 33%, rgba(0,0,0,0) 33%), linear-gradient(180deg, #dd0000 66%, #ffc608 66%);
}

.bg-TituloINThorizontal {
color: #000;
background: linear-gradient(180deg, #000000 33%, rgba(0,0,0,0.5) 33%), linear-gradient(180deg, #dd0000 66%, #ffc608 66%);
text-align: center;
position: relative;
padding: 1em;
width: 40em;
}

.textoFoto {
position: absolute;
color: white;
right: 0.5rem;
bottom: 0px;
font-size: 14px;
font-family: -apple-system, BlinkMacSystemFont, 'Roboto', sans-serif;
letter-spacing: 0.01em
}

.marcaEM {
font-family: -apple-system, BlinkMacSystemFont, 'Roboto', sans-serif;
position: absolute;
color: white;
left: 0rem;
top: 0rem;
font-size: 12px;
letter-spacing: 0.01em
}

.textoTitulo {
font-family: -apple-system, BlinkMacSystemFont, 'Roboto', sans-serif;
position: relative;
color: white;
font-size: 22px;
font-weight: 100;
letter-spacing: 0.01em
}

.fecha {
font-family: -apple-system, BlinkMacSystemFont, 'Roboto', sans-serif;
position: absolute;
color: white;
right: 0.5rem;
bottom: 1rem;
font-size: 14px;
letter-spacing: 0.01em
}

.ImgLogoPanel {
display: block;
margin-left: auto;
margin-right: 0;
margin-bottom: 0;
width: 50px;
}

Votación para elaborar el ranking 🏆 de las provincias MEJOR 👍 y PEOR 👎 valoradas de España.

ElectoPanel

¡Vota ya!

Ya puedes votar

Ya puedes votar utilizando el formulario que verás a continuación, o si prefieres, a través de este enlace.