.AnchoCompleto {
    width: 100%;
}

h1.AnchoCompleto, h2.AnchoCompleto {
    width: 100%;
}

.mitad {
    width: 47%;
    max-width: 550px;
}

.tercio {
    max-width: 300px;
    width: 30%;
    min-width: 260px;
}

.AnchoCompleto {
    margin-top: 25px;
}

img {
    max-width: 100%;
}

p {
    margin-top: 0 !important;
}

section {
    padding-bottom: 20px;
}

section > h1 {
    border-bottom:1px solid var(--azul-zev);
    font-size: 26px;
}

section > h1:not(:first-of-type) {
    padding-top: 25px;
}

h2.AnchoCompleto {
    font-size: 26px;
    padding: 10px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

h2.AnchoCompleto img {
    height: 40px;
    padding-right:10px;

}

.Verde {
    background-color: rgb(97, 206, 112);
}

.Azul{
    background-color: rgb(75, 152, 199);
}

.Gris {
    background-color: rgb(178, 179, 181);
}

.font-title {
    font-size: 26px;
}

.slider {
    overflow-x: hidden;
}

@keyframes Scroll1 {
	0% { transform: translateX(0); }
	23% { transform: translateX(0); }
	33% { transform: translateX(-100%)}
	56% { transform: translateX(-100%)}
	66% { transform: translateX(-200%)}
	89% { transform: translateX(-200%)}
	100% { transform: translateX(-300%)}
}

.slider > div {
    display: flex;
    flex-direction: row;
    animation: Scroll1 15s ease-in-out infinite;
}

.banner1, .banner2 {
    display: flex;
    flex-direction: row;
}

.banner1 img, .banner2 img{
    width: 300px;
    border: 2px var(--gris-zev) solid;
    box-shadow: 0 0 5px 5px var(--gris-zev);
    border-radius: 20px;
}

.banner1 > div {
    padding-left: 20px;
}

.banner2 > div {
    padding-right: 20px;
}


.slider2 {
    overflow-x: hidden;
}

@keyframes Scroll2 {
	0% { transform: translateX(0); }
	20% { transform: translateX(0); }
	25% { transform: translateX(-100%)}
	45% { transform: translateX(-100%)}
	50% { transform: translateX(-200%)}
	70% { transform: translateX(-200%)}
	75% { transform: translateX(-300%)}
	95% { transform: translateX(-300%)}
	100% { transform: translateX(-400%)}
}

.slider2 > div {
    display: flex;
    flex-direction: row;
    animation: Scroll2 15s ease-in-out infinite;
}

.link-container {
    padding-top: 20px;
}

.AnchoCompleto a, .mitad a {
    padding: 10px;
    text-decoration: none;
    transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.AnchoCompleto a:hover, .mitad a:hover {
    transform: scale(1.05);
    background-color: var(--gris-zev) !important;
    transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
}


@media (max-width: 1000px) {
    .mitad{
        width: 100%;
        max-width: 100%;
    }

    .hide-phone {
        display: none;
    }
    
    .banner1, .banner2 {
        flex-direction: column;
    }

    .banner1 img, .banner2 img{
        width: 100%;
    }
    
    .banner1 > div {
        padding-left: 0;
        padding-top: 0;
        padding-bottom: 20px;
    }

    .banner2 > div {
        padding-right: 0;
        padding-top: 0px;
        padding-bottom: 20px;
    }
}