@font-face {
	font-family: "tipografiaTextos";
	src: url(../tipografia/HelveticaNeue-MediumCond.otf);
}
@font-face {
	font-family: "tipografiaTextosNegrita";
	src: url(../tipografia/HelveticaNeue-BlackCond.otf);
}
@font-face {
	font-family: "tipografiaTitulos";
	src: url(../tipografia/nulshock-bd.otf);
}
@font-face {
	font-family: "tipografiaAdminBold";
	src: url(../tipografia/CoolveticaRg-Bold.ttf);
}
@font-face {
	font-family: "tipografiaAdminRegular";
	src: url(../tipografia/CoolveticaLt-Regular.ttf);
}
@font-face {
	font-family: "tipografiaMedium";
	src: url(../tipografia/CoolveticaLt-Regular.ttf);
}
@font-face {
	font-family: "nulshock";
	src: url(../tipografia/nulshock-bd.otf);
}
@font-face {
	font-family: "HelveticaNeueMedium";
	src: url(../tipografia/HelveticaNeueMedium.ttf);
}
.padding6{
	padding-top: 10%;
}
.padding4{
	padding-top: 6vmax;
}
.fondo2{
    background: url(../img/ONDASCAMION.png) center center;
    background-size:cover;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
}
.logopie{
	width: 65%;
	position: absolute;
	right: 2%;
	top: -10%;
}
.primero{
	padding-top:2vmax;
}
.inputPlaceHolder {
  	color: black;
  	font-family: 'tipografiaMedium', serif;
}
.imagen1{
	width: 40px;
	bottom:30px
}
textarea::placeholder {
  	color: black !important;
  	font-size: 25px;
  	padding-left: 20px;
  	font-family: 'tipografiaMedium', serif;
  	border-bottom: 2px solid black;
}
.titulo1Prin{
	font-family: 'tipografiaTitulos', serif;
	font-size: 2.8vmax;
	line-height: 1.2;
}
.textoAdmin1{
	font-family: 'tipografiaAdminRegular', serif;
	font-size: 1vmax;
}
.textoAdmin2{
	font-family: 'tipografiaAdminBold', serif;
	font-size: 1.6vmax;
}
.titulo1{
	font-family: 'tipografiaTitulos', serif;
	font-size: 2.3vmax;
	line-height: 1.2;
}
.titulo1GB{
	font-family: 'tipografiaTitulos', serif;
	font-size: 2vmax;
	line-height: 1.2;
}
.tituloSegundo{
	font-family: 'tipografiaTextosNegrita', serif;
	font-size: 1.6vmax;
}
.texto1Ns{
	font-family: 'tipografiaTextos', serif;
	color: #7F7A77;
	font-size: 1.3vmax
}
.texto2Ns{
	font-family: 'tipografiaTextos', serif;
	color: #7F7A77;
	font-size: 1.1vmax
}
.texto2Nt{
	font-family: 'tipografiaTextosNegrita', serif;
	color: #7F7A77;
	font-size: 1.2vmax
}
.lblAdmin{
	font-size: 1.3vmax;
	font-family: 'tipografiaAdminRegular', serif;
}
.lblAdminInicio{
	font-size: 18px;
	font-family: 'tipografiaAdminRegular', serif;
}
.lblAdminBold{
	font-size: 18px;
	font-family: 'tipografiaAdminBold', serif;
}
.titulo1Admin{
	color:black;
	font-size: 30px;
	line-height: normal;
	font-family: 'tipografiaAdminBold', serif;
}
.texto1Admin{
	color: black;
	text-decoration:none;
	font-size: 20px;
	font-family: 'tipografiaAdminRegular', serif;
}
.titulo2Admin{
	color:black;
	font-size: 20px;
	line-height: normal;
	font-family: 'tipografiaAdminBold', serif;
}
.titulo2AdminInicio{
	color:black;
	font-size: 20px;
	line-height: normal;
	font-family: 'tipografiaAdminBold', serif;
}

