.fondo-azul-1 {
    background-image: linear-gradient(90deg, rgb(19, 69, 142) 0%, rgb(29, 101, 235) 100%);
}

.fondo-azul-2 {
    background-image: linear-gradient(90deg, rgb(90, 111, 181) 0%, rgb(8, 27, 62) 100%);
}

.fondo-azul-3 {
    background-image: linear-gradient(90deg,
            rgb(8, 27, 62) 0%,
            rgb(90, 111, 181) 100%);
}

.fondo-azul-4 {
    background-image: linear-gradient(90deg,
            rgb(18, 115, 255) 2%,
            rgb(5, 76, 180) 97%);
}

.fondo-bluesky {
    background-image: linear-gradient(90deg, rgb(242, 251, 255) 0%, rgb(167, 228, 255) 100%);
}

.fondo-azul-electrico {
    background-image: linear-gradient(90deg,
            rgb(125, 166, 216) 0%,
            rgb(54, 82, 126) 6%,
            rgb(222, 230, 245) 49%,
            rgb(186, 205, 234) 62%,
            rgb(182, 203, 233) 65%,
            rgb(172, 195, 229) 69%,
            rgb(153, 183, 224) 73%,
            rgb(121, 164, 215) 78%,
            rgb(25, 78, 107) 100%);
}

.fondo-verde-1 {
    background-image: linear-gradient(90deg,
            rgb(104, 196, 169) 0%,
            rgb(153, 212, 188) 49%,
            rgb(0, 103, 107) 100%);
}

.fondo-verde-2 {
    background-image: linear-gradient(90deg,
            rgb(125, 178, 61) 0%,
            rgb(176, 213, 123) 49%,
            rgb(56, 99, 25) 100%);
}

.fondo-verde-3 {
    background-image: linear-gradient(90deg,
            rgb(19, 49, 32) 0%,
            rgb(73, 111, 114) 100%);
}

.fondo-rojo-1 {
    background-image: linear-gradient(90deg,
            rgb(234, 230, 229) 0%,
            rgb(240, 230, 189) 100%);
}

.btn-accion {
    font-size: 1.4em;
    width: 100%;
    max-width: 350px;
    margin: 5px auto;
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 10px;
    height: 100%;
}

.btn-accion div {
    min-width: 60px;
    min-height: 60px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.btn-accion div img {
    width: 100%;
    height: 100%;
}

.btn-accion span {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .btn-accion {
        font-size: 1em;
    }
}

/* 
h2 {
    font-family: 'Open Sans', sans-serif;
} 
*/

#hero h1 {
    margin: 0 0 10px 0;
    font-size: 3em;
    font-weight: 700;
    color: #fff;
}

#hero h2 {
    font-size: 2.5em;
}

#hero p {
    text-align: justify;
    font-size: 1.5em;
    hyphens: auto;
}

#hero ul {
    font-size: 1.5em;
    text-align: justify;
    hyphens: auto;
}


#hero .subtitle2 {
    text-align: center;
}

#hero .div-img-lista {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

#hero ul li img {
    width: 100%;
    max-width: 180px;
}

#hero ul li h2 {
    font-size: 1.8em;
}

#hero ul li p {
    font-size: 1.3em;
}


@media (max-width: 768px) {
    #hero h1 {
        font-size: 2em;
    }

    #hero h2 {
        font-size: 1.8em;
    }

    #hero p {
        font-size: 1.3em;
    }

    #hero ul {
        font-size: 1.2em;
        text-align: justify;
    }


    #hero ul li h2 {
        font-size: 1.1em;
    }

    #hero ul li p {
        font-size: 1em;
    }
}

.tarjeta {
    padding: 15px;
    box-shadow: 4px 4px 8px black;
    border-radius: 16px;
}

.t-roja {
    color: white;
    background-color: rgb(128, 0, 0);
}

.t-verde-1 {
    color: white;
    background-color: rgb(22, 126, 45);
}

.t-azul-1 {
    color: white;
    background-color: rgb(35, 101, 234);
}

.t-azul-2 {
    color: white;
    background-color: rgb(1, 86, 139);
}


.clientes-card {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
}

.clientes-card img {
    max-width: 100%;
    max-height: 100%;
}


#links {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.centrado {
    text-align: center;
}

.tarjeta-link-container {
    width: 100%;
    max-width: 320px;
    padding: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: padding 200ms;
    margin: 8px auto;
    height: 100%;
}

.tarjeta-link {
    width: 100%;
    background: #eee;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    transition: background 200 ms;
}

.tarjeta-link-img img {
    max-width: 100%;
}

.tarjeta-link-texto {
    padding: 10px;
    color: black;
    text-align: center;
    transition: color 200ms;
}

.tarjeta-link-container:hover {
    padding: 0px;
}

.tarjeta-link-container:hover .tarjeta-link {
    background: #777;
    transition: background 200ms;
}

.tarjeta-link:hover .tarjeta-link-texto {
    color: white;
    transition: color 200ms;
}


.whatsapp-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 72px;
    height: 72px;
}

.whatsapp-btn:hover {
    bottom: 15px;
    right: 15px;
    width: 82px;
    height: 82px;
}


.seccion {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.seccion h2 {
    font-size: 3em;
    text-align: center;
}


.cover-img-container-a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.cover-img-container-a img {
    height: auto;
}