@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap');
body{
	margin:0;
	font:400 14px 'Poppins', sans-serif;
	background:#FFFFFF;
	overflow-x:hidden;
}
.bgNgo{background:#000000;color:#FFFFFF;font-size:16px;}
img{
	border:none;
}

.margen{
	width:100%;
	height:auto;
	max-width:1024px;
	margin:auto;
}
.margen1500{
	width:100%;
	height:auto;
	max-width:1500px;
	margin:auto;
}
.margen2{
	width:100%;
	height:auto;
	max-width:400px;
	margin:auto;
}

.margenCentro{
	width:100%;
	height:auto;
	max-width:1024px;
	margin:auto;
	text-align:center;
	clear:both;
}
.top{
	width:100%;
	height:auto;
	background:#000000;
	padding:10px 0 10px;
	color:#FFFFFF;
	border-bottom:4px solid #F2F2F2 
}
.nav{
	width:100%;
	height:auto;
	background:#333333;
}
.contenido{
	width:100%;
	height:auto;
	clear:both;
	background:#FFFFFF;
}
.inicio{background:url("../images/bgBanner3.jpg") center no-repeat;background-size:cover;}
.pie{
	width:100%;
	height:auto;
	background:#F2F2F2;
	color:#000000;
	text-align:center;
	padding:20px 0;
	font:700 30px 'Poppins',sans-serif;
	text-transform:uppercase;}
.pie img{width:30px;height:auto;display:inline-block;vertical-align:bottom;padding:0px 10px 8px 0px;}
.col2A{width:50%;display:inline-block;vertical-align:top;}
.col2B{width:46%;display:inline-block;vertical-align:top;padding:20px 2%;font:400 16px 'Poppins',sans-serif;}
.logo{
	width:25%;
	max-width:258px;
	height:auto;
	vertical-align:top;
	text-align:center;
	display:inline-block;padding:10px;
}
.topDer{
	width:72%;
	height:auto;
	display:inline-block;
	text-align:right;
	font:400 21px 'Poppins', sans-serif;
	padding:0;
}
.redes{
	width:10%;
	max-width:100px;
	height:auto;
	text-align:right;
	display:inline-block;
	vertical-align:top;
	padding:15px 0 0;
}
.imgRedes{
	padding:5px 3px;
}
.btnInicio{
	width:27%;
	padding:0.5% 3%;
	background:#FFF;
	text-align:center;
	color:#713c76;
	display:inline-block;
	height:auto;
	vertical-align:bottom;
	border:1px solid #e5e5e5;
}
.btnTxt1{
	text-align:center;
	width:95%;
	margin:auto;
	padding:5px 0;
}
.imgInicio{
	width:100%;
	max-width:255px;
	height:auto;
}
.imgDer{width:24%;display:inline-block;vertical-align:bottom;height:auto;max-width:1000px }
.btnTxt2{
	font:500 24px 'Poppins',sans-serif;
	text-transform:uppercase;
	width:70%;
	margin:0;
	padding:5px 2%;
	background:#FFFFFF;
	color:#333333;
	text-decoration:none;
	display:inline-block;
	text-align:left;
	vertical-align:top;
}
.btnTxt2 h2{font:500 24px 'Poppins',sans-serif;
	text-transform:uppercase;line-height:1.1em;}
.flecha{width:21%;display:inline-block;text-align:right;padding:5px 2%;vertical-align:top;}
.flecha img{width:100%;max-width:36px;height:auto;}
.btnTxt3{
	font:700 14px 'Poppins',sans-serif;
	width:90%;
	margin:auto;
	padding:5px 5%;
	background:#FCEF00;
	color:#333333;
	text-decoration:none;
}

.autosInicio{
	width:75%;
	height:auto;
	display:inline-block;
	padding:30px 0 0 0;
}
.camionetasInicio{
	width:49%;
	max-width:511px;
	height:auto;
	display:inline-block;
}
.titleAutos{
	width:98.3%;
	height:auto;
	padding:10px 0;
	text-align:center;
	color:#FFF;
	background:#333;
	font:400 24px 'Poppins','Arial',sans-serif;
	margin:5px auto;
}
.titleCamionetas{
	width:98%;
	height:auto;
	padding:10px 0;
	text-align:center;
	color:#FFF;
	background:#7A1218;
	font:400 24px 'Poppins','Arial',sans-serif;
	margin:5px auto;
}
.titleBco{
	color:#FFF;
	font:700 24px 'Poppins','Arial',sans-serif;
}
.titleRojo{
	color:#733e7c;
	font:700 24px 'Poppins','Arial',sans-serif;
}
.titleNgo{
	color:#000;
	font:700 24px 'Poppins','Arial',sans-serif;
}
.subtitleNgo{
	color:#000;
	font:400 21px 'Poppins','Arial',sans-serif;
}
.titleBco21{
	color:#FFF;
	font:700 21px 'Poppins','Arial',sans-serif;
}
.titleMor21{
	color:#333333;
	font:700 21px 'Poppins','Arial',sans-serif;
}
.subtitleAma{
	color:#333333;
	font:700 24px 'Poppins','Arial',sans-serif;
}
a:link.bInicio {
	text-decoration: none;
	color: #733e7c;
}
a:visited.bInicio {
	text-decoration: none;
	color: #733e7c;
}
a:hover.bInicio {
	text-decoration: none;
	color: #333;
}
a:active.bInicio {
	text-decoration: none;
}
.qr{
	width:auto;
	display:inline-block;
	float:right;
}
.txtPie{
	width:80%;
	height:auto;
	display:inline-block;
	vertical-align:top;
}
.contenidoBco{
	width:100%;
	height:auto;
	padding:10px 0;
	margin:auto;
	max-width:1024px;
	background:#fff;
	font-size:14px;
}
.margen95{
	width:95%;
	height:auto;
	margin:auto;
	text-align:justify;
}
.imgTxt{
	width:100%;
	max-width:435px;
	display:inline-block;
	float:right;
	position:relative;
	margin:10px 0px 10px 20px;
	right:0;
}
.subtitleRojo{
	font:700 18px 'Poppins','Arial',sans-serif;
	color:#733e7c;
}
.cat01{
	width:22%;
	height:auto;
	padding:10px 0;
	background:#fff;
	margin:10px 1%;
	display:inline-block;
}
.txtCat{
	font:400 18px 'Poppins','Arial',sans-serif;
	color:#333333;
	text-align:left;
	width:95%;
	margin:auto;
}
.imgCat{
	width:95%;
	height:auto;
	margin:auto;
	max-width:220px;
	text-align:center;
}
.imgCatInt{
	width:100%;
	height:auto;
	max-width:220px;
}
.col3{
	width:30%;
	margin:0 1% 10px;
	vertical-align:top;
	display:inline-block;
	text-align:left;
}
.col2{
	width:45%;
	padding:20px 2% 20px;
	vertical-align:top;
	display:inline-block;
	text-align:justify;
}
.col2 img{width:100%;max-width:510px;height:auto;display:block;margin:auto;}
.bgBco{background:#FFFFFF;}
.imgFicha{
	width:100%;
	max-width:290px;
	height:auto;
}
.precios01{
	width:31%;
	margin:10px 1%;
	background:#ededef;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	padding:0 0 10px 0;
}
.titlePrecios{
	background:#541964;
	color:#fff;
	font-weight:bold;
	padding:10px 0;
	font-size:16px;
	width:100%;
	height:auto;
	margin:0 0 10px 0;
}
.plecaPrecios{
	width:98%;
	margin:5px auto;
	background:#555;
	height:3px;
	
}
.campo1{
	font-family: 'Arial', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	max-width:265px;
	width:100%;
	height:auto;
	margin:5px;
	padding:10px;
	text-align:left;
	font-size:14px;
	color: rgba(63,63,63,1.00);
}
.campo2{
	font-family: 'Arial', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	max-width:950px;
	width:100%;
	margin:5px 5px 20px 5px;
	padding:10px;
	text-align:left;
	font-size:14px;
	color:rgba(63,63,63,1.00);
}
.btn2{
	font-family: 'Poppins','Arial',sans-serif;
	margin:10px;
	padding:15px;
	border-radius:100px;
	background-color: #541964;
	text-align:center;
	border:none;
	font-size: 18px;;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
	
}
.requisitos {
	display: flex;
justify-content: space-between;
align-items: center; /* Centra los elementos verticalmente */
height: 10vh;
}
  .inline-header {
display: inline-block;
}
.img20{width:18%;height:auto;display:inline-block;vertical-align:bottom;padding:10px 1%;}
.shadow{box-shadow:0px 0px 10px rgba(0,0,0,0.5);}
.col80{width:52%;display:inline-block;vertical-align:middle;}
.col80 h2{line-height:1.1em;color:#333333;font:700 24px 'Poppins',sans-serif;margin:0;}
.ribbon{width:42%;display:inline-block;vertical-align:middle;color:#FFFFFF;background:#FF0000;padding:5px 2%;font:700 12px 'Poppins',sans-serif;}
.ribbon2{width:96%;display:inline-block;vertical-align:middle;color:#FFFFFF;background:#FF0000;padding:5px 2%;font:700 30px 'Poppins',sans-serif;}
.borderAma{border-bottom:2px solid #F2F2F2;margin:0 0 10px 0;padding:0 0 10px 0;}
.blanco1{background:#FFFFFF;color:#FF0004 !important;}
.aviso1{background:#FFFFFF;font-size:36px;padding:15px 1em;font-weight:700;}
.ama1{background:#F2F2F2;font-size:48px;padding:5px 0;}
.rojo1{color:#FF0004;background:#FFFFFF;font-size:48px;}
.incorrecto {text-decoration:line-through;text-decoration-color:#FF0004;font-size:28px;}
.verde{color:#39b54a;font-size:36px;font-weight:700;}
.parpadea {
    animation-name: parpadeo;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: parpadeo;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes parpadeo {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@keyframes parpadeo {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

#form {
  display: none;
	width:100%;
	max-width:600px;
	height:auto;
	margin:auto;
}

/* Estilos para pantallas con un ancho máximo de 600px (típicamente móviles) */
@media (max-width: 600px) {
.requisitos {
  flex-direction: column; /* Los elementos se apilan verticalmente */
  height: auto; /* La altura se ajusta automáticamente al contenido */
}
}

/* The CSS */
select {
    padding:10px;
    margin: 5px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

.desktop{display:inline-block;}
.tarifas{width:28.5%;max-width:450px;height:auto;display:inline-block;vertical-align:top;margin:1%;padding:1%;border:1px solid #e5e5e5;border-radius:5px;}
.tituloMorado{width:100%;display:block;margin:auto;font:700 36px 'Poppins',sans-serif;color:#FFFFFF;background:#333333;}

.tituloTarifas{width:96%;height:auto;display:block;padding:5px 2% 0px;color:#333333;font:700 28px 'Poppins',sans-serif;border-bottom:2px solid #F2F2F2;margin-bottom:10px;}
.precio1{font:500 28px 'Poppins',sans-serif;color:#000;line-height:1.3em;}
.periodo{font:400 18px 'Poppins',sans-serif;color:#54595F;}
.caract{font:400 16px 'Poppins',sans-serif;color:#6d6d6d;padding:3px 0;}
.caract img{width:14px;height:auto;display:inline-block;vertical-align:middle;padding:0 10px 0 0;}
.titleMor36{font:700 36px 'Poppins',sans-serif;color:#333333;}
.titleMor2{color:#9401D9;}
.img60{width:65%;height:auto;max-width:600px;display:inline-block;vertical-align:top; }
.datos{width:30%;display:inline-block;vertical-align:top;padding:2%;}
.txt21Mor{font:700 21px 'Poppins',sans-serif;color:#333333;}
.txt18Mor{font:700 18px 'Poppins',sans-serif;color:#333333;}
.diagrama{width:100%;height:auto;display:block;}
.vineta{font:400 16px 'Poppins',sans-serif;padding:5px 2%;width:96%;border-bottom:1px solid #e5e5e5;}
.centro{text-align:center;}
.precios{width:100%;max-width:713px;height:auto;padding:10px 0;display:block;margin:auto;}
.espacio{padding:30px;}
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px;
	width:95%;
	max-width:300px;
	font:400 16px 'Arial', sans-serif;}
}

label {position:relative}
label:after {
    content:'<>';
    font:18px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}
.menup{width:50%;display:inline-block;padding:10px 2%;vertical-align:top;}
.tel1{display:inline-block;width:auto;padding:10px;vertical-align:top;margin:10px;font:700 18px 'Poppins',sans-serif;color:#FFFFFF;text-decoration:none;border-radius:100px;text-transform:uppercase;}
.tel2{display:inline-block;width:auto;padding:7px 0;vertical-align:top;margin:10px;font:700 21px 'Poppins',sans-serif;background:#000000;color:#FFFFFF;text-decoration:none;border-radius:100px;text-transform:uppercase;}
.grande{font-size:30px;}
.mobile,.mobile1{display:none;}
.morado{background:#333333;color:#F2F2F2;}
.amarillo{background:#F2F2F2;color:#333333;}
.img100{width:100%;height:auto;display:block;margin:auto;max-width:1024px;}
.just{text-align:justify;}
.bgGris{background:#f2f2f2;padding:30px 1%;width:98%;display:block;}
.ngo{color:#000000;text-decoration:none;}
.ngo:hover{color:#333333;}
@media (max-width:603px){
	.img20{width:45%;}
	body{overflow-x:hidden;}
	.grande{font-size:26px;}
	.autosInicio,.imgDer{
		width:95%;
		margin:auto;
		display: block;
	}
	.menup{width:100%;display:block;margin:auto;}
	.tel1{margin:0px;text-align:center;padding:0;}
	.morado,.amarillo{padding:5px 10px;}
	.col2,.col2B{width:95%;display:block;padding:20px auto;}
	.col2A{width:100%;}
	.logo{
		max-width:none;
		width:50%;
		display:block;margin:auto;
	}
	.logo img{width:100%;height:auto;}
	.mobile{display:inline-block;}
	.mobile1{display:block;width:100%;}
	.topDer{
		width:100%;
		margin:auto;
		font-size:16px;
		text-align:center;
	}
	.redes{
		width:100%;
		max-width:none;
		text-align:center;
		
	}
	.btnInicio{
		width:95%;
		padding:3px 0;
		margin:auto;
		display:block;
		
	}
	.btnTxt2{font-size:21px;display:inline-block;width:70%;}
	.flecha{width:18%;display:inline-block;}
	.camionetasInicio{
		width:90%;
		margin:auto;
	}
	.qr{
		display:none;
		}
	.txtPie{
		width:95%;
		margin:0 auto 15px;
	}
	.imgTxt{
		margin:10px auto;
	}
	.col3{
		width:90%;
		margin:10px auto;
	}
	.col4{
		width:90%;
		margin:10px auto;
	}
	.cat01{
		width:47%;
	}
	.precios01{
	width:98%;
	margin:10px auto;
	background:#ededef;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	padding:0 0 10px 0;
}
	
	.desktop{display:none;}
	.tarifas{width:95%;display:block;margin:10px auto;}
	.tituloMorado{font-size:24px;text-align:center;}
	.titleMor2,.titleMor36{font-size:24px;}
	.img60{width:95%;display:block;margin:auto;}
	.datos{width:90%;display: block;margin:auto;}
.aviso1{background:#FFFFFF;font-size:18px;padding:15px 1em;font-weight:700;}
.ama1{background:#F2F2F2;font-size:24px;padding:5px 0;}
.rojo1{color:#FF0004;background:#FFFFFF;font-size:24px;}
}
@media (min-width:604px) and (max-width:900px){
	.imgTxt{
		width:70%;
		max-width:350px;
	}
	.mobile{display:inline-block;}
	.desktop{display:none;}
}