.logoAdmin1{
	width: 80%
}
.logoAdmin2{
	width: 7%
}
.logo{
	width: 8vmax
}
.logo1{
	width: 8em
}
.logo2{
	width: 50%
}
.logowha{
	width: 23px;
}
.logoPer2{
	width: 40px
}
.titulo1B{
	font-family: 'tipografiaTitulos', serif;
	color:white;
	font-size: 2vmax;
}
.titulo1N{
	font-family: 'tipografiaTitulos', serif;
	color:black;
	font-size: 2vmax;
	line-height: normal;
}
.titulo2N{
	font-family: 'tipografiaTitulos', serif;
	color:black;
	font-size: 1.7vmax;
}
.titulo2{
	font-family: 'tipografiaTitulos', serif;
	color:white;
	font-size: 60px;
	line-height: 1;
}
.botoncasos{
	background-color: black!important;
	color: white;
}
.textoMenu{
	font-family: 'tipografiaTextos', serif;
}
.textoFooterNegrita{
	font-family: 'tipografiaTextosNegrita', serif;
	color:white;
	font-size: 1.8vmax;
}
.textoFooterNegrita2{
	font-family: 'tipografiaTextosNegrita', serif;
	color:white;
	font-size: 1.4vmax;
}
.textoFooter{
	font-family: 'tipografiaTextos', serif;
	color:white;
}
.texto1{
	font-family: 'tipografiaTextos', serif;
	color:white;
	font-size: 1.5vmax;
	line-height: 1;
	text-align: center;
}
.texto1G{
	font-family: 'tipografiaTextos', serif;
	color: #7F7A77;
	font-size: 1.5vmax;
	line-height: 1;
	text-align: center;
}
.texto1N{
	font-family: 'tipografiaTextos', serif;
	color: black;
	font-size: 1.5vmax;
	line-height: 1;
	text-align: left;
}
.texto1NBold{
	font-family: 'tipografiaTextosNegrita', serif;
	color: black;
	font-size: 1.5vmax;
	line-height: 1;
	text-align: left;
}
.texto2G{
	font-family: 'tipografiaTextos', serif;
	color: #7F7A77;
	font-size: 2vmax;
	line-height: 1;
	text-align: center;
}
.texto3N{
	font-family: 'tipografiaTextos', serif;
	color: white;
	font-size: 1vmax;
	line-height: normal;
	text-align: left;
}
.texto3ND{
	font-family: 'tipografiaTextos', serif;
	color: white;
	font-size: 0.9vmax;
	line-height: normal;
	text-align: left;
}
.texto3{
	font-family: 'tipografiaTextos', serif;
	font-size: 1.2vmax;
}
.texto4N{
	font-family: 'tipografiaTextos', serif;
	color: white;
	font-size: 1.3vmax;
	line-height: 1;
	text-align: left;
}
.texto2{
	font-family: 'tipografiaTextos', serif;
	color:white;
	font-size: 1.4vmax;
	line-height: 1;
	text-align: center;
}

