@media (min-width: 480px){
    .footer {
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: repeat(10, 1fr);
    }

    .footer .text-big {
        grid-area: 1 / 1 / 4 / 6;
    }

    .footer .newsletter {
        grid-area: 4 / 1 / 6 / 6;
        margin-top: 0;
    }

    .footer .info {
        grid-area: 6 / 6 / 10 / 10;
        margin-top: 0;
    }

    .footer .menu {
        gap: 5px;
        flex-direction: column;
        align-items: flex-end;
    }
    .footer .menu .item {
        padding: 0;
    }
    .footer .menu .item b {
        margin-bottom: 10px;
    }
    .footer .menu .item:has(a):before{
        content: none;
    }
    .footer .menu.menu-1{
        margin-top: 0;
        grid-area: 1 / 6 / 5 / 9;
    }
    .footer .menu.menu-2{
        grid-area: 1 / 9 / 5 / 13;
    }
    .footer .logo{
        margin-top: 0;
        grid-area: 6 / 1 / 11 / 4;
    }
    .footer .redes {
        grid-area: 6 / 11 / 10 / 13;
        flex-direction: column;
        gap: 20px;
        padding-bottom: 5px;
    }
    .footer .idioma {
        margin-top: 0;
        grid-area: 9 / 11 / 10 / 13;
    }
    .header-section-2 .header-2-middle .header-2-title{
        font-size: 5em;
    }
    .end-section .end-title {
        font-size: 4em;
    }
    .ui-big-text{
        font-size: 3em;
        line-height: 0.8em;
    }
    .ui-grid-3x2 {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }
    .ui-grid-3xAuto {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto 1fr;
    }
    .header-section .header-title {
        font-size: 2.5em;
    }
    .header-section .header-title i {
        margin: 6px;
        margin-bottom: 20px;
    }
}
@media (min-width: 768px) {
    .lateral-bar {
        visibility: visible;
    }
    .header-section .header-title {
        /*font-size: 8em;*/
        font-size: 3em;
        text-wrap: auto;
        word-wrap: unset;
        line-height: 1em;
    }
    .header-section .header-title i{
        /*margin: 20px;*/
        /*font-size: 2em;*/
        margin: 9px;
        margin-bottom: 20px;
    }
    .header-section .header-subtitle {
        /*font-size: 5em;*/
        font-size: 2.5em;
    }
    .header-section .header-menu{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 10px;
        flex-wrap: wrap;
    }
    .header-section-2 .header-2-top .header-2-list-top{
        font-size: 1em;
    }
    .header-section-2 .header-2-top .header-2-subtitle{
        font-size: 2em;
    }
    .header-section-2 .header-2-middle .header-2-title{
        font-size: 7em;
    }
    .header-section-2 .header-2-bottom .header-2-list{
        font-size: 1.3em;
    }
    .end-section {
        flex-direction: row;
        gap: 0;
    }
    .end-section .end-title {
        font-size: 6em;
    }
    .ui-big-text{
        font-size: 5em;
    }

}
@media (min-width: 1024px){
    .lateral-bar{
        position: fixed;
        bottom: 0;
    }
    .lateral-bar .burguer{
        font-size: 40px;
    }
    .top-bar .cc3-0{
        font-size: 4em;
        letter-spacing: -5px;
    }
    .top-bar .cc3-0 .linea{
        width: 80px;
        margin-left: 10px;
    }
    .top-bar .clientes{
        left: 200px;
        font-size: 4em;
        letter-spacing: -5px;
    }
    .top-bar .clientes .linea{
        width: 80px;
        margin-left: 10px;
    }
    .top-bar .nosotros {
        left: 300px;
        font-size: 4em;
        letter-spacing: -5px;
    }
    .top-bar .nosotros .linea{
        width: 80px;
        margin-left: 10px;
    }
    .footer .info {
        grid-area: 1 / 10 / 6 / 13;
        padding-left: 30px;
    }
    .footer .menu.menu-2{
        grid-area: 1 / 8 / 5 / 10;
    }
    .footer .menu .item:has(b){
        justify-content: center;
    }
    .footer .banner{
        display: block;
    }
    .footer .redes {
        grid-area: 5 / 6 / 6 / 11;
        flex-direction: row;
    }
    .footer .idioma {
        grid-area: 5 / 11 / 6 / 13;
    }
    .footer .menu.menu-1 {
        margin-top: 0;
        grid-area: 1 / 6 / 5 / 8;
    }
    .ui-big-text{
        font-size: 7em;
    }
    .ui-p{
        font-size: 1.5em;
    }


}
@media (max-height: 720px) {
    .lateral-bar .opcion{
        display: none;
    }
    .lateral-bar .opcion:nth-child(2){
        display: flex;
        flex: 1;
    }
    .lateral-bar .opcion:last-child{
        flex: 1;
    }

}