@font-face {
    font-family: 'AvantGarde';
    src: url('../fonts/itc-avant-garde-gothic-medium.otf') format('opentype');
    font-weight: 500; /* Medium weight */
    font-style: normal;
} 
.scrollmovil{
/*    overflow-y: hidden;*/
}
#main{
	background-position: center;
	background-size: cover;
		background-image: linear-gradient(to top, #dff1f88f, #dff1f88f),url('../img/fondositiosinteresdeskop.webp');
/*	background-image: url('../img/fondositiosinteresdeskop.webp');*/
    overflow-y: hidden;
}
.divtext{
	padding: 0px;
}
.titleDurante{
    color: #0066A9;
    font-weight: bold;
    font-size: 5em;
    margin-bottom: 20px;
    text-align: center;
    line-height: 1.2;
    position: relative;
    -webkit-text-stroke: 25px #ffffff;
    display: inline-block;
}

.titleDurante .clon{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-text-stroke: 0px #ffffff;
}

.titleDurante .clon{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-text-stroke: 0px #ffffff;
}


.titlewhite{
	-webkit-text-stroke: 4px #ffffff;
    color: #0066A9;
    font-weight: bold;
    font-family: 'AvantGarde';
}
.iconbtn{
	width: 100%!important; 
} 
area{
	transition: opacity 0.3s ease-in-out;
}
area:hover{
	cursor: pointer;
}  
.groupbtndiv{
	/* margin-top: -5rem; */
}

@media only screen and (max-width: 1690px) {
	.titleDurante {      
        font-size: 4em;
        -webkit-text-stroke: 17px #ffffff;
    }	
}
@media only screen and (max-width: 1460px) {
	.titleDurante {
        font-size: 3.5em;
        -webkit-text-stroke: 14px #ffffff;
    }
}
@media only screen and (max-width: 1400px) {
	.titleDurante {
        font-size: 3.4em;
        -webkit-text-stroke: 12px #ffffff;
        line-height: 1.1;
    }
}
@media only screen and (max-width: 1281px) {
	.titleDurante {
        font-size: 3em;
        -webkit-text-stroke: 11px #ffffff;
        line-height: 1.1;
    }
    .groupbtndiv{
		margin-top: 0rem;
	}
}
@media only screen and (max-width: 1111px) {
	.titleDurante {
        font-size: 2.5em;
    }
    #main{
        overflow-y: auto;
    }
}
@media only screen and (max-width: 810px) {
    #main{
        background-image: url('../img/fondositiosinteres.webp');
    }
    .titleDurante {
        font-size: 2.5em;
        -webkit-text-stroke: 10px #0066A9;
    }
    .groupbtndiv{
    	scroll-snap-type: x mandatory;
    	overflow-x: auto; /* Activa el scroll horizontal */
    	white-space: nowrap; /* Evita que los elementos se rompan en una nueva línea */
    }
    .groupbtndiv::-webkit-scrollbar {
	    display: none;
	}
	.divtitltee{
		text-align: center;
        margin-top: 55px;
	}
}
@media only screen and (max-width: 780px) {
	.groupbtndiv{
/*		height: 500px;*/
	}
	.titleDurante {
        font-size: 2em;
        -webkit-text-stroke: 0px #0066A9;
    }
    .groupbtndiv img{
        width: 1000px!important;
    }
    .scrollmovil{
        overflow-y: hidden;
        overflow-x: auto;
    }
} 
@media only screen and (max-width: 767px) {
	#titulo{
		order: 2;
	}
	#logoo{
		order: 1;
	}
	.contentlogomovil {
        height: 100px;
	}
}
@media only screen and (max-width: 600px) {
    .titleDurante {
        font-size: 1.8em;
        -webkit-text-stroke: 0px #0066A9;
    }
}
@media only screen and (max-width: 450px) {
   #main{
    padding-left: 15px;
    padding-right: 15px;
   } 
}