.btnRojo{
	font-family:'tipografiaTitulos',serif;
	background-color:#ac2c26;
	font-size: 1.2vmax;
	color:white;
	border-radius:10px;
	border: none;
}
.btnBlanco{
	font-family:'tipografiaTitulos',serif;
	background-color:white;
	font-size: 0.8vmax;
	color:#ac2c26;
	border-radius:10px;
	border: none;
}
.btnBlanco2{
	font-family:'tipografiaTitulos',serif;
	background-color:white;
	font-size: 1.2vmax;
	color:#ac2c26;
	border-radius:10px;
	border: none;
}
.btnBlanco3{
	font-family:'tipografiaTitulos',serif;
	background-color:white;
	font-size: 1vmax;
	color:black;
	border-radius:10px;
	border: none;
}
.btnBlanco4{
	font-family:'tipografiaTitulos',serif;
	background-color:white;
	font-size: 1.2vmax;
	color:#7F7A77;
	border-radius:10px;
	border: none;
}
.btnBlanco5{
	font-family:'tipografiaTitulos',serif;
	background-color:black;
	font-size: 1.2vmax;
	color:white;
	border-radius:10px;
	border: none;
}
.btnBlanco6{
	font-family:'tipografiaTitulos',serif;
	background-color:white;
	font-size: 1vmax;
	color:black;
	border-radius:10px;
	border: none;
	position: ABSOLUTE;
    bottom: 6%;
    left: 15%;
    right: 15%;
}
.accordion1{
	color: #7F7A77;
	border: #7F7A77 solid 2px;
	border-radius: 10px;
	font-family:'tipografiaTitulos',serif;
	font-size: 1.1vmax;
}
.accordion1:not(.collapsed){
	color: #7F7A77;
	border: #7F7A77 solid 2px;
	border-radius: 10px;
	font-family:'tipografiaTitulos',serif;
	font-size: 1.1vmax;
	background-color:white;
}
.accordion2{
	color: black;
	border: none;
	font-family:'tipografiaTitulos',serif;
	font-size: 1vmax;
}
.accordion2:not(.collapsed){
	color: black;
	border: none;
	border-radius: 10px;
	font-family:'tipografiaTitulos',serif;
	font-size: 1vmax;
	background-color:white;
}
.accordion-item{
	border: none!important;
}
.btnBlanco7{
	font-family:'tipografiaTitulos',serif;
	background-color:#7F7A77;
	font-size: 0.8vmax;
	color: white;
	border-radius:10px;
	border: none;
	position: ABSOLUTE;
	bottom: 0;
    left: 15%;
    right: 15%;
}
.btnBlanco8{
	font-family:'tipografiaTitulos',serif;
	background-color:black!important;
	font-size: 0.8vmax;
	color: white;
	border-radius:10px;
	margin-bottom: 5px;
}
.btnBlanco9{
	font-family:'tipografiaTitulos',serif;
	background-color:#7F7A77;
	font-size: 0.8vmax;
	color: white;
	border-radius:10px;
	border: none;
}
.padding1{
	padding-left: 3.5%;
	padding-right: 3.5%;
	padding-top: 2%;
	padding-bottom: 2%;
}
.padding2{
	padding: 70px 0px 20px 130px;
}
.padding3{
	padding: 0 20px 0 20px;
}
.margin1{
	margin-top: -90px;
}
.margin2{
	margin-top: -210px;
	background:#100F13;
	color: white;
	padding-bottom:5%;
}
.video1{
	width: 1000px;
}
.img1{
	width:80%;
}
.border1{
	border: 1px solid white;
	padding: 30px;
	margin-top: 60px;
	border-radius: 60px;
}
.fondo1{
	padding: 40px 40px;
	text-align: center;
	border-radius: 60px;
	background-color: #161815;
}
.fondoadmin{
	background: url(../img/FOTO1.webp) bottom center;
	background-size:cover;
	height: 100vh;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
}
.bloquear{
	opacity: 0.4;
	pointer-events: none
}
.expandOpenCon{
	padding-bottom: 3%;
}
.front, .back {
	position: absolute;
	width: 100%;
	height: 100%; 
	backface-visibility: hidden;
	display: block;
	align-items: center
}
.back {
	background-color: #b81c24;
	color: white;
	padding-top: 5%;
	padding-bottom: 5%;
	padding-left: 8%;
	padding-right: 8%;
	transform: rotateY(180deg);
}
.navbar-dark .navbar-nav .nav-link{
	font-size: 1vmax;
	font-family: 'tipografia1', serif;
	color:white;
	font-weight: bold;
}
.navbar-dark .navbar-nav .nav-link:hover{
	color: #E1FA22;
}
.navbar-expand-lg .navbar-collapse{
	padding-left: 5%;
	padding-right: 5%;
}
.navbar-nav .dropdown-menu{
	font-size: 1vmax;
	font-family: 'tipografia1', serif;
}
.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; }
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
.MultiCarousel .MultiCarousel-inner .item { float: left;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; filter:invert(1); }
.MultiCarousel-inner{
	padding-top: 3%;
}
.ripple {
	position: absolute;
	width: 5vmax;
	height: 5vmax;
	border: 1px solid rgba(255, 255, 255, 0.4); /* Línea con transparencia inicial */
	border-radius: 50%;
	animation: rippleAnimation 7.2s infinite ease-out, rippleBorderColor 7.2s infinite ease-out;
	z-index: 4;
	opacity: 0;
}
.ripple-container0 {
	position: fixed;
	top: 0;
	right: 5%;
	width: 45%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 5;
	pointer-events: none;
}
.ripple-container {
	position: absolute;
	top: 0;
	right: 5%;
	width: 45%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 5;
	pointer-events: none;
}
.ripple-container2 {
	position: absolute;
	top: 0;
	left: 5%;
	width: 45%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 5;
	pointer-events: none;
}
.ripple-container3{
	position: absolute;
	top: 0;
	left: 2%;
	width: 45%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 5;
	pointer-events: none;
}
.navbar-scrolled {
    background-color: rgba(255, 255, 255, 255); /* Fondo oscuro semitransparente */
    transition: background-color 0.3s ease; /* Transición suave */
}
.iconos1{
	height: 140px;
}
.iconos2{
	height: 70px;
}
.iconos3{
	width: 20%;
}
.alineacion1{
	text-align: right;
}
.carousel-control-next, .carousel-control-prev{
	width: 5%;
}
.paloma{
	width: 60%;
}
.csdfbof{
	padding-top:20%
}
.logoPrin{
	width: 7vmax;
}
.padding5{
	padding-left:4%;padding-right:4%
}
.imagenControl{
	height: 120%; top: -10%; bottom: -10%; position: absolute; left: 8px;
}
.paddingizquierdo{
	padding-left:40px
}
.image-container {
    background-color: #ac2c26; /* Fondo negro */
    width: 7vmax; /* Ancho del fondo cuadrado */
    height: 7vmax; /* Alto del fondo cuadrado */
    display: flex;
    align-items: center;
    justify-content: center;
	border-radius: 15px;
}

