/* EVoting

INDICE:
----------------------------------------
    1. Custom, iPhone Retina
    2. Extra Small Devices, Phones
    3. Small Devices, Tablets
    4. Medium Devices, Desktop
    5. Iphone 5/SE

*/


@media (min-width: 320px) and (max-height: 630px)  {
    .sliderTopHome #sliderHome .item .sliderText {
        top: 8px !important;
        bottom: 130px !important; 
        margin: 0 5%;
        width: 90%;
    }
}


/*1. ------ Custom, iPhone Retina -----------------------------------------------------------------*/

@media (min-width: 385px) and (max-width: 479px){
    .navbar-icons{
        width: 45px!important;
        height: 45px!important;
        margin-bottom: 0px;
        margin-left: 1.3em!important;
        margin-right: 1.3em!important;
    }
    .navbar-icons-fonts{
        font-family: 'Raleway', sans-serif;
        color: var(--blackblue);
        display: inline-grid;
        position: relative;
        right: 0;
        top: 0px;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 0.8em!important;
        letter-spacing: 0px;
    }
}
@media (min-width: 320px) and (max-width: 479px) {


    .modal h3{
        font-size: 1.3em;
        font-weight: 600;
        margin-right: 0.5em;
        margin-left: 0.5em;
    }
    .modal h5{
        font-size: 1.7em;
        font-weight: 600;
        margin-bottom: 0.5em;
        margin-top: 0.2em;
    }

    .modal h2{
        font-size: 1.3em;
        font-weight: 600;
    }

    .modal-container {
        width: 90%;
        max-width: 480px;
        position: fixed;
        background-color: #F0EEEE;
        left: 50%;
        padding: 8px;
        box-shadow: black 1px 1px 10px 5px;
        transform: translate(-90%, -2000%);
        /*transition: transform 400ms ease-out;*/
        margin: 10px;
        z-index: 99999999999;
    }

    .modal:before {
        filter: blur(0em);
        backdrop-filter: blur(0px);
    }

    .modal:target .modal-container {
        top: 0%;
        -ms-transform: translate(-52%, 0%);
        transform: translate(-52%, 0%);
    }

    nav .boxNav a.contactanos {
        position: relative;
        right: unset;
        top: unset;
        font-size: 1.2em;
        margin-left: 0em;
        color: var(--orangered)!important;
    }
    nav .boxNav a.votaAqui {
        color: var(--blackblue);
    }
    nav .boxNav ul {
        display: flex;
        align-items: center;
        margin-left: 1em;
        margin-top: 1em;
    }

    .hidden-nav-a{
        display: none!important;
    }

    .navbar-icons{
        width: 38px;
        height: 36px;
        margin-bottom: 0px;
        margin-left: 0em;
    }

    .navbar-icons-fonts{
        font-family: 'Raleway', sans-serif;
        color: var(--blackblue);
        display: inline-grid;
        position: relative;
        right: 0;
        top: 0px;
        font-weight: 800;
        text-transform: uppercase;
        font-size: 1.1em;
        letter-spacing: 0px;
    }

    .hidden-hand{
        display: contents!important;
    }



    .certificationsHome{
        width: 100%;
        max-height: 45px;
    }

    .h2Home{
        font-family: 'Raleway', sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 0.6em;
        letter-spacing: 0.1px;
        text-align: center;
        margin: 0 auto;
        display: inline-flex;
    }

    .navbar-icons-fonts{
        font-size: 0.6em;
        margin-right: 0em;
        text-align: center;
    }


    .desktopBoxnav{
        /*display: none!important;*/
    }
    .hidden-boxnav{
        /*display: flex!important;*/
    }

    .h3Home {
        font-size: 1.4em;
        color: #fff;
        background-color: var(--blackblue);
        padding: 1em 1em;
        margin: 1.5em auto;
        width: 60%;
    }

    .triangleHomeHidden{
        display: none!important;
        visibility: hidden!important;
    }

    .triangleHome{
        width: 0;
        height: 0;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-bottom: 55px solid var(--blackblue);
        display: inline-flex!important;
        margin-top: 1.5em;
        margin-left: 1.8em;
        margin-right: 1.8em;
    }


    .container {
        width: 100%;
    }


    .parrafoEparticipaCaracteristicas {
        padding: 15px 50px 50px 50px;
    }

    .imagenContenidoEparticipa {
        width: 65%;
        margin: 0 0 10px 15%;
    }
    .imageSolucionesConcretas {
        width: 100%;
        height: 400px ;
    }
    .imageSolucionesResponsables {
        width: 100%;
        height: 400px ;
    }
    
    .imageSolucionesEficientes {
        width: 100%;
        height: 400px ;
    }
    
    
    .imageSolucionesAdaptables {
        width: 100%;
        height: 400px ;
    }

    .masEparticipa h2 {
        margin: 0;
    }
    .masEparticipa h3{
        margin: 0;
    }
    /* CONTACTO */

    .box-contacto .form-contacto{
        width: 100%;
        display: block;
        position: relative;
    }
    
    .box-contacto .text-contacto{
        display: block;
        position: relative;
        width: 100%;
        margin-bottom: 168px;
    }

    /*2. ------ Nav --------*/
    nav,
    nav .container,
    nav .boxNav{
        height: 60px;
        background-color: #FFFFFF;
    }
    nav .container {
        padding: 0 20px;
    }
    nav .boxNav .columnRight ul {
        display: none;
    }
    nav .boxNav a.contactanos {
        position: relative;
        right: unset;
        top: unset;
        font-size: 1.4em;
    }
    nav .boxNav a.votaAqui {
        position: relative;
        right: unset;
        top: unset;
        font-size: 1.4em;
        margin: 0px;
    }
    nav .menuBox {
        top: 60px;
        width: 100%;
    }

    .choise-lan {
        display: none !important;
    }
    .choise-leng {
        display: none;
    }

    /*3. ------ Footer --------*/
    footer .topFooter .columnLeft {
        width: 100%;
        height: auto;
    }
    footer .topFooter .columnRight {
        width: 100%;
        height: auto;
    }
    footer .topFooter .columnRight .box {
        padding: 40px 20px;
    }
    footer .bottomFooter {
        padding: 30px 20px;
    }
    footer .bottomFooter .columnLeft,
    footer .bottomFooter .columnRight {
        width: 100%;
    }
    footer .bottomFooter .columnRight p {
        padding: 20px 0 0 0;
        text-align: center;
    }

    footer .topFooter .columnLeft .columns .item-correo {
        width: 100%;
        height: auto;
    }
    footer .topFooter .columnLeft .columns .item-rc {
        width: 100%;
        height: auto;
    }
    footer .topFooter .columnLeft .columns .item-rs {
        width: 100%;
        height: auto;
    }
    footer .topFooter .columnLeft .columns .item-sitio {
        width: 100%;
        height: auto;
    }
    footer .topFooter .columnLeft .columns .item .box {
        padding: 40px 0 20px 0;
    }
    footer .topFooter .columnLeft .columns .item-flag {
        display: none !important;
    }
    
    footer .topFooter .columnLeft .columns .item-flag .box-flag {
        display: none !important; 
    }
    
    footer .topFooter .columnLeft .columns .item-flag .box-flag .li-flag {
        display: none !important;
    }

    .box-contacto .form-contacto{
        width: 100%;
        display: block;
        position: relative;
    }
    
    .box-contacto .text-contacto{
        display: block;
        position: relative;
        width: 100%;
        margin-bottom: 168px;
    }


    /*4. ------ Home --------*/

    /*- Home: Slider top -*/
    .sliderTopHome #sliderHome .item .sliderText h1 {
        font-size: 2.4em;
    }
    .sliderTopHome #sliderHome .item .sliderText {
        top: unset;
        bottom: 200px;
        margin: 0 5%;
        width: 90%;
    }

    /* .sliderTopHome .owl-dots {
        padding: 30px 0 0 0;
    } */
    .sliderTopHome .bgSolid {
        height: 50px;
    }
    .sliderTopHome #sliderHome .item .container {
        height: 100vh;
    }
    /*- Home: Cifras -*/  
    .cifrasHome {
        padding: 0;
    }
    .cifrasHome .item {
        width: 92%;
        height: auto;
        margin: 4%;
        padding: 20px;
    }
    .cifrasHome .item + .item + .item + .item {
        width: 92%;
        height: auto;
        margin: 4%;
        padding: 20px;
    }
    /*- Home: Servicios principales -*/  
    .serviciosHome .box .image {
        width: 100%;
        height: 50vh;
    }
    .serviciosHome .box .text {
        width: 100%;
        padding: 20px;
    }
    .serviciosHome .box .text h2 {
        font-size: 2.4em;
    }
    .serviciosHome .box .text .item.eholders img {
        height: 64px;
    }
    .serviciosHome .box .text .item.evoters img {
        height: 52px;
    }
    .serviciosHome .box .text .item.eparticipa img {
        height: 54px;
    }
    .serviciosHome .box .text .item.easambleas img {
        height: 52px;
    }
    /*- Home: Voto electrónico -*/ 
    .votoElectronicoHome {
        margin: 0;
    }
    .votoElectronicoHome h2 {
        margin: 0;
        padding: 0 20px;
        font-size: 2.4em;
    }
    .votoElectronicoHome .box .item .card {
        width: 100%;
    }
    .votoElectronicoHome .box .item .card .image {
        width: 100%;
        height: 100%;
    }
    .votoElectronicoHome .box .item {
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .votoElectronicoHome .box .item + .item  {
        width: 100%;
        margin: 30px 0;
    }
    .votoElectronicoHome .box .item + .item + .item  {
        width: 100%;
        margin: 30px 0;
    }
    .votoElectronicoHome .box .item .card .text {
        width: 100%;
    }
    .votoElectronicoHome .box .item .card .text p {
        height: auto;
    }
    /*- Home: Somos -*/ 
    .somosHome {
        margin: 20px 0;
        padding: 20px;
    }
    .somosHome .box .columnLeft {
        width: 100%;
    }
    .somosHome .box .columnRight {
        width: 100%;
    }
    .somosHome .box .columnRight p {
        text-align: center;
        padding: 0 20px;
        margin-top: 30px;
    }
    /*- Home: Slider de videos -*/ 
    .videosHome {
        margin: 20px 0;
        padding: 0;
    }
    .videosHome .box #sliderVideosHome .item .image a {
        top: 10%;
    }
    .videosHome .box #sliderVideosHome .item .image a svg {
        width: 60px;
        height: 60px;
    }

    /* TEXTO VIDEOS */
    .videosHome .box #sliderVideosHome .item .texto {
        width: 90%;
        top: 75%;
        padding: 5px 5px 5px 5px;
    }
    .videosHome .box #sliderVideosHome .item .texto h2 {
        font-size: 1.3em;
    }
    /*- Home: Dato específico -*/ 
    .datoHome {
        margin: 20px 0;
        padding: 20px;
    }
    .datoHome .box .text {
        width: 100%;
        padding: 0;
    }
    .datoHome .box .text h3 {
        font-size: 6em;
    }
    .datoHome .box .text p {
        padding: 0 30% 0 0;
    }
    /*- Home: Opinión de clientes -*/ 
    .clientesHome {
        margin: 30px 0;
        padding: 0;
    }
    .clientesHome .box h2 {
        font-size: 2.4em
    }
    .clientesHome .box .item {
        width: 70%;
    }
    .clientesHome .box .item p {
        font-size: 1.8em;
    }
    /*- Home: Blog -*/ 
    .blogHome {
        margin: 30px 0;
        padding: 0 20px;
    }
    .blogHome h2 {
        font-size: 2.4em;
    }
    article.principal .card {
        width: 100%;
        height: 100%;
    }
    article.principal .card .image {
        width: 100%;
        height: 100%;
    }
    article.principal .card .text {
        width: 100%;
        height: auto;
        padding: 20px;
    }
    article.principal .card .text a.btn {
        position: relative;
        bottom: unset;
    }
    article.principal .card .text p {
        font-size: 1.6em;
        line-height: unset;
    }
    article.other,
    article.other + article.other,
    article.other + article.other + article.other,
    article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other {
        width: 100%;
    }
    article.other .card {
        height: auto;
    }
    article.other .card .image {
        width: 100%;
        height: 100%;
    }
    article.other .card .text {
        width: 100%;
        height: auto;
    }
    article.other .card .text a.btn {
        position: relative;
        bottom: unset;
        margin-top: 20px;
    }
    article.other .card .text p.fecha {
        position: relative;
        bottom: unset;
    }

    /*5. ------ Seguridad electoral --------*/

    .contenidoSecciones .topContenido {
        padding: 30px 10px;
    }
    .contenidoSecciones .topContenido .columnLeft {
        width: 100%;
        margin: 0;
    }
    .contenidoSecciones .topContenido .columnRight {
        width: 100%;
        margin: 0;
    }

    .contenidoSecciones .topContenidoCertificado .columnRight {
        width: 100%;
        margin: 0;
    }

    .contenidoSecciones .topContenido .columnLeftPlataforma {
        width: 100%;
        margin: 0;
    }
    .contenidoSecciones .topContenido .columnRightPlataforma {
        width: 100%;
        margin: 0;
    }
    .headerSecciones {
        display: block;
        align-items: unset;
        justify-content: unset;
        background-position: top !important;
        padding: 170px 10px 0 10px;
        height: 280px;
    }
    .headerSecciones h1 {
        font-size: 2.8em;
        width: 100%;
        margin: 0 0 6px 0;
    }
    .contenidoSecciones .topContenido .columnLeft h2 {
        font-size: 2em;
        width: 100%;
    }
    .contenidoSecciones .cuerpoContenido .box {
        padding: 20px 10px;
    }
    .contenidoSecciones .cuerpoContenido h2 {
        font-size: 2em;
        width: 100%;
        padding: 0 10px;
    }
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item,
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item + .item,
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item + .item + .item {
        width: 100%;
        margin: 0 0 20px 0;
    }
    .contenidoSecciones .cuerpoContenido .box .item .image a {
        top: 28%;
    }
    .contenidoSecciones .cuerpoContenido .box .item .image a svg {
        width: 70px;
        height: 70px;
    }
    .contenidoSecciones .cuerpoContenido .videosAutentificacion {
        padding: 0 10px;
    }
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item h2 {
        padding: 0;
    }
    .headerSecciones.seguridadElectoral {
        height: 680px;
        padding: 280px 10px 0 10px;
    }
    .headerSecciones.seguridadElectoral h1 {
        width: 100%;
        padding: 0;
        font-size: 2.4em;
    }
    .headerSecciones.seguridadElectoral p {
        width: 100%;
        padding: 0;
    }
    .headerSecciones.seguridadElectoral svg {
        margin: 0;
        width: 75%;
    }
    .serviciosPrivacidad {
        margin: 0 0 30px 0;
    }
    .serviciosPrivacidad .box .image {
        width: 100%;
        height: 200px;
    }
    .serviciosPrivacidad .box .text {
        width: 100%;
    }
    .serviciosPrivacidad .box .text .top {
        padding: 20px 10px;
    }
    .serviciosPrivacidad .box .text .top h2 {
        font-size: 2.2em;
        padding: 0px 0 0 50px;
    }
    .serviciosPrivacidad .box .text .top h2 svg {
        left: 10px;
        width: 40px;
        top: 10px;
    }
    .serviciosPrivacidad .box .text .top .boton {
        padding: 0;
    }
    .serviciosSecretoDelVoto {
        margin: 0 0 30px 0;
    }
    .serviciosSecretoDelVoto .box .image {
        width: 100%;
        height: 200px;
    }
    .serviciosSecretoDelVoto .box .text {
        width: 100%;
    }
    .serviciosSecretoDelVoto .box .text .top {
        padding: 20px 10px;
    }
    .serviciosSecretoDelVoto .box .text .top h2 {
        font-size: 2.2em;
        padding: 0px 0 0 50px;
    }
    .serviciosSecretoDelVoto .box .text .top h2 svg {
        left: 10px;
        width: 40px;
        top: 10px;
    }
    .serviciosSecretoDelVoto .box .text .top .boton {
        padding: 0;
    }
    .serviciosProtocolos {
        padding: 50px 0 50px 0;
        background-position: right;
    }
    .serviciosProtocolos .box {
        width: 100%;
        padding: 0 5%;
    }
    .serviciosProtocolos .box .text .top h2 {
        font-size: 2.2em;
        padding: 0 50px 0 0;
    }
    .serviciosProtocolos .box .text .top h2 svg {
        right: 10px;
        width: 40px;
        top: -10px;
    }
    .serviciosProtocolos .box .text .top .boton {
        padding: 0;
    }
    .serviciosAutentificacion {
        margin: 0px 0 30px 0;
    }
    .serviciosAutentificacion .box .image {
        width: 100%;
        height: 200px;
    }
    .serviciosAutentificacion .box .text {
        width: 100%;
    }
    .serviciosAutentificacion .box .text .top {
        padding: 20px 10px;
    }
    .serviciosAutentificacion .box .text .top h2 {
        font-size: 2.2em;
        padding: 0 50px 0 0;
    }
    .serviciosAutentificacion .box .text .top h2 svg {
        right: 10px;
        width: 40px;
        top: 4px;
    }
    .serviciosAutentificacion .box .text .top .boton {
        padding: 0;
    }
    .serviciosSeguridadInformatica {
        margin: 0 0 30px 0;
    }
    .serviciosSeguridadInformatica .box .image {
        width: 100%;
        height: 200px;
    }
    .serviciosSeguridadInformatica .box .text {
        width: 100%;
    }
    .serviciosSeguridadInformatica .box .text .top {
        padding: 10px;
    }
    .serviciosSeguridadInformatica .box .text .top h2 {
        font-size: 2.2em;
        padding: 0 50px 0 0;
    }
    .serviciosSeguridadInformatica .box .text .top h2 svg {
        right: 10px;
        width: 40px;
        top: 0;
    }
    .serviciosSeguridadInformatica .box .text .top .boton {
        padding: 0;
    }


    /*6. ------ Nosotros --------*/ 

    .contenidoSecciones .itemVideo .image a {
        top: 8%;
    }
    .contenidoSecciones .itemVideo .image a svg {
        width: 50px;
    }
    .contenidoSecciones.historia .botones .columnLeft {
        width: 96%;
        margin: 0 2% 20px 2%;
    }
    .contenidoSecciones.historia .botones .columnRight {
        width: 96%;
        margin: 0 2%;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo.descripcion {
        height: auto !important;
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo {
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo {
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .fraseEquipo .text {
        padding: 0 0 0 250px;
        width: 100%;
    }
    .contenidoSecciones .fraseEquipo {
        padding: 70px 0;
    }
    .contenidoSecciones .fraseEquipo .text p {
        font-size: 2em;
    }

    /*7. ------ Plataformas --------*/

    .headerSecciones.serviciosPlataformas {
        height: 600px;
        padding: 280px 10px 0 10px;
    }
    .headerSecciones.serviciosPlataformas img {
        margin: 0;
        padding: 0 10px;
        max-width: 250px;
    }
    .headerSecciones.serviciosPlataformas p {
        width: 100%;
        padding: 0 10px;
        margin: 20px 0;
    }
    .headerSecciones.serviciosPlataformas svg {
        margin: 0;
    }
    .caracteristicasPlataformas {
        margin: 20px 0;
    }
    .caracteristicasPlataformas .box.rightImage .image,
    .caracteristicasPlataformas .box .image {
        width: 100%;
        height: 200px;
    }
    .caracteristicasPlataformas .box.rightImage .text,
    .caracteristicasPlataformas .box.leftImage .text {
        width: 100%;
    }
    .caracteristicasPlataformas .box .text .titulo {
        padding: 20px 10px;
        height: auto;
    }
    .caracteristicasPlataformas .box .text .titulo h2 {
        font-size: 2em;
    }
    .caracteristicasPlataformas .box .text .parrafo {
        padding: 30px 10px;
        height: auto;
    }
    .caracteristicasPlataformas .box.leftImage .text .titulo h2 {
        padding: 0;
    }
    .cifrasPlataformas {
        margin: 0 0 20px 0;
    }
    .cifrasPlataformas h2 {
        font-size: 2em;
        margin: 0 20px 40px 20px;
    }
    .cifrasPlataformas .box {
        width: 90%;
    }
    .cifrasPlataformas .box .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .cifrasPlataformas .box .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .cifrasPlataformas .box .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .cifrasPlataformas .box .item + .item  + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .cifrasPlataformas .box .item .bottom {
        height: auto;
    }
    .masCaracteristicasPlataformas {
        margin: 0;
    }
    .masCaracteristicasPlataformas .top h2 {
        width: 290px;
    }
    .masCaracteristicasPlataformas .top p {
        padding: 20px 10px;
    }
    .masCaracteristicasPlataformas .contenido {
        margin: 40px 0 0 0;
    }
    .masCaracteristicasPlataformas .contenido h2,
    .masCaracteristicasPlataformas .contenido h3 {
        margin: 0;
        padding: 0 10px;
        font-size: 2em;
    }
    .masCaracteristicasPlataformas .contenido .box {
        margin: 10px 0;
    }
    .masCaracteristicasPlataformas .contenido .box .item {
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .masCaracteristicasPlataformas .contenido .box .item + .item {
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .masCaracteristicasPlataformas .contenido .box .item + .item + .item {
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .masCaracteristicasPlataformas .contenido .box .item + .item + .item + .item {
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .masCaracteristicasPlataformas .contenido .box .item + .item + .item + .item + .item {
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .masCaracteristicasPlataformas .contenido .box .item + .item + .item + .item + .item + .item {
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .masCaracteristicasPlataformas .contenido .box .item + .item + .item + .item + .item + .item + .item{
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .masCaracteristicasPlataformas .contenido .box .item + .item + .item + .item + .item + .item + .item +.item{
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card {
        width: 100%;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card .image {
        width: 100%;
        height: 100%;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card .text {
        width: 100%;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card .text p {
        height: auto;
    }
    .videosHome .box .videos .item .image a {
        top: 26%;
    }
    .videosHome .box .videos .item .image a svg {
        width: 90px;
        height: 90px;
    }
    .servicioGlobal .box .left,
    .servicioGlobal .box .right {
        width: 100%;
        text-align: center;
    }
    .servicioGlobal .box .left img {
        width: 75%;
        margin: 0 auto;
    }
    .servicioGlobal .box .right .text,
    .servicioGlobal .box .right .text h2,
    .servicioGlobal .box .right .text p,
    .servicioGlobal .box .right .text .boton {
        text-align: center;
    }
    .servicioGlobal .box .right .text {
        width: 90%;
        margin: 0 auto;
        margin-top: 40px;
    }
    .beneficiosPlataformas {
        margin: 20px 0;
    }
    .beneficiosPlataformas .container h2 {
        font-size: 2em;
        margin: 20px 10px;
    }
    .beneficiosPlataformas .box .image {
        width: 100%;
        height: 150px;
    }
    .beneficiosPlataformas .box .text {
        width: 100%;
    }
    .beneficiosPlataformas .box .text .top {
        padding: 20px 10px;
    }

    .beneficiosPlataformasEparticipa {
        margin: 20px 0;
    }
    .beneficiosPlataformasEparticipa .container h2 {
        font-size: 4em;
        margin: 4%;
        font-weight: 400;
        text-align: inherit;
    }

    .imagenSolucionesEparticipa{
        width: 80%;
        margin: 10%;
    }

    .logo-beneficios{
        width: 80%;
    }

    .texto-beneficios{
        width: 100%;
    }
    .imagenBeneficiosEparticipa{
        width: 100%;
        margin: 10%;

    }
    .beneficiosPlataformasEparticipa .box .image {
        width: 100%;
        height: 150px;
    }
    .beneficiosPlataformasEparticipa .box .text {
        width: 100%;
    }
    .beneficiosPlataformasEparticipa .box .text .top {
        padding: 20px 10px;
    }
    .clientesHome .titulo h2 {
        font-size: 2em;
        margin: 20px 10px 40px 10px;
    }
    .homePlataformas .headerSecciones.serviciosPlataformas .box {
        width: 90%;
    }
    .homePlataformas .caracteristicasPlataformas .tituloServicios p,
    .homePlataformas .caracteristicasPlataformas .tituloServicios h2 {
        width: 100%;
    }
    .homePlataformas .caracteristicasPlataformas .box.rightImage .text .titulo {
        padding: 20px;
        height: auto;
    }
    .homePlataformas .caracteristicasPlataformas .tituloServicios {
        margin: 0;
        padding: 40px 20px;
    }
    .homePlataformas .headerSecciones.serviciosPlataformas .box h1 {
        font-size: 3.4em;
    }
    .homePlataformas .headerSecciones.serviciosPlataformas svg {
        width: 100%;
    }
    .homePlataformas .caracteristicasPlataformas .box .text .parrafo {
        height: auto;
        display: inline-block;
    }
    .homePlataformas .caracteristicasPlataformas .box.leftImage .text .titulo {
        padding: 20px;
        height: auto;
    }

    /*7. ------ Sucede ahora --------*/

    .blog .headerSecciones.serviciosPlataformas {
        height: 300px;
        padding: 190px 10px 0 10px;
    }
    .blog .headerSecciones h1 {
        width: 100%;
        margin: 0 0 10px 0;
    }
    .clientesHablan {
        margin: 30px 0;
        padding: 0 20px;
    }
    .clientesHablan .boxOpiniones .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item{
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item + .item{
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item + .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item .contenido {
        height: auto;
        padding: 100px 30px 30px 30px;
        margin-top: -80px;
    }
    #sliderMedios .item .bottom {
        padding: 20px;
        height: auto;
    }
    #sliderMedios .item .bottom .boton {
        margin: 30px 0;
    }
    #sliderMedios .owl-dots button.owl-dot {
        margin: 0 6px;
    }
    .acordeonNotas .acordeon__titulo h2 {
        padding: 0 40px 0 0;
    }

    /*8. ------ Experiencias --------*/

    .logosEmpresas {
        padding: 0;
    }
    .logosEmpresas .box {
        padding: 0 20px;
    }
    .blogHome.experiencias h2 {
        padding: 0 10px;
    }
    .blogHome.experiencias p {
        padding: 0 10px;
        margin: 0 0 30px 0;
    }
    .logosEmpresas .box .item {
        width: 100%;
        height: auto;
    
    }
    
    /*home*/
    .experienciasHome .logosEmpresas .titulo h2,
    .experienciasHome .logosEmpresas .titulo p {
        margin: 0 0 20px 0;
        padding: 0 10px;
    }
    .experienciasHome .logosEmpresas .btn.home {
        padding: 0 10px;
    }
    .experienciasHome .logosEmpresas .btn.home a {
        padding: 20px 10px;
        font-size: 1.4em;
    }
    .experienciasHome .headerSecciones h1 {
        width: 100%;
        margin: 0;
    }
    .experienciasHome .headerSecciones.experiencias p {
        width: 100%;
        margin: 10px 0 0 0;
    }
    .experienciasHome .headerSecciones.experiencias {
        height: 360px;
    }
    .experienciasHome .headerSecciones.experiencias svg {
        margin: 10px 0 0 0;
    }

    /*10. ------ Artículo --------*/

    .headerArticulo {
        margin: 20px 0 10px 0;
        padding: 0 10px;
    }
    .headerArticulo h1 {
        font-size: 2.4em; 
    }
    .contenidoArticulo .cuerpoArticulo {
        padding: 0 10px;
        width: 100%;
    }
    .contenidoArticulo aside {
        width: 100%;
        margin: 0;
        padding: 0 10px;
    }
    .contenidoArticulo aside .box h2 {
        font-size: 2.4em;
    }
    .contenidoArticulo aside .box .notasRecientes a .item h3 {
        font-size: 2em;
    }
    .contenidoArticulo aside .box .notasRecientes a .item p.fecha {
        font-size: 1.4em;
    }

}

/*2. ------ Extra Small Devices, Phones -----------------------------------------------------------------*/ 
@media (min-width: 480px) and (max-width: 767px) {

    .rotate90{
        margin-top: 0em!important;
        width: 40px;
        height: 40px;
    }

    .navbar-icons-fonts{
        display: inline-grid;
        margin-left: 6em;
    }

    .navbar-icons{
        margin: 0 auto;
    }

    nav .boxNav{
        height: auto!important;
    }

    .hidden-nav-a{
        display: none!important;
    }

    .hidden-hand{
        display: contents!important;
    }

    .certificationsHome{
        max-height: 80px;
    }

    .parrafoEparticipaCaracteristicas {
        padding: 50px 50px 50px 50px;
    }
    .imageSolucionesConcretas {
        width: 100%;
        height: 400px ;
    }
    .imageSolucionesResponsables {
        width: 100%;
        height: 400px ;
    }
    
    .imageSolucionesEficientes {
        width: 100%;
        height: 400px ;
    }
    
    .imageSolucionesAdaptables {
        width: 100%;
        height: 400px ;
    }
    .masEparticipa h2 {
        margin: 0;
    }
    .masEparticipa h3{
        margin: 0;
    }
    .container {
        width: 100%;
    }

    /*2. ------ Nav --------*/

    .navbar-icons-fonts{
        font-size: 0.8em;
    }
    .navbar-icons{
        width: 30px;
        height: 30px;
    }
    .modal-container{
        width: 80%;
        left: 45%
    }

    /*.desktopBoxnav{*/
    /*    */
    /*}*/
    .hidden-boxnav{
        display: none!important;

    }


    nav,
    nav .container,
    nav .boxNav{
        /*height: 60px;*/
        margin-bottom: -1em;
    }
    nav .container {
        padding: 0 20px;
    }
    nav .boxNav .columnRight ul {
        display: none;
    }
    nav .boxNav a.contactanos {
        position: relative;
        right: unset;
        top: unset;
        font-size: 1.4em;
    }
    nav .boxNav a.votaAqui {
        position: relative;
        right: unset;
        top: unset;
        font-size: 1.4em;
    }
    nav .menuBox {
        top: 60px;
    }

    .choise-lan {
        display: none !important;
    }
    .choise-leng {
        display: none;
    }

    /*3. ------ Footer --------*/
    footer .topFooter .columnLeft {
        width: 100%;
        height: auto;
    }
    footer .topFooter .columnRight {
        width: 100%;
        height: auto;
    }
    footer .topFooter .columnRight .box {
        padding: 40px 20px;
    }
    footer .bottomFooter {
        padding: 30px 20px;
    }
    footer .bottomFooter .columnLeft,
    footer .bottomFooter .columnRight {
        width: 100%;
    }
    footer .bottomFooter .columnRight p {
        padding: 20px 0 0 0;
        text-align: center;
    }
    footer .topFooter .columnLeft .columns .item .box {
        padding: 40px 0 20px 0;
    }

    footer .topFooter .columnLeft .columns .item-flag {
        display: block;
        position: relative;
        width: 33.33%;
        float: left;
        text-align: center;
        display: none  !important;
    }
    
    footer .topFooter .columnLeft .columns .item-flag .box-flag {
        padding: 100px 0 60px 0;
        display: block;
        display: none !important;
    }
    
    footer .topFooter .columnLeft .columns .item-flag .box-flag .li-flag {
        padding: 0 0 17px 65px;
        display: none !important;
    }

    .box-contacto .form-contacto{
        width: 100%;
        display: block;
        position: relative;
    }
    
    .box-contacto .text-contacto{
        display: block;
        position: relative;
        width: 100%;
        margin-bottom: 168px;
    }

    .box-contacto .form-contacto{
        width: 100%;
        display: block;
        position: relative;
    }
    
    .box-contacto .text-contacto{
        display: block;
        position: relative;
        width: 100%;
        margin-bottom: 168px;
    }

    /*4. ------ Home --------*/

    .h3Home {
        font-size: 1.8em;
        color: #fff;
        background-color: var(--blackblue);
        width: 60%;
        padding: 1em 1em;
        margin: 1.5em auto;
    }

    .triangleHome{
        width: 0;
        height: 0;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-bottom: 55px solid var(--blackblue);
        display: inline-flex!important;
        margin-left: 3em;
        margin-right: 3em;
    }

    .triangleHomeHidden{
        display: none!important;
        visibility: hidden!important;
    }

    /*- Home: Slider top -*/
    .sliderTopHome #sliderHome .item .sliderText h1 {
        font-size: 2.4em;
    }
    .sliderTopHome #sliderHome .item .sliderText {
        top: 45vh;
    }
    /*- Home: Cifras -*/  
    .cifrasHome {
        padding: 0;
    }
    .cifrasHome .item {
        width: 92%;
        height: auto;
        margin: 4%;
        padding: 20px;
    }
    .cifrasHome .item + .item + .item + .item {
        width: 92%;
        height: auto;
        margin: 4%;
        padding: 20px;
    }
    /*- Home: Servicios principales -*/  
    .serviciosHome .box .image {
        width: 100%;
        height: 50vh;
    }
    .serviciosHome .box .text {
        width: 100%;
        padding: 20px;
    }
    .serviciosHome .box .text h2 {
        font-size: 2.4em;
    }
    .serviciosHome .box .text .item.eholders img {
        height: 64px;
    }
    .serviciosHome .box .text .item.evoters img {
        height: 52px;
    }
    .serviciosHome .box .text .item.eparticipa img {
        height: 54px;
    }
    .serviciosHome .box .text .item.easambleas img {
        height: 52px;
    }
    /*- Home: Voto electrónico -*/ 
    .votoElectronicoHome {
        margin: 0;
    }
    .votoElectronicoHome h2 {
        margin: 0;
        padding: 0 20px;
        font-size: 2.4em;
    }
    .votoElectronicoHome .box .item .card {
        width: 100%;
    }
    .votoElectronicoHome .box .item .card .image {
        width: 100%;
        height: 100%;
    }
    .votoElectronicoHome .box .item {
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .votoElectronicoHome .box .item + .item  {
        width: 100%;
        margin: 30px 0;
    }
    .votoElectronicoHome .box .item + .item + .item  {
        width: 100%;
        margin: 30px 0;
    }
    .votoElectronicoHome .box .item .card .text {
        width: 100%;
    }
    .votoElectronicoHome .box .item .card .text p {
        height: auto;
    }
    /*- Home: Somos -*/ 
    .somosHome {
        margin: 20px 0;
        padding: 20px;
    }
    .somosHome .box .columnLeft {
        width: 100%;
    }
    .somosHome .box .columnRight {
        width: 100%;
    }
    .somosHome .box .columnRight p {
        text-align: center;
        padding: 0 20px;
        margin-top: 30px;
    }
    /*- Home: Slider de videos -*/ 
    .videosHome {
        margin: 20px 0;
        padding: 0;
    }
    .videosHome .box #sliderVideosHome .item .image a {
        top: 22%;
    }
    .videosHome .box #sliderVideosHome .item .image a svg {
        width: 70px;
        height: 70px;
    }
    /* TEXTO VIDEOS */
    .videosHome .box #sliderVideosHome .item .texto {
        width: 80%;
        top: 75%;
        padding: 10px 10px 10px 10px;
    }
    .videosHome .box #sliderVideosHome .item .texto h2 {
        color: var(--white);
        font-size: 1.5em;
        font-weight: 400;
    }
    /*- Home: Dato específico -*/ 
    .datoHome {
        margin: 20px 0;
        padding: 20px;
    }
    .datoHome .box .text {
        width: 100%;
        padding: 0;
    }
    .datoHome .box .text h3 {
        font-size: 6em;
    }
    .datoHome .box .text p {
        padding: 0 30% 0 0;
    }
    /*- Home: Opinión de clientes -*/ 
    .clientesHome {
        margin: 30px 0;
        padding: 0;
    }
    .clientesHome .box h2 {
        font-size: 2.4em
    }
    .clientesHome .box .item {
        width: 70%;
    }
    .clientesHome .box .item p {
        font-size: 1.8em;
    }
    /*- Home: Blog -*/ 
    .blogHome {
        margin: 30px 0;
        padding: 0 20px;
    }
    .blogHome h2 {
        font-size: 2.4em;
    }
    article.principal .card {
        width: 100%;
        height: 100%;
    }
    article.principal .card .image {
        width: 100%;
        height: 100%;
    }
    article.principal .card .text {
        width: 100%;
        height: auto;
        padding: 20px;
    }
    article.principal .card .text a.btn {
        position: relative;
        bottom: unset;
    }
    article.principal .card .text p {
        font-size: 1.6em;
        line-height: unset;
    }
    article.other,
    article.other + article.other,
    article.other + article.other + article.other,
    article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other {
        width: 100%;
    }
    article.other .card {
        width: 100%;
        height: 100%;
    }
    article.other .card .image {
        width: 100%;
        height: 100%;
    }
    article.other .card .text {
        width: 100%;
        height: auto;
        padding: 20px;
    }
    article.other .card .text a.btn {
        position: relative;
        bottom: unset;
    }
    article.other .card .text p {
        font-size: 1.6em;
        line-height: unset;
    }
    

    /*5. ------ Seguridad electoral --------*/

    .contenidoSecciones .topContenido {
        padding: 30px 10px;
    }
    .contenidoSecciones .topContenido .columnLeft {
        width: 100%;
        margin: 0;
    }
    .contenidoSecciones .topContenido .columnRight {
        width: 100%;
        margin: 0;
    }

    .contenidoSecciones .topContenidoCertificado .columnRight {
        width: 100%;
        margin: 0;
    }

    .contenidoSecciones .topContenido .columnLeftPlataforma {
        width: 100%;
        margin: 0;
    }
    .contenidoSecciones .topContenido .columnRightPlataforma {
        width: 100%;
        margin: 0;
    }
    .headerSecciones {
        display: block;
        align-items: unset;
        justify-content: unset;
        background-position: top !important;
        padding: 170px 10px 0 10px;
        height: 280px;
    }
    .headerSecciones h1 {
        font-size: 2.8em;
        width: 100%;
        margin: 0 0 6px 0;
    }
    .contenidoSecciones .topContenido .columnLeft h2 {
        font-size: 2em;
        width: 100%;
    }
    .contenidoSecciones .cuerpoContenido .box {
        padding: 20px 10px;
    }
    .contenidoSecciones .cuerpoContenido h2 {
        font-size: 2em;
        width: 100%;
        padding: 0 10px;
    }
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item,
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item + .item,
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item + .item + .item {
        width: 100%;
        margin: 0 0 20px 0;
    }
    .contenidoSecciones .cuerpoContenido .box .item .image a {
        top: 28%;
    }
    .contenidoSecciones .cuerpoContenido .box .item .image a svg {
        width: 70px;
        height: 70px;
    }
    .contenidoSecciones .cuerpoContenido .videosAutentificacion {
        padding: 0 10px;
    }
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item h2 {
        padding: 0;
    }
    .headerSecciones.seguridadElectoral {
        height: 730px;
        padding: 350px 10px 0 10px;
    }
    .headerSecciones.seguridadElectoral h1 {
        width: 100%;
        padding: 0;
        font-size: 2.4em;
    }
    .headerSecciones.seguridadElectoral p {
        width: 100%;
        padding: 0;
    }
    .headerSecciones.seguridadElectoral svg {
        margin: 0;
        width: 75%;
    }
    .serviciosPrivacidad {
        margin: 0 0 30px 0;
    }
    .serviciosPrivacidad .box .image {
        width: 100%;
        height: 200px;
    }
    .serviciosPrivacidad .box .text {
        width: 100%;
    }
    .serviciosPrivacidad .box .text .top {
        padding: 20px 10px;
    }
    .serviciosPrivacidad .box .text .top h2 {
        font-size: 2.2em;
        padding: 0px 0 0 50px;
    }
    .serviciosPrivacidad .box .text .top h2 svg {
        left: 10px;
        width: 40px;
        top: 10px;
    }
    .serviciosPrivacidad .box .text .top .boton {
        padding: 0;
    }
    .serviciosSecretoDelVoto {
        margin: 0 0 30px 0;
    }
    .serviciosSecretoDelVoto .box .image {
        width: 100%;
        height: 200px;
    }
    .serviciosSecretoDelVoto .box .text {
        width: 100%;
    }
    .serviciosSecretoDelVoto .box .text .top {
        padding: 20px 10px;
    }
    .serviciosSecretoDelVoto .box .text .top h2 {
        font-size: 2.2em;
        padding: 0px 0 0 50px;
    }
    .serviciosSecretoDelVoto .box .text .top h2 svg {
        left: 10px;
        width: 40px;
        top: 10px;
    }
    .serviciosSecretoDelVoto .box .text .top .boton {
        padding: 0;
    }
    .serviciosProtocolos {
        padding: 50px 0 50px 0;
        background-position: right;
    }
    .serviciosProtocolos .box {
        width: 100%;
        padding: 0 5%;
    }
    .serviciosProtocolos .box .text .top h2 {
        font-size: 2.2em;
        padding: 0 50px 0 0;
    }
    .serviciosProtocolos .box .text .top h2 svg {
        right: 10px;
        width: 40px;
        top: -10px;
    }
    .serviciosProtocolos .box .text .top .boton {
        padding: 0;
    }
    .serviciosAutentificacion {
        margin: 0px 0 30px 0;
    }
    .serviciosAutentificacion .box .image {
        width: 100%;
        height: 200px;
    }
    .serviciosAutentificacion .box .text {
        width: 100%;
    }
    .serviciosAutentificacion .box .text .top {
        padding: 20px 10px;
    }
    .serviciosAutentificacion .box .text .top h2 {
        font-size: 2.2em;
        padding: 0 50px 0 0;
    }
    .serviciosAutentificacion .box .text .top h2 svg {
        right: 10px;
        width: 40px;
        top: 4px;
    }
    .serviciosAutentificacion .box .text .top .boton {
        padding: 0;
    }
    .serviciosSeguridadInformatica {
        margin: 0 0 30px 0;
    }
    .serviciosSeguridadInformatica .box .image {
        width: 100%;
        height: 200px;
    }
    .serviciosSeguridadInformatica .box .text {
        width: 100%;
    }
    .serviciosSeguridadInformatica .box .text .top {
        padding: 10px;
    }
    .serviciosSeguridadInformatica .box .text .top h2 {
        font-size: 2.2em;
        padding: 0 50px 0 0;
    }
    .serviciosSeguridadInformatica .box .text .top h2 svg {
        right: 10px;
        width: 40px;
        top: 0;
    }
    .serviciosSeguridadInformatica .box .text .top .boton {
        padding: 0;
    }

    /*6. ------ Nosotros --------*/ 

    .contenidoSecciones .itemVideo .image a {
        top: 8%;
    }
    .contenidoSecciones .itemVideo .image a svg {
        width: 50px;
    }
    .contenidoSecciones.historia .botones .columnLeft {
        width: 96%;
        margin: 0 2% 20px 2%;
    }
    .contenidoSecciones.historia .botones .columnRight {
        width: 96%;
        margin: 0 2%;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo.descripcion {
        height: auto !important;
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo {
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo {
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .fraseEquipo .text {
        padding: 0 0 0 250px;
        width: 100%;
    }
    .contenidoSecciones .fraseEquipo {
        padding: 70px 0;
    }
    .contenidoSecciones .fraseEquipo .text p {
        font-size: 2em;
    }

    /*7. ------ Plataformas --------*/

    .headerSecciones.serviciosPlataformas {
        height: 600px;
        padding: 280px 10px 0 10px;
    }
    .headerSecciones.serviciosPlataformas img {
        margin: 0;
        padding: 0 10px;
    }
    .headerSecciones.serviciosPlataformas p {
        width: 100%;
        padding: 0 10px;
        margin: 20px 0;
    }
    .headerSecciones.serviciosPlataformas svg {
        margin: 0;
    }

    /*7. ------ Plataformas --------*/

    .headerSecciones.serviciosPlataformas {
        height: 700px;
        padding: 450px 10px 0 10px;
    }
    .headerSecciones.serviciosPlataformas img {
        margin: 0;
        padding: 0 10px;
    }
    .headerSecciones.serviciosPlataformas p {
        width: 100%;
        padding: 0 10px;
        margin: 20px 0;
    }
    .headerSecciones.serviciosPlataformas svg {
        margin: 0;
    }
    .caracteristicasPlataformas {
        margin: 20px 0;
    }
    .caracteristicasPlataformas .box.rightImage .image,
    .caracteristicasPlataformas .box .image {
        width: 100%;
        height: 200px;
    }
    .caracteristicasPlataformas .box.rightImage .text,
    .caracteristicasPlataformas .box.leftImage .text {
        width: 100%;
    }
    .caracteristicasPlataformas .box .text .titulo {
        padding: 20px 10px;
        height: auto;
    }
    .caracteristicasPlataformas .box .text .titulo h2 {
        font-size: 2em;
    }
    .caracteristicasPlataformas .box .text .parrafo {
        padding: 30px 10px;
        height: auto;
    }
    .caracteristicasPlataformas .box.leftImage .text .titulo h2 {
        padding: 0;
    }
    .cifrasPlataformas {
        margin: 0 0 20px 0;
    }
    .cifrasPlataformas h2 {
        font-size: 2em;
        margin: 0 20px 40px 20px;
    }
    .cifrasPlataformas .box {
        width: 90%;
    }
    .cifrasPlataformas .box .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .cifrasPlataformas .box .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .cifrasPlataformas .box .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .cifrasPlataformas .box .item + .item  + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .cifrasPlataformas .box .item .bottom {
        height: auto;
    }
    .masCaracteristicasPlataformas {
        margin: 0;
    }
    .masCaracteristicasPlataformas .top h2 {
        width: 290px;
    }
    .masCaracteristicasPlataformas .top p {
        padding: 20px 10px;
    }
    .masCaracteristicasPlataformas .contenido {
        margin: 40px 0 0 0;
    }
    .masCaracteristicasPlataformas .contenido h2,
    .masCaracteristicasPlataformas .contenido h3 {
        margin: 0;
        padding: 0 10px;
        font-size: 2em;
    }
    .masCaracteristicasPlataformas .contenido .box {
        margin: 10px 0;
    }
    .masCaracteristicasPlataformas .contenido .box .item {
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .masCaracteristicasPlataformas .contenido .box .item + .item {
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .masCaracteristicasPlataformas .contenido .box .item + .item + .item {
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .masCaracteristicasPlataformas .contenido .box .item + .item + .item + .item {
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .masCaracteristicasPlataformas .contenido .box .item + .item + .item + .item + .item {
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .masCaracteristicasPlataformas .contenido .box .item + .item + .item + .item + .item + .item {
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .masCaracteristicasPlataformas .contenido .box .item + .item + .item + .item + .item + .item + .item {
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .masCaracteristicasPlataformas .contenido .box .item + .item + .item + .item + .item + .item + .item + .item{
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card {
        width: 100%;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card .image {
        width: 100%;
        height: 100%;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card .text {
        width: 100%;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card .text p {
        height: auto;
    }
    .videosHome .box .videos .item .image a {
        top: 26%;
    }
    .videosHome .box .videos .item .image a svg {
        width: 90px;
        height: 90px;
    }
    .servicioGlobal .box .left,
    .servicioGlobal .box .right {
        width: 100%;
        text-align: center;
    }
    .servicioGlobal .box .left img {
        width: 75%;
        margin: 0 auto;
    }
    .servicioGlobal .box .right .text,
    .servicioGlobal .box .right .text h2,
    .servicioGlobal .box .right .text p,
    .servicioGlobal .box .right .text .boton {
        text-align: center;
    }
    .servicioGlobal .box .right .text {
        width: 90%;
        margin: 0 auto;
        margin-top: 40px;
    }
    .beneficiosPlataformas {
        margin: 20px 0;
    }
    .beneficiosPlataformas .container h2 {
        font-size: 2em;
        margin: 20px 10px;
    }
    .beneficiosPlataformas .box .image {
        width: 100%;
        height: 150px;
    }
    .beneficiosPlataformas .box .text {
        width: 100%;
    }
    .beneficiosPlataformas .box .text .top {
        padding: 20px 10px;
    }

    .beneficiosPlataformasEparticipa {
        margin: 20px 0;
    }
    .beneficiosPlataformasEparticipa .container h2 {
        font-size: 4em;
        margin: 0;
        text-align: inherit;
    }
    .logo-beneficios{
        margin-bottom: 2%;
    }
    .texto-beneficios{
        margin-bottom: 2%;
    }
    .beneficiosPlataformasEparticipa .box .image {
        width: 100%;
        height: 275px;
    }
    .beneficiosPlataformasEparticipa .box .text {
        width: 100%;
    }
    .beneficiosPlataformasEparticipa .box .text .top {
        padding: 20px 10px;
    }

    .imagenBeneficiosEparticipa {
        width: 65%;
        margin: 10px 0px 0 10px;
    }
    .clientesHome .titulo h2 {
        font-size: 2em;
        margin: 20px 10px 40px 10px;
    }
    .homePlataformas .caracteristicasPlataformas .tituloServicios p,
    .homePlataformas .caracteristicasPlataformas .tituloServicios h2 {
        width: 100%;
    }

    /*8. ------ Sucede ahora --------*/

    .blog .headerSecciones.serviciosPlataformas {
        height: 350px;
        padding: 260px 10px 0 10px;
    }
    .blog .headerSecciones h1 {
        width: 100%;
        margin: 0 0 10px 0;
    }
    .clientesHablan {
        margin: 30px 0;
        padding: 0 20px;
    }
    .clientesHablan .boxOpiniones .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item{
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item + .item{
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item + .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }

    /*8. ------ Experiencias --------*/

    .logosEmpresas {
        padding: 0;
    }
    .logosEmpresas .box {
        padding: 0 20px;
    }
    .blogHome.experiencias h2 {
        padding: 0 10px;
    }
    .blogHome.experiencias p {
        padding: 0 10px;
        margin: 0 0 30px 0;
    }
    .logosEmpresas .box .item {
        width: 48%;
        margin: 0 4% 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item {
        width: 48%;
        margin: 0 0 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item {
        width: 48%;
        margin: 0 4% 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item {
        width: 48%;
        margin: 0 0 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item {
        width: 48%;
        margin: 0 4% 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item {
        width: 48%;
        margin: 0 0 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item {
        width: 48%;
        margin: 0 4% 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item {
        width: 48%;
        margin: 0 0 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item{
        width: 48%;
        margin: 0 4% 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{
        width: 48%;
        margin: 0 0 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{
        width: 48%;
        margin: 0 4% 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item  + .item + .item + .item + .item{
        width: 48%;
        margin: 0 0 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
        width: 48%;
        margin: 0 4% 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
        width: 48%;
        margin: 0 0 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{
        width: 48%;
        margin: 0 4% 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item  + .item + .item + .item + .item + .item + .item + .item + .item{
        width: 48%;
        margin: 0 0 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
        width: 48%;
        margin: 0 4% 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
        width: 48%;
        margin: 0 0 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{
        width: 48%;
        margin: 0 4% 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item  + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{
        width: 48%;
        margin: 0 0 40px 0;
        padding: 10px;
    }
    /*home*/
    .experienciasHome .logosEmpresas .titulo h2,
    .experienciasHome .logosEmpresas .titulo p {
        margin: 0 0 20px 0;
        padding: 0 10px;
    }
    .experienciasHome .logosEmpresas .btn.home {
        padding: 0 10px;
    }
    .experienciasHome .logosEmpresas .btn.home a {
        padding: 20px;
        font-size: 1.4em;
    }
    .experienciasHome .headerSecciones h1 {
        width: 100%;
        margin: 0;
    }
    .experienciasHome .headerSecciones.experiencias p {
        width: 100%;
        margin: 10px 0 0 0;
    }
    .experienciasHome .headerSecciones.experiencias {
        height: 400px;
        padding: 230px 10px 0 10px;
    }
    .experienciasHome .headerSecciones.experiencias svg {
        margin: 10px 0 0 0;
    }

    /*10. ------ Artículo --------*/

    .headerArticulo {
        margin: 20px 0 10px 0;
        padding: 0 10px;
    }
    .contenidoArticulo .cuerpoArticulo {
        padding: 0 10px;
        width: 100%;
    }
    .contenidoArticulo aside {
        width: 100%;
        margin: 0;
        padding: 0 10px;
    }
    .contenidoArticulo aside .box h2 {
        font-size: 2.4em;
    }
    .contenidoArticulo aside .box .notasRecientes a .item h3 {
        font-size: 2em;
    }
    .contenidoArticulo aside .box .notasRecientes a .item p.fecha {
        font-size: 1.4em;
    }

}

/*3. ------ Small Devices, Tablets -----------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {

    nav .boxNav a.contactanos {
        font-size: 1.6em;
    }

    .rotate90{
        margin-top: 0em!important;
        width: 30px;
        height: 30px;
        margin-bottom: 0px!important;
    }

    .navbar-icons-fonts{
        display: inline-grid;
        margin-left: 5em;
    }

    .navbar-icons{
        margin-bottom: 0px;
        width: 30px;
        height: 30px;
        margin: 0 auto;
    }

    nav .boxNav{
        height: auto!important;
    }

    .hidden-nav-a{
        display: none!important;
    }

    .hidden-hand{
        display: contents!important;
    }

    .triangleHome{
        width: 0;
        height: 0;
        border-left: 40px solid transparent;
        border-right: 40px solid transparent;
        border-bottom: 65px solid var(--blackblue);
        display: inline-flex!important;
        margin-top: 2em;
        margin-left: 2em;
        margin-right: 2em;
    }

    .certificationsHome{
        max-height: 110px;
    }

    .masEparticipa h2 {
        margin: 0;
    }

    .masEparticipa h3{
        margin: 0;
    }

    .parrafoEparticipaCaracteristicas {
        padding: 10px 50px 10px 50px;
    }


    .container {
        width: 760px;
    }

    /*2. ------ Nav --------*/
    nav .boxNav {
        padding: 0 20px;
        margin-bottom: -1em;
    }
    nav .boxNav .columnRight ul {
        padding: 0 100px 0 0;
    }

    .choise-leng {
        display: none;
    }
    .choise-lan {
        display: none !important;
    }

    /* .li-idioma{
        display: none;
    } */

    /*3. ------ Footer --------*/
    footer .topFooter .columnLeft {
        width: 100%;
        height: auto;
    }
    footer .topFooter .columnRight {
        width: 100%;
        height: auto;
    }
    footer .topFooter .columnRight .box {
        padding: 40px 20px;
    }
    footer .bottomFooter {
        padding: 30px 20px;
    }
    footer .bottomFooter .columnLeft,
    footer .bottomFooter .columnRight {
        width: 100%;
    }
    footer .bottomFooter .columnRight p {
        padding: 20px 0 0 0;
        text-align: center;
    }
    footer .topFooter .columnLeft .columns .item .box {
        padding: 40px 0 20px 0;
    }

    .box-contacto .form-contacto{
        width: 100%;
        display: block;
        position: relative;
    }
    
    .box-contacto .text-contacto{
        display: block;
        position: relative;
        width: 100%;
        margin-bottom: 168px;
    }

    footer .topFooter .columnLeft .columns .item-flag {
        display: block;
        position: relative;
        width: 33.33%;
        float: left;
        text-align: center;
    }
    
    footer .topFooter .columnLeft .columns .item-flag .box-flag {
        padding: 99px 0 60px 0;
    }
    
    footer .topFooter .columnLeft .columns .item-flag .box-flag .li-flag {
        padding: 0 0 17px 64px;
    }


    /*4. ------ Home --------*/

    /*- Home: Slider top -*/
    .sliderTopHome #sliderHome .item .sliderText {
        top: 30vh;
    }
    /*- Home: Cifras -*/
    .cifrasHome {
        padding: 0;
    }
    .cifrasHome .container {
        padding: 30px 20px;
    }
    .cifrasHome .item {
        height: 150px;
    }
    .cifrasHome .item .box {
        padding: 20px;
    }
    .cifrasHome .item .box p {
        font-size: 3em;
    }
    /*- Home: Servicios principales -*/ 
    .serviciosHome .box .image {
        width: 100%;
        height: 50vh;
    }
    .serviciosHome .box .text {
        width: 100%;
        padding: 20px;
    }
    .serviciosHome .box .text h2 {
        font-size: 2.4em;
    }
    .serviciosHome .box .text .item.eholders img {
        height: 64px;
    }
    .serviciosHome .box .text .item.evoters img {
        height: 52px;
    }
    .serviciosHome .box .text .item.eparticipa img {
        height: 54px;
    }
    .serviciosHome .box .text .item.easambleas img {
        height: 52px;
    }
    /*- Home: Voto electrónico -*/  
    .votoElectronicoHome {
        padding: 0;
    }
    .votoElectronicoHome .container {
        padding: 0 20px;
    }
    .votoElectronicoHome .box .item .card {
        width: 100%;
    }
    .votoElectronicoHome .box .item .card .image {
        width: 100%;
        height: 100%;
    }
    .votoElectronicoHome .box .item .card .text {
        width: 100%;
        padding: 20px;
    }
    .votoElectronicoHome .box .item .card .text p {
        height: auto;
    }
    /*- Home: Somos -*/ 
    .somosHome {
        margin: 10px 0;
        padding: 30px 0;
    }
    .somosHome .container {
        width: 100%;
        padding: 0 20px;
    }
    .somosHome .box .columnLeft {
        width: 40%;
    }
    .somosHome .box .columnRight {
        width: 60%;
    }
    /*- Home: Slider de videos -*/ 
    .videosHome .box #sliderVideosHome .item .image a {
        top: 30%;
    }
    .videosHome .box #sliderVideosHome .item .image a svg {
        width: 100px;
        height: 100px;
    }
    /* TEXTO VIDEOS */
    .videosHome .box #sliderVideosHome .item .texto {
        width: 80%;
        top: 79%;
    }
    .videosHome .box #sliderVideosHome .item .texto h2 {
        color: var(--white);
        font-size: 2em;
        font-weight: 400;
    }
    /*- Home: Dato específico -*/ 
    .datoHome .box .text h3 {
        font-size: 10em;
    }
    .datoHome .box .text {
        width: 90%;
        padding: 0 50px;
    }
    /*- Home: Testimonios de clientes -*/ 
    .clientesHome {
        padding: 0;
    } 
    .clientesHome .box .item {
        width: 70%;
    }
    /*- Home: Blog -*/ 
    .blogHome {
        margin: 30px 0;
        padding: 0 ;
    }
    .blogHome .container {
        padding: 0 20px ;
    }
    .blogHome h2 {
        font-size: 2.4em;
    }
    article.principal .card {
        width: 100%;
        height: 100%;
    }
    article.principal .card .image {
        width: 100%;
        height: 100%;
    }
    article.principal .card .text {
        width: 100%;
        height: auto;
        padding: 20px;
    }
    article.principal .card .text a.btn {
        position: relative;
        bottom: unset;
    }
    article.principal .card .text p {
        font-size: 1.6em;
        line-height: unset;
    }
    article.other,
    article.other + article.other,
    article.other + article.other + article.other,
    article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other {
        width: 100%;
    }
    article.other .card {
        height: auto;
    }
    article.other .card .image {
        width: 100%;
        height: 100%;
    }
    article.other .card .text {
        width: 100%;
        height: auto;
    }
    article.other .card .text a.btn {
        position: relative;
        bottom: unset;
        margin-top: 20px;
    }
    article.other .card .text p.fecha {
        position: relative;
        bottom: unset;
    }

    /*5. ------ Seguridad electoral --------*/

    .headerSecciones {
        height: 160px;
    }
    .headerSecciones h1 {
        font-size: 2.6em;
        width: 380px;
        margin: 0 0 10px 0;
    }
    .contenidoSecciones .topContenido .columnLeft h2 {
        font-size: 2em;
    }
    .contenidoSecciones .cuerpoContenido h2 {
        font-size: 2em;
    }
    .contenidoSecciones .topContenido .columnLeft {
        width: 50%;
    }
    .contenidoSecciones .topContenido .columnRight {
        width: 45%;
    }
    .contenidoSecciones .cuerpoContenido .box .item .image a {
        top: 20%;
    }
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item .columnLeft {
        width: 80%;
        padding: 10px;
    }
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item .columnRight {
        width: 20%;
    }
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item h2 {
        font-size: 1.6em;
    }
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item .columnRight .circulo {
        width: 30px;
        height: 30px;
    }
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item .columnRight .circulo svg {
        width: 16px;
        height: 16px;
        margin: 6px 0 0px 5px;
    }
    .serviciosPrivacidad .box .text,
    .serviciosAutentificacion .box .text,
    .serviciosSeguridadInformatica .box .text {
        width: 360px;
    }
    .serviciosProtocolos .box .text {
        width: 100%;
    }
    .serviciosSecretoDelVoto .box .text {
        width: 360px;
    }
    .headerSecciones.seguridadElectoral h1,
    .headerSecciones.seguridadElectoral p {
        padding: 0;
    }
    .headerSecciones.seguridadElectoral svg {
        margin: 0;
    }
    .serviciosProtocolos .box .text .top,
    .serviciosPrivacidad .box .text .top {
        padding: 20px 20px 0 0;
    }
    .serviciosPrivacidad .box .text .top h2 svg {
        left: 0px;
    }
    .serviciosAutentificacion .box .text .top,
    .serviciosSeguridadInformatica .box .text .top {
        padding: 20px 0 0 20px
    }
    .serviciosProtocolos .box {
        width: 60%;
    }
    .serviciosProtocolos .box .image,
    .serviciosAutentificacion .box .image {
        height: 450px;
    }
    .serviciosPrivacidad .box .image {
        height: 680px;
    }

    .serviciosPrivacidad .box .img-certificaciones {
        height: 570px;
    }
    .serviciosSeguridadInformatica .box .image {
        height: 600px;
    }
    .serviciosProtocolos .box .text .top h2,
    .serviciosPrivacidad .box .text .top h2,
    .serviciosSecretoDelVoto .box .text .top h2,
    .serviciosAutentificacion .box .text .top h2,
    .serviciosSeguridadInformatica .box .text .top h2 {
        font-size: 2.2em;
    }
    .serviciosProtocolo .box .text .top p {
        margin: 20px 0 20px 0;
    }
    .serviciosProtocolo .box .text .bottom {
        padding: 20px 20px 27px 20px;
    }
    .serviciosProtocolo .box .text .bottom ul li {
        margin: 0 0 10px 0;
    }
    .serviciosProtocolo .box .text .bottom h3 {
        font-size: 1.6em;
    }
    .serviciosProtocolo .box .text .bottom ul li {
        font-size: 1.2em;
    }
    .serviciosProtocolo .box .text .bottom .boton {
        margin: 40px 0 0 0;
    }
    .serviciosSeguridadInformatica .box .text .top .boton {
        padding: 50px 0 0 0;
    }
    .serviciosPrivacidad .box .text .top .boton {
        padding: 20px 0 0 0;
    }
    .serviciosAutentificacion .box .text .top .boton {
        padding: 50px 0 0 0;
    }
    .serviciosAutentificacion .box .text .top h2 svg,
    .serviciosSeguridadInformatica .box .text .top h2 svg {
        width: 50px;
        top: 0px;
    }
    .serviciosProtocolos .box .text .top h2 svg {
        top: -10px;
        width: 50px;
    }
    .serviciosPrivacidad .box .text .top h2 svg {
        width: 50px;
        top: 10px;
    }
    .headerSecciones.seguridadElectoral p {
        width: 300px;
        font-size: 1.2em;
    }
    .headerSecciones.seguridadElectoral {
        height: 330px;
    }
    .serviciosProtocolos {
        padding: 100px 0 100px 0;
    }
    .serviciosSecretoDelVoto .box .text .top h2 svg {
        width: 50px;
        left: 10px;
        top: 10px;
    }
    .serviciosSecretoDelVoto .box .text .top {
        padding: 20px 20px 0 0;
    }

    /*6. ------ Nosotros --------*/

    .cifrasHome.historia {
        margin: 0 0 20px 0;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo.descripcion {
        height: auto !important;
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo {
        height: 250px;
    }
    .contenidoSecciones .fraseEquipo .text {
        width: 50%;
    }

    /*7. ------ Plataformas --------*/

    .headerSecciones.serviciosPlataformas {
        height: 280px;
    }
    .headerSecciones.serviciosPlataformas p {
        width: 400px;
        font-size: 1.4em;
    }
    .headerSecciones.serviciosPlataformas p.p-eassistence {
        width: 400px;
    }
    .headerSecciones.serviciosPlataformas img {
        margin: 0 0 20px 0;
        padding: 0;
        width: 200px;
    }
    .headerSecciones.serviciosPlataformas p {
        width: 340px;
        padding: 0;
    }
    .headerSecciones.serviciosPlataformas svg {
        margin: 0;
    }
    .caracteristicasPlataformas .box .text {
        width: 360px;
    }
    .caracteristicasPlataformas .box .text .parrafo {
        padding: 40px;
    }

    .homePlataformas .caracteristicasPlataformas .box .text .parrafo-p{
        height: 340px;
        padding: 25px;
    }
    .homePlataformas .caracteristicasPlataformas .box .text .parrafo-p .evoter-p {
        margin-bottom: 2px;
        padding: 0;
        color: var(--white);
        font-size: 1.5em;
    }

    .caracteristicasPlataformas .box .text .parrafo ul, .caracteristicasPlataformas .box .text .parrafo ol {
        margin: 0 0 0 20px;
        list-style: none;
    }

    .caracteristicasPlataformas .box .text .parrafo ul li, .caracteristicasPlataformas .box .text .parrafo ol li {
        color: var(--white);
        font-size: 1.5em;
        margin: 0 0 2px 0;
    }
    
    .homePlataformas .caracteristicasPlataformas .box .text .parrafo a.evoter-btn {
        color: white;
        font-size: 1.6em;
        border: 1px solid var(--orangered);
        padding: 10px 20px;
        border-radius: 5px;
        float: right;
        margin: -10px 0 0 0 ;
    }

        
    .homePlataformas .caracteristicasPlataformas .box .text .parrafo a.eassistance-btn {
        color: white;
        font-size: 1.6em;
        border: 1px solid var(--orangered);
        padding: 10px 20px;
        border-radius: 5px;
        float: right;
        margin: 7px 0 0 0 ;
    }
    
    .homePlataformas .caracteristicasPlataformas .box .text .parrafo a.easamblea-btn {
        color: white;
        font-size: 1.6em;
        border: 1px solid var(--orangered);
        padding: 10px 20px;
        border-radius: 5px;
        float: right;
        margin: 15px 0 0 0 ;
    }
    
    .homePlataformas .caracteristicasPlataformas .box .text .parrafo a.eparticipa-btn {
        color: white;
        font-size: 1.6em;
        border: 1px solid var(--orangered);
        padding: 10px 20px;
        border-radius: 5px;
        float: right;
        margin: 5px 0 0 0 ;
    }

    .caracteristicasPlataformas .box .text .titulo h2 {
        font-size: 2em;
    }
    .caracteristicasPlataformas .box .text .titulo-eparticipa h2 {
        font-size: 1.4em;
        font-weight: 400;
        letter-spacing: 3px;
    }
    .caracteristicasPlataformas .box .text .titulo {
        padding: 10px 30px 30px 0;
    }
    .caracteristicasPlataformas .box .text .esUna {
        padding: 40px 30px 30px 0;
    }
    .caracteristicasPlataformas .box.leftImage .text .titulo h2 {
        padding: 0 0 0 40px;
    }
    .caracteristicasPlataformas .box.leftImage .text .titulo .normativa {
        padding: 40px 0 0 30px;
    }
    .caracteristicasPlataformas .box.leftImage .text .titulo {
        padding: 0px 0 30px 0;
    }
    .cifrasPlataformas h2 {
        font-size: 2em;
    }
    .cifrasPlataformas .box {
        width: 90%;
    }
    .cifrasPlataformas .box .item .bottom {
        height: 180px;
    }
    .masCaracteristicasPlataformas .contenido h2,
    .masCaracteristicasPlataformas .contenido h3 {
        margin: 0;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card {
        width: 100%;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card .image {
        width: 100%;
        height: 170px;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card .text {
        width: 100%;
        padding: 20px;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card .card-eparticipa {
        height: 500px;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card .text p {
        height: auto;
    }
    .videosHome .box .videos .item .image a {
        top: 26%;
    }
    .servicioGlobal .box .right .text {
        padding: 30px;
    }
    .servicioGlobal .box .left img {
        width: 300px;
        margin: 130px 0 0 0;
    }
    .beneficiosPlataformas .box .image {
        height: 200px;
    }
    .beneficiosPlataformas .box .text {
        width: 380px;
    }
    .beneficiosPlataformas .box .text .top h2 {
        font-size: 2em;
        padding: 0 50px 0 0;
    }
    .beneficiosPlataformas .box .text .top {
        padding: 10px 0 0 20px;
    }
    .beneficiosPlataformas .box .text .top p {
        margin: 10px 0 10px 0;
    }
    .beneficiosPlataformasEparticipa .box .image {
        height: 940px;
        background-position-x: center;
    }
    .beneficiosPlataformasEparticipa .box .text {
        width: 380px;
    }
    .beneficiosPlataformasEparticipa .box .text .top h2 {
        font-size: 2em;
        padding: 0 50px 0 0;
    }
    .beneficiosPlataformasEparticipa .box .text .top {
        padding: 10px 0 0 20px;
    }
    .beneficiosPlataformasEparticipa .box .text .top p {
        margin: 10px 0 10px 0;
    }
    .clientesHome .titulo h2 {
        font-size: 2em;
    }

    /*8. ------ Sucede ahora --------*/

    .blog .headerSecciones.serviciosPlataformas {
        height: 150px;
    }
    .blog .headerSecciones h1 {
        margin: 0 0 20px 0;
    }
    .clientesHablan .boxOpiniones .item .contenido {
        height: 450px; 
        padding: 50px 20px 30px 20px;
    }
    .clientesHablan .boxOpiniones .item .image img {
        width: 100px;
        height: 100px;
    }
    .clientesHablan .boxOpiniones .item .contenido h3 {
        font-size: 1.6em;
    }
    .clientesHablan .boxOpiniones .item .contenido h4 {
        font-size: 1.2em;
    }
    .clientesHablan .boxOpiniones .item p {
        font-size: 1.4em;
    }

    /*9. ------ Experiencias --------*/
    .experienciasHome .logosEmpresas .titulo h2,
    .experienciasHome .logosEmpresas .titulo p {
        margin: 0 20% 20px 0;
    }

    .logosEmpresas .box .item {
        width: 33.33%;
        float: left;
        text-align: center;
        padding: 10px;
        height: 330px;
        margin: 10px 0;
    }
    /*10. ------ VOTA AQUI --------*/

    .containerVota {
        max-width: 720px;
    }
    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .imageSolucionesEficientes {
        height: 490px;
    }
    .imageSolucionesResponsables {
        height: 680px;
        background-position-x: right;
    }

    .soluciones-adaptables {
        height: 490px;
    }

}

/*4. ------ Medium Devices, Desktop -----------------------------------------------------------------*/

@media (min-width: 992px) and (max-width: 1100px){
    nav .boxNav a.contactanos {
        font-size: 1.1em;
    }
    nav .boxNav a.votaAqui {
        font-size: 1em;
    }

}


@media (min-width: 992px) and (max-width: 1350px) {

    nav .boxNav a.contactanos {
        font-size: 1.4em;
    }
    nav .boxNav a.votaAqui {
        font-size: 1.3em;
    }

    .navbar-icons{
        width: 35px;
        height: 35px;
        margin-bottom: -15px;
    }

    .navbar-icons-fonts{
        font-family: 'Raleway', sans-serif;
        color: var(--blackblue);
        display: inline;
        position: relative;
        right: 0;
        top: 0px;
        font-weight: 800;
        text-transform: uppercase;
        font-size: 0.9em;
        margin-left: 0.4em;
    }



    .triangleHome{

        margin-left: 3em;
        margin-right: 3em;
    }
    .certificationsHome{
        max-height: 150px;
    }

    .container {
        width: 960px;
    }

    .imagenSolucionesEparticipa{
        width: 25%;
    }



    .parrafoEparticipaCaracteristicas {
        padding: 50px 50px 10px 50px;
    }

    nav .boxNav .columnRight ul {
        padding: 0 39px 0 0;
    }

    .li-idioma{
        display: none;
    }

    /*3. ------ Footer --------*/

    footer .topFooter .columnLeft {
        width: 580px;
    }
    footer .topFooter .columnRight {
        width: 380px;
    }
    footer .topFooter .columnLeft .columns .item-flag {
        display: block;
        position: relative;
        width: 33.33%;
        float: left;
        text-align: center;
    }
    .sliderTopHome #sliderHome .item .sliderText {
        top: 33vh;
    }
    
    footer .topFooter .columnLeft .columns .item-flag .box-flag {
        padding: 119px 0 60px 0;
    }
    
    footer .topFooter .columnLeft .columns .item-flag .box-flag .li-flag {
        padding: 0 0 17px 20px;
    }

    /*4. ------ Home --------*/

    /*- Home: Slider top -*/
    .sliderTopHome #sliderHome .item .sliderText h1 {
        font-size: 3em;
    }
    /*- Home: Servicios principales -*/ 
    .serviciosHome .box .text {
        width: 482px;
        padding: 30px 20px 0 0;
    }
    .serviciosHome .box .text .item img {
        height: 40px;
    }
    /*- Home: Voto electrónico -*/
    .votoElectronicoHome .box .item .card .image {
        width: 300px;
        height: 300px;
    }
    .votoElectronicoHome .box .item .card .text {
        width: 300px;
    }
    .votoElectronicoHome .box .item .card {
        width: 300px;
    }
    /*- Home: Blog -*/
    /* article.principal .card {
        height: 385px;
    } */
    article.principal .card .image {
        width: 580px;
        height: 385px;
    }
    article.principal .card .text {
        width: 380px;
        height: 385px;
        padding: 21px;
    }
    article.principal .card .text.text-cooperativa {
        padding: 19px;
    }
    article.principal .card .text a.btn {
        bottom: 30px;
    }
    /*- Home: Blog -*/
    article.other .card {
        height: 280px;
    }
    article.other .card .image {
        width: 280px;
        height: 280px;
    }
    article.other .card .text {
        height: 280px;
        width: 185px;
    }
    article.other,
    article.other + article.other,
    article.other + article.other + article.other,
    article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other {
        width: 465px;
    }
    article.other .card .text h2 {
        font-size: 1.6em;
    }

    /*5. ------ Seguridad electoral --------*/

    .headerSecciones {
        height: 200px;
    }
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item .columnLeft {
        width: 70%;
        padding: 10px;
    }
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item .columnRight {
        width: 30%;
    }
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item h2 {
        font-size: 1.6em;
    }
    .serviciosProtocolo .box .text,
    .serviciosPrivacidad .box .text,
    .serviciosAutentificacion .box .text,
    .serviciosSeguridadInformatica .box .text,
    .serviciosSecretoDelVoto .box .text {
        width: 480px;
    }
    .headerSecciones.seguridadElectoral h1,
    .headerSecciones.seguridadElectoral p {
        padding: 0;
        width: 470px;
    }
    .headerSecciones.seguridadElectoral svg {
        margin: 0;
    }
    .serviciosProtocolo .box .text .top,
    .serviciosPrivacidad .box .text .top {
        padding: 50px 50px 0 0;
    }
    .serviciosPrivacidad .box .text .top h2 svg {
        left: 0px;
    }
    .serviciosAutentificacion .box .text .top,
    .serviciosSeguridadInformatica .box .text .top {
        padding: 50px 0 0 50px
    }
    .serviciosProtocolos .box {
        width: 60%;
    }
    .serviciosSecretoDelVoto .box .text .top .boton,
    .serviciosAutentificacion .box .text .top .boton {
        padding: 130px 0 0 0;
    }
    .serviciosPrivacidad .box .image {
        height: 740px;
    }
    .serviciosPrivacidad .box .img-certificaciones {
        height: 522px;
    }

    /*6. ------ Nosotros --------*/
    .contenidoSecciones .cuerpoContenido .box .itemEquipo.descripcion {
        height: 600px !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo {
        height: 250px;
    }

    /*7. ------ Plataformas --------*/

    .headerSecciones.serviciosPlataformas img {
        padding: 0 0 0 30px;
        max-width: 400px;
    }
    .headerSecciones.serviciosPlataformas p {
        width: 450px;
        padding: 0 0 0 30px;
    }

    .headerSecciones.serviciosPlataformas p.p-eassistence {
        width: 572px;
    }
    .caracteristicasPlataformas .box .text {
        width: 484px;
    }
    .caracteristicasPlataformas .box .text .titulo h2 {
        font-size: 1.8em;
    }
    .cifrasPlataformas .box {
        width: 90%;
    }
    .masCaracteristicasPlataformas .contenido h3,
    .masCaracteristicasPlataformas .contenido h2 {
        margin: 0 200px 0 0;
    }
    .servicioGlobal .box .left img {
        margin: 110px 0 0 0;
    }
    .headerSecciones.serviciosPlataformas {
        height: 330px;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card {
        width: 300px;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card .image {
        width: 300px;
        height: 224px;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card .text {
        width: 300px;
        height: 280px;
        padding: 20px;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card .card-eparticipa {
        height: 430px !important;
    }

    /*- Home: Slider videos -*/
    .videosHome .box #sliderVideosHome .item .image a {
        top: 30%;
    }
    /* TEXTO VIDEOS */
    .videosHome .box #sliderVideosHome .item .texto {
        width: 90%;
        top: 77%;
        padding: 15px 15px 15px 15px;
    }
    .videosHome .box #sliderVideosHome .item .texto h2 {
        font-size: 2.3em;
    }

    /*8. ------ Sucede ahora --------*/ 
    .clientesHablan .boxOpiniones .item .contenido {
        height: 470px; 
    }

    /*9. ------ Experiencias --------*/
    .experienciasHome .logosEmpresas .titulo h2,
    .experienciasHome .logosEmpresas .titulo p {
        margin: 0 25% 20px 0;
    }

    .containerVota {
        max-width: 960px;
    }
    
    .imageSolucionesEficientes {
        height: 500px;
        
    }
    .imageSolucionesResponsables {
        height: 600px;
        background-position-x: right;
    }

    .soluciones-adaptables {
        height: 500px;
    }


    .beneficiosPlataformasEparticipa {
        margin: 20px 0;
    }
    .beneficiosPlataformasEparticipa .container h2 {
        font-size: 4em;
        margin: -3% 0 0 0;
    }
    .beneficiosPlataformasEparticipa .box .image {
        height: 1050px;
        background-position-x: center;
    }
    .beneficiosPlataformasEparticipa .box .text {
        width: 50%;
    }
    .beneficiosPlataformasEparticipa .box .text .top {
        padding: 20px 10px;
    }

    .imagenBeneficiosEparticipa {
        width: 45%;

    }

}

/*5. ------ Large Devices, Wide Screens -----------------------------------------------------------------*/
@media (min-width: 1351px) and (max-width: 1550px) {

    .navbar-icons{
        width: 40px;
        height: 38px;
        margin-bottom: -15px;
    }

    .navbar-icons-fonts{
        margin-left: 0.5em;
        font-family: 'Raleway', sans-serif;
        color: var(--blackblue);
        display: inline;
        position: relative;
        right: 0;
        top: 0px;
        font-weight: 800;
        text-transform: uppercase;
        font-size: 1.2em;
    }

    .certificationsHome{
        max-height: 210px;
    }

    .container {
        width: 1060px;
    }

    .li-idioma{
        display: none;
    }

    nav .boxNav .columnRight ul {
        padding: 0 100px 0 0;
    }

    
    .parrafoEparticipaCaracteristicas {
        padding: 50px 50px 10px 50px;
    }
    /*3. ------ Footer --------*/

    footer .topFooter .columnLeft {
        width: 600px;
    }
    footer .topFooter .columnRight {
        width: 460px;
    }
    footer .topFooter .columnLeft .columns .item-flag {
        display: block;
        position: relative;
        width: 33.33%;
        float: left;
        text-align: center;
    }
    .sliderTopHome #sliderHome .item .sliderText {
        top: 30vh;
    }
    
    footer .topFooter .columnLeft .columns .item-flag .box-flag {
        padding: 119px 0 60px 0;
    }
    
    footer .topFooter .columnLeft .columns .item-flag .box-flag .li-flag {
        padding: 0 0 17px 20px;
    }

    /*4. ------ Home --------*/

    /*- Home: Servicios principales -*/ 
    .serviciosHome .box .text {
        width: 530px;
        padding: 30px 50px 0 0;
    }
    .serviciosHome .box .text .item img {
        height: 40px;
    }
    /*- Home: Voto electrónico -*/
    .votoElectronicoHome .box .item .card .image {
        width: 318px;
        height: 239px;
    }
    .votoElectronicoHome .box .item .card .text {
        width: 318px;
    }
    .votoElectronicoHome .box .item .card {
        width: 318px;
    }
    /*- Home: Blog -*/
    /* article.principal .card {
        height: 385px;
    } */
    article.principal .card .image {
        width: 700px;
        height: 467px;
    }
    article.principal .card .text {
        width: 360px;
        height: 467px;
        padding: 30px;
    }

    article.principal .card  .responsive {
        height: 395px !important; 
    }
    article.principal .card  .responsive {
        height: 395px !important;
    }
    article.other,
    article.other + article.other,
    article.other + article.other + article.other,
    article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other {
        width: 515px;
    }
    article.other .card {
        height: 318px;
    }
    article.other .card .image {
        width: 318px;
        height: 318px;
    }
    article.other .card .text {
        width: 197px;
        height: 318px;
    }
    article.other .card .text h2 {
        font-size: 1.8em;
    }

    /*5. ------ Seguridad electoral --------*/

    .serviciosProtocolo .box .text,
    .serviciosPrivacidad .box .text,
    .serviciosAutentificacion .box .text,
    .serviciosSeguridadInformatica .box .text,
    .serviciosSecretoDelVoto .box .text {
        width: 540px;
    }
    .serviciosPrivacidad .box .image {
        height: 690px;
    }

    .serviciosPrivacidad .box .img-certificaciones {
        height: 500px;
    }

    /*7. ------ Plataformas --------*/

    .caracteristicasPlataformas .box .text {
        width: 540px;
    }
    .caracteristicasPlataformas .box .text .titulo h2 {
        font-size: 1.8em;
    }
    .caracteristicasPlataformas .box .text .tituloe.participa h2 {
        font-size: 1.7em;
    }
    .masCaracteristicasPlataformas .contenido h3,
    .masCaracteristicasPlataformas .contenido h2 {
        margin: 0 300px 0 0;
    }

    /*8. ------ Sucede ahora --------*/ 
    .clientesHablan .boxOpiniones .item .contenido {
        height: 440px; 
    }

    /*9. ------ Experiencias --------*/
    .experienciasHome .headerSecciones h1 {
        width: 400px;   
    }
    .experienciasHome .logosEmpresas .titulo h2,
    .experienciasHome .logosEmpresas .titulo p {
        margin: 0 30% 20px 0;
    }

    .imageSolucionesEficientes {
        height: 490px;
    }
    .imageSolucionesResponsables {
        height: 600px;
        background-position-x: right;
    }

    .soluciones-adaptables {
        height: 490px;
    }
}

@media (min-width: 0px) and (max-width: 319px){
    footer .topFooter .columnLeft .columns .item-flag {
        display: block;
        position: relative;
        width: 33.33%;
        float: left;
        text-align: center;
        display: none !important;
    }
    
    footer .topFooter .columnLeft .columns .item-flag .box-flag {
        padding: 119px 0 60px 0;
        display: none !important;
    }
    
    footer .topFooter .columnLeft .columns .item-flag .box-flag .li-flag {
        padding: 0 0 17px 20px;
        display: none !important;
    }
}

/*6. ------ Iphone 5/SE -----------------------------------------------------------------*/ 
@media (min-width: 320px) and (max-width: 374px) {



    /*5. ------ Seguridad electoral --------*/

    .contenidoSecciones .topContenido .columnRight form .categoriasSeguridadElectoral select {
        font-size: 1em;
    }
    .headerSecciones h1 {
        font-size: 2em;
    }
    .headerSecciones {
        padding: 136px 10px 0 10px;
        height: 230px;
    }
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item .columnLeft {
        padding: 10px;
    }
    .headerSecciones.seguridadElectoral {
        padding: 230px 10px 0 10px;
    }

    /*6. ------ Nosotros --------*/ 
    
    .contenidoSecciones .fraseEquipo {
        padding: 40px 0;
    }
    .contenidoSecciones .fraseEquipo .text {
        padding: 0 0 0 150px;
    }

    /*7. ------ Plataformas --------*/ 

    .headerSecciones.serviciosPlataformas {
        height: 570px;
        padding: 230px 10px 0 10px;
    }
    .videosHome .box .videos .item .image a {
        top: 17%;
    }

    /*. ------ Otros --------*/ 

    .blog .headerSecciones h1 {
        font-size: 3em;
    }

}
/*8. ------ vota aqui --------*/ 
@media (min-width: 1200px){
    .containerVota {
        max-width: 1140px;
    }
}

@media (min-width: 992px){
    .containerVota {
        max-width: 960px;
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 31%;
        max-width: 40%;
}

@media (min-width: 768){
    .containerVota {
        max-width: 720px;
    }

    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    
}

@media (min-width: 576){
    .containerVota {
        max-width: 540px;
    }
}

} 
@media screen and ( max-height: 650px) and (min-width: 480px){
    .sliderTopHome #sliderHome .item .sliderText {
        top: 26vh;
    }
}

@media (min-width: 1350px) and (max-width: 1500px){
.BANNER-PRIVACIDAD-DE-DATOS {
    height: 260px;
}
}

@media (min-width: 1550px){
    footer .topFooter .columnLeft .columns .item-flag {
        display: block;
        position: relative;
        width: 33.33%;
        float: left;
        text-align: center;
    }

    .li-idioma{
        display: none;
    }
    
    footer .topFooter .columnLeft .columns .item-flag .box-flag {
        padding: 119px 0 60px 0;
    }
    
    footer .topFooter .columnLeft .columns .item-flag .box-flag .li-flag {
        padding: 0 0 17px 72px;
    }

    .experienciasHome .logosEmpresas .btn.home a {
        padding: 20px 40px;
        top: 40px;
    }
    .experienciasHome .logosEmpresas .btn.home .a-otras {
        padding: 20px 40px;
        top: 15px;
    }

    article.principal .card .image {
        display: block;
        position: relative;
        float: left;
        width: 770px;
        height: 512px;
        background-color: var(--white);
        margin-bottom: 30px;
    }
    
    .image-galeria-video {
        height: 433px !important ;
    }

    .text-galeria-video {
        height: 433px !important ;
    }

    .card-galeria-video {
        height: 433px !important ;
    }
}