.image-container img {
	max-width: 60%; /* Ajusta el tamaño de la imagen dentro del cuadrado */
	max-height: 60%;
}
.verticalflecha::after {
    margin-left: auto;
    font-weight: bold;
}
.letrahref{
	font-family: 'tipografiaTextos', serif;
	font-size: 1vmax;
}
.flecha1{
	width: 0!important;
}
.progress-bar{
	background-color: black!important;
}
.progress-container {
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}
.progress-step {
	position: absolute;
	transform: translateX(-50%);
	text-align: center;
	width: 40px;
}
.progress-step span {
	font-family: 'tipografiaTextos', serif;
	display: block;
	font-size: 1vmax;
	visibility: hidden; /* Ocultar inicialmente */
}
.progress-step.active span {
	visibility: visible; /* Mostrar solo en el paso actual */
}
.checkradius1{
	background: #b81c24;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 12px;
    border-radius: 10px;
	font-family: 'tipografiaTextos', serif;
	font-size: 1.1vmax;
	color: white;
	margin-bottom: 1%;
}
.bottom1 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2%
}
.letra1{
    font-size: 0.9vmax;
}	
.imagenAmenasa{
	height: 40px;
}	
.alineacion2{
	text-align: justify;
}
.oculto1{
	display: none;
}
.oculto2{
	display: block;
}
@media (max-width: 480px) {
	.oculto1{
		display: block;
	}
	.oculto2{
		display: none;
	}
	.borderadio1{
		border-top-left-radius: 18px;
		border-bottom-left-radius: 18px;
	}
	.borderadio2{
		border-top-right-radius: 18px;
		border-bottom-right-radius: 18px;
	}
	.padding9{
		padding-left: 0;
		padding-right: 0;
	}
	.imagenAmenasa{
		height: 20px;
	}
	.padding4{
		padding-top: 0;
	}
	.letra1{
        font-size: 1.5vmax;
    }
	.letrahref{
		font-family: 'tipografiaTextos', serif;
		font-size: 1.6vmax;
	}
	.btnBlanco7{
		font-family:'tipografiaTitulos',serif;
		background-color:#7F7A77;
		font-size: 1.6vmax;
		color: white;
		border-radius:10px;
		border: none;
		position: ABSOLUTE;
		bottom: 0;
		left: 15%;
		right: 15%;
	}
	.btnBlanco9{
		font-size: 1.6vmax;
	}
	.btnBlanco8{
		font-size: 1.5vmax;
	}
	.padding5{
		padding-left:auto;padding-right:auto
	}
	.botoncasos{
		font-size: 1.3vmax;
	}
	.texto2Ns{
		font-size: 2vmax
	}
	.titulo1{
		font-family: 'tipografiaTitulos', serif;
		font-size: 2.5vmax;
		line-height: 1.2;
	}
	.titulo1GB{
		font-family: 'tipografiaTitulos', serif;
		font-size: 2.3vmax;
		line-height: 1.2;
	}
	.titulo1Prin{
		font-family: 'tipografiaTitulos', serif;
		font-size: 2.3vmax;
		line-height: 1.2;
	}
	.texto1Ns{
		font-family: 'tipografiaTextos', serif;
		color: #7F7A77;
		font-size: 2vmax
	}
	.texto2Nt{
		font-size: 2.2vmax
	}
	.menuDesResponsive{
		background-color:#000000d1;
	}
	.textoAdminMenu{
		text-align: center;
	}
	.lblAdminInicio{
		color: white;
	}	
	.titulo1Admin{
		font-size: 25px;
		margin-bottom: -2px;
	}
	.titulo2AdminInicio{
		color:white;
	}
	.texto1{
		font-size: 2vmax;
		line-height: 1;
	}
	.texto2{
		font-size: 18px;
		line-height: 1;
	}

	.padding1{
		padding-left: 3.5%;
		padding-right: 3.5%;
		padding-top: 2%;
		padding-bottom: 2%;
	}
	.margen1Admin{
		margin-top:30px !important;
	}
	.margin1{
		margin-top: 0px;
		padding: 0 20px 0 20px;
	}
	.inicioAdmin{
		position: absolute;
		top: 10%;
		bottom: 0;
		color: black!important;
	}
	.img1{
		width:100%;
		margin-top: -20px;
	}

	.fondo1{
		padding: 20px 20px;
	}
	.fondo2{
		padding: 20px 20px 20px 20px;
	}
	.divBr{
		display: none;
	}
	.primero{
		padding-top:7vmax;
	}
	.oculto {
		display: flex !important;
	}
	.patron{
		display: none;
	}
	.logo{
		width: 14vmax
	}
	.logo1{
		width: 6em;
	}
	.logoPer2{
		width: 30px;
	}
	.logowha{
		width: 19px;
	}
	.slogan{
		width: 15vmax;
	}
	.letraFooter1{
		font-size: 1.3vmax;
		display: none;
	}
	.letraFooter1s{
		font-size: 1.3vmax;
	}
	.justify-content-end{
		justify-content: flex-start!important
	}
	.completo1 {
		position: fixed;
		top: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		z-index: 9999;
		background: black;
		padding: 1rem;
	}
	.section2 .default {
		height: 60vh;
		width: 28vh;
		color: rgba(255, 255, 255, 0);
		font-size: 16pt;
		overflow: hidden;
	}
	.section2 .expand {
		height: 60vh;
		width: 80vh;
		background: #7ab7ff;
		color: white;
		padding: 20px;
	}
	.flip-container {
		height: 70vmax;
	}
	.navbar-dark .navbar-nav .nav-link{
		font-size: 2vmax;
	}
	.navbar-expand-lg .navbar-collapse{
		padding-left: 2%;
		padding-right: 2%;
	}
	.navbar-nav .dropdown-menu{
		font-size: 2vmax;
	}
	.ripple-container0 {
		position: fixed;
		top: 10%;
		right: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		z-index: 8;
		pointer-events: none;
		overflow: hidden;
	}
	.ripple-container {
		position: fixed;
		top: 10%;
		right: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		z-index: 8;
		pointer-events: none;
		overflow: hidden;
	}
	.ripple-container2 {
		position: fixed;
		top: 10%;
		right: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		z-index: 8;
		pointer-events: none;
		overflow: hidden;
	}
	.ripple-container3 {
		position: fixed;
		top: 10%;
		right: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		z-index: 8;
		pointer-events: none;
		overflow: hidden;
	}
	.imagen1{
		width: 25px;
		bottom:0px
	}
	.titulo1B{	
		font-size: 2.5vmax;
	}
	.btnBlanco{
		font-size: 1.4vmax;
	}
	.btnBlanco2{
		font-size: 2vmax;
	}
	.texto1G{
		font-size: 2vmax;	
	}
	.texto1N{
		font-size: 2vmax;
	}
	.texto3N{
		font-size: 1.9vmax;
	}
	.texto3ND{
		font-size: 1.9vmax;
	}
	.texto4N{
		font-size: 2.2vmax;
	}
	.logopie{
		top: -1%;
	}
	.completo1 {
        position: fixed;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9999;
        background: white;
        padding: 1rem;
        
    }
	.iconos1{
		height: 80px;
	}
	.iconos2{
		height: 40px;
	}
	.paddingb1{
		padding-bottom: 5%;
	}
	.alineacion1{
		text-align: left;
		padding-bottom: 8%;
	}
	.alineacion2{
		text-align: justify;
	}
	.paloma{
		width: 80%;
	}
	.csdfbof{
		padding: 3px;
		padding-top:100%
	}
	.logoPrin{
		width: 10vmax;
	}
	.imagenControl{
		width:100%; height: 100%; margin-top:auto; margin-bottom: auto; position: relative; left: auto;
	}
	.paddingizquierdo{
		padding-left:unset
	}
	.btnBlanco7{
		font-family:'tipografiaTitulos',serif;
		background-color:#7F7A77;
		font-size: 1.6vmax;
		color: white;
		border-radius:10px;
		border: none;
		position: ABSOLUTE;
		bottom: 5%;
		left: 15%;
		right: 15%;
	}
	.btnBlanco9{
		font-size: 1.6vmax;
	}
	.texto1Ns{
		font-family: 'tipografiaTextos', serif;
		color: #7F7A77;
		font-size: 2vmax
	}
}
/* IPHONE 14 PRO MAX */
@media all and (min-width: 481px) and (max-width: 768px) { 
	.borderadio1{
		border-top-left-radius: 18px;
		border-bottom-left-radius: 18px;
	}
	.borderadio2{
		border-top-right-radius: 18px;
		border-bottom-right-radius: 18px;
	}
	.padding9{
		padding-left: 0;
		padding-right: 0;
	}
	.imagenAmenasa{
		height: 20px;
	}
	.padding4{
		padding-top: 0;
	}
	.letra1{
        font-size: 1.5vmax;
    }
	.letrahref{
		font-family: 'tipografiaTextos', serif;
		font-size: 1.6vmax;
	}
	.btnBlanco8{
		font-size: 1.5vmax;
	}
	.padding5{
		padding-left:auto;padding-right:auto
	}
	.csdfbof{
		padding: 3px;
		padding-top:70%
	}
	.texto2Nt{
		font-size: 2.2vmax
	}
	.botoncasos{
		font-size: 1.3vmax;
	}
	.texto2Ns{
		font-size: 2vmax
	}
	.titulo1{
		font-family: 'tipografiaTitulos', serif;
		font-size: 2.5vmax;
		line-height: 1.2;
	}
	.titulo1GB{
		font-family: 'tipografiaTitulos', serif;
		font-size: 2vmax;
		line-height: 1.2;
	}
	.titulo1Prin{
		font-family: 'tipografiaTitulos', serif;
		font-size: 2.3vmax;
		line-height: 1.2;
	}
	.texto1Ns{
		font-family: 'tipografiaTextos', serif;
		color: #7F7A77;
		font-size: 2vmax
	}
	.menuDesResponsive{
		background-color:#000000d1;
	}
	.textoAdminMenu{
		text-align: center;
	}
	.lblAdminInicio{
		color: white;
	}	
	.titulo1Admin{
		font-size: 25px;
	}
	.titulo2AdminInicio{
		color:white;
	}


	.titulo1B{	
		font-size: 2.5vmax;
	}
	.titulo1N{
		font-size: 2.5vmax;
	}
	.titulo2N{
		font-size: 2vmax;
	}
	.titulo2{
		font-size: 60px;
	}
	.texto1{
		font-size: 2vmax;
	}
	.texto1G{
		font-size: 2vmax;	
	}
	.texto1N{
		font-size: 2vmax;
	}
	.texto1NBold{
		font-size: 2vmax;
	}
	.texto2G{
		font-size: 2.3vmax;
	}
	.texto3N{
		font-size: 1.9vmax;
	}
	.texto3ND{
		font-size: 1.9vmax;
	}
	.texto4N{
		font-size: 2.2vmax;
	}
	.texto2{
		font-size: 1.4vmax;
	}

	.pb-5{
		padding-bottom: 2rem !important;
	}
	.padding1{
		padding-left: 3.5%;
		padding-right: 3.5%;
		padding-top: 2%;
		padding-bottom: 2%;
	}
	.padding3{
		padding: 0 10px 0 10px;
	}

	.margin1{
		margin-top: 0px;
		padding: 0 30px 0 30px;
	}
	.margen1Admin{
		margin-top:30px !important;
	}
	.inicioAdmin{
		position: absolute;
		top: 10%;
		bottom: 0;
		color: black!important;
	}
	.img1{
		width:100%;
		margin-top: -20px;
	}

	.fondo1{
		padding: 20px 20px;
	}
	.fondo2{
		padding: 20px 20px 20px 20px;
	}
	.divBr{
		display: none;
	}
	.letraFooter1{
		display: none;
	}
	.patron{
		display: none;
	}
	.oculto {
		display: flex !important;
	}
	.logo{
		width: 14vmax
	}
	.slogan{
		width: 15vmax;
	}
	.align-items-center22{
		align-items: flex-start!important;
	}
	.navbar-dark .navbar-nav .nav-link{
		font-size: 2vmax;
	}
	.navbar-expand-lg .navbar-collapse{
		padding-left: 2%;
		padding-right: 2%;
	}
	.navbar-nav .dropdown-menu{
		font-size: 2vmax;
	}
	.ripple-container0 {
		position: fixed;
		top: 10%;
		right: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		z-index: 8;
		pointer-events: none;
		overflow: hidden;
	}
	.ripple-container {
		position: fixed;
		top: 10%;
		right: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		overflow: hidden;
		z-index: 8;
		pointer-events: none;
	}
	.ripple-container2 {
		position: fixed;
		top: 10%;
		right: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		z-index: 8;
		pointer-events: none;
		overflow: hidden;
	}
	.ripple-container3 {
		position: fixed;
		top: 10%;
		right: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		z-index: 8;
		pointer-events: none;
		overflow: hidden;
	}
	.imagen1{
		width: 25px;
		bottom:0px
	}
	.btnBlanco{
		font-size: 1.4vmax;
	}
	.btnBlanco2{
		font-size: 2vmax;
	}
	.logopie{
		top: -1%;
	}
	.completo1 {
        position: fixed;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9999;
        background: white;
        padding: 1rem;
        
    }
	.iconos1{
		height: 80px;
	}
	.iconos2{
		height: 40px;
	}
	.paddingb1{
		padding-bottom: 5%;
	}
	.alineacion1{
		text-align: left;
		padding-bottom: 8%;
	}
	.alineacion2{
		text-align: justify;
	}
	.paloma{
		width: 80%;
	}
	.logoPrin{
		width: 10vmax;
	}
	.imagenControl{
		width:100%; margin-top:auto; margin-bottom: auto; position: relative; left: auto;
	}
	.paddingizquierdo{
		padding-left:unset
	}
	.btnBlanco7{
		font-family:'tipografiaTitulos',serif;
		background-color:#7F7A77;
		font-size: 1.6vmax;
		color: white;
		border-radius:10px;
		border: none;
		position: ABSOLUTE;
		bottom: 5%;
		left: 15%;
		right: 15%;
	}
}
@media all and (min-width: 769px) and (max-width: 1024px) { 
	.imagen1{
		width: 25px;
		bottom:25px
	}
	.titulo1{
		font-family: 'tipografiaTitulos', serif;
		font-size: 2vmax;
		line-height: 1.2;
	}
	.titulo1GB{
		font-family: 'tipografiaTitulos', serif;
		font-size: 1.6vmax;
		line-height: 1.2;
	}
	.texto1Ns{
		font-family: 'tipografiaTextos', serif;
		color: #7F7A77;
		font-size: 1.3vmax
	}
}
@media all and (min-width: 1025px) and (max-width: 1200px) { 
	.imagen1{
		width: 30px;
		bottom:30px
	}
	.titulo1{
		font-family: 'tipografiaTitulos', serif;
		font-size: 2vmax;
		line-height: 1.2;
	}
	.texto1Ns{
		font-family: 'tipografiaTextos', serif;
		color: #7F7A77;
		font-size: 1.4vmax
	}
}

/* Animación de las ondas */
@keyframes rippleAnimation {
	0% {
	  	transform: scale(1);
	  	opacity: 1; /* Comienza con opacidad completa */
	}
	100% {
	  	transform: scale(10);
	  	opacity: 0; /* Desvanece hasta hacerse transparente */
	}
}
@keyframes rippleBorderColor {
    0% {
        border-color: rgba(255, 255, 255, 0.4); /* Comienza en blanco */
    }
    100% {
        border-color: rgba(117, 119, 121, 0.7); /* Termina en el color deseado */
    }
}
/* Crear varias ondas al mismo tiempo */
.ripple:nth-child(1) {
	animation-delay: 0s;
}
.ripple:nth-child(2) {
	animation-delay: 0.9s;
}
.ripple:nth-child(3) {
	animation-delay: 1.8s;
}
.ripple:nth-child(4) {
	animation-delay: 2.7s;
}
.ripple:nth-child(5) {
	animation-delay: 3.6s;
}
.ripple:nth-child(6) {
	animation-delay: 4.5s;
}
.ripple:nth-child(7) {
	animation-delay: 5.4s;
}
.ripple:nth-child(8) {
	animation-delay: 6.3s;
}

/* Estilo inicial para ocultar elementos */
.efectoAparecer {
	opacity: 0;
	transform: translateY(50px);
	transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  }
  
  /* Estilo final cuando el elemento es visible */
  .efectoAparecer.visible {
	opacity: 1;
	transform: translateY(0);
  }

  .timeline {
	border-left: 2px solid white;
	position: relative;
	list-style: none;
  }
  
  .timeline .timeline-item {
	position: relative;
  }
  
  .timeline .timeline-item:after {
	position: absolute;
	display: block;
	top: 0;
  }
  
  .timeline .timeline-item:after {
	background-color: white;
	left: -42.5px;
	border-radius: 50%;
	height: 20px;
	width: 20px;
	content: "";
  }


  @media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}
.carousel-inner .carousel1-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}
/* medium and up screens */
@media (min-width: 768px) {
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(25%);
    }
    .carousel-inner .carousel-item-start.active, 
    .carousel-inner .carousel-item-prev {
        transform: translateX(-25%);
    }
}
.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
    transform: translateX(0);
}
.carousel-control-next, .carousel-control-prev{
    width: 5%;
}