@charset "UTF-8";
/*********************** FUENTES GOOGLE MAPS ***********************/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');
/*font-family: 'Lato', sans-serif;*/

/*********************** GENERAL ***********************/
body { padding: 0; margin: 0; }
ul { padding: 0; margin: 0; list-style: none; }
img { display: block; width: 100%; border: none; }
a { text-decoration: none; color: inherit; display: block; cursor: pointer; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.contenedor { width: 1200px; margin: 0px auto; position: relative; }
.btn_movil { width: 40px; float: right; position: relative; top: 0; margin: 10px 0; border: 1px solid #fff; cursor: pointer; -webkit-transition: all .5s ease;  -moz-transition: all .5s ease;  -o-transition: all .5s ease;  transition: all .5s ease; }
p { font-size: 20px; line-height: 26px; color: #242424; font-weight: 400; margin: 20px 0px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
* { box-sizing: border-box; }
*:focus { outline: none; }
.pc { display: block; }
.movil { display: none; }
section { position: relative; }

::selection { background: #5eaeba;color: #fff; }
::-moz-selection { background: #5eaeba;color: #fff; }

.btn { margin: 0px auto; display: block; width: 320px; padding: 10px 0px 12px; background: #00a1b3; font-size: 28px; line-height: 28px; color: #fff; font-weight: 900; text-transform: uppercase; font-family: 'Lato', sans-serif; text-align: center; position: relative; -webkit-box-shadow: 6px 6px 8px 2px rgba(0,0,0,0.3); -moz-box-shadow: 6px 6px 8px 2px rgba(0,0,0,0.3); box-shadow: 6px 6px 8px 2px rgba(0,0,0,0.3); }
.btn:hover, .btn:disabled, .btnDescarga:hover, .btnDescarga:disabled, .btnDescargaActivo { color: #00a1b3!important; background: #fff!important; opacity: 0.8!important; }
.btnDescarga:hover::before, .btnDescarga:disabled::before { background-color: #00a1b3; }
.flotanteWhats { width: 70px; height: 70px; background: #38aa42; color: #fff; line-height: 72px; font-size: 40px; text-align: center; border-radius: 50%; position: fixed; bottom: 100px; right: 40px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; z-index: 999; animation: pulse 1.25s infinite cubic-bezier(0.66,0,0,1); box-shadow: 0 0 0 0 #38aa42; }
.flotanteWhats:hover { background: #7ebf42; }

/*********************** ANIMACIONES ***********************/
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0.01);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0.01);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0.01);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0.01);}}

/*********************** CONTENEDORES ***********************/
.conteRight { width: 50%; float: right; }
.conteLeft { width: 50%; float: left; }

/*
ANIMACIONES HTML5

-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;

-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);

-ms-transform: rotate(7deg);-webkit-transform: rotate(7deg);transform: rotate(7deg);

-webkit-transition: all 500ms cubic-bezier(0.680, 0, 0.265, 1);-webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);-moz-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);-o-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
*/

/*********************** CLEAR ***********************/
.clear { clear: both; height: 0px; }
.clear10 { clear: both; height: 10px; }
.clear20 { clear: both; height: 20px; }

/*********************** TEXTOS ***********************/
.textCenter { text-align: center; }
.textRight { text-align: right; }
.textLeft { text-align: left; }

/*********************** FORMULARIOS ERROR ***********************/
label.error { display: none!important; }
input.error { border: 3px solid #f00!important; }
select.error { border: 3px solid #f00!important; }
textarea.error { border: 3px solid #f00!important; }

/*********************** H1 - H6 ***********************/
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; font-family: 'Lato', sans-serif; }
h1 { font-size: 64px; line-height: 64px; color: #fff; font-weight: 900; text-transform: uppercase; }
h1 span { color: #00a1b3; }
h2 { font-size: 40px; line-height: 40px; color: #3f4953; font-weight: 900; text-transform: uppercase; }
h2 span { display: block; font-size: 30px; font-weight: 400; }
h3 { font-size: 36px; line-height: 36px; color: #fff; font-weight: 900; text-transform: uppercase; }
h3 span { font-weight: 400; letter-spacing: 2px; }
h4 { font-size: 28px; line-height: 28px; color: #fff; font-weight: 400; text-transform: uppercase; }
h4 span { margin-top: 30px; display: block; font-weight: 900; }
h5 { font-size: 24px; line-height: 28px; color: #fff; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; }

/*********************** COLUMNAS ***********************/
.col2 li { float: left; width: 50%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col3 li { float: left; width: 33.33%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col4 li { float: left; width: 25%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }

/*********************** HOME ***********************/
.home .seccion1 { width: 100%; height: 820px; display: table; background-image: url('https://tya.com.mx/garantias/img/banner-principal.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; }
.home .seccion1::before { content: ''; width: 400px; height: 70px; background: #37383a; position: absolute; top: 0; left: 0; z-index: 1; }
.home .seccion1::after { content: ''; width: 200px; height: 210px; background: #00a1b3; position: absolute; bottom: -105px; right: 0; z-index: 1; }
.home .seccion1 .contenedor { display: table-cell; vertical-align: middle; }
.home .seccion1 h1 { margin: 40px 0px; }
.home .seccion1 .linea { margin: 40px auto; width: 80px; height: 8px; background: #00a1b3; display: block; }
.home .seccion1 h5 { margin: 0px auto; width: 900px; }
.home .seccion2 { padding: 70px 0px 40px; background: #eceff4; }
.home .seccion2 .conteVideo { margin: 100px auto 50px; width: 680px; height: 460px; background-image: url(../img/img-video-play.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.3); -moz-box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.3); box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.3); display: block; position: relative; }
.home .seccion2 .conteVideo iframe, .home .seccion2 .conteVideo video { width: 100%; height: 100%; }
.home .seccion2 .btnVideo { width: 100%; padding: 10px 0px; font-size: 14px; line-height: 20px; color: #fff; font-weight: 900; text-transform: uppercase; font-family: 'Lato', sans-serif; text-align: center; position: absolute; bottom: 10px; left: 0; z-index: 2; }
.home .seccion2 .btnVideo i { margin-left: 5px; font-size: 20px; }
.home .seccion2 .btnVideo:hover, .telFooter:hover { opacity: 0.6; }
.home .seccion3 { padding: 180px 0px; background-image: url(../img/bg-descarga.jpg); background-attachment: fixed; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; }
.btnDescarga { margin: 0px auto; display: table; width: 330px; height: 105px; background: #00a1b3; font-size: 20px; line-height: 24px; color: #fff; font-weight: 900; text-transform: uppercase; font-family: 'Lato', sans-serif; text-align: center; position: relative; -webkit-box-shadow: 6px 6px 8px 2px rgba(0,0,0,0.3); -moz-box-shadow: 6px 6px 8px 2px rgba(0,0,0,0.3); box-shadow: 6px 6px 8px 2px rgba(0,0,0,0.3); }
.btnDescarga::before { content: ''; width: 4px; height: 80px; background: #fff; position: absolute; top: 50%; right: 100px; margin-top: -40px; -webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; }
.btnDescarga div { padding: 0px 25px; display: table-cell; vertical-align: middle; }
.btnDescarga div i { font-size: 50px; line-height: 50px; }
.contePlanos { margin-top: 50px; padding: 20px; font-family: 'Lato', sans-serif; background: rgb(0 0 0 / 40%); box-shadow: -3px 3px 10px 1px #fff;
border-radius: 10px; }
.contePlanos .titulo { color: #fff; font-size: 34px; border-bottom: 1px solid #fff; border-width: 5px; display: inline-block; margin-bottom: 30px; }
.contePlanos ul li a { display: flex; align-items: center; color: #fff; font-size: 18px; margin-bottom: 20px; }
.contePlanos ul li a:hover { color: #00a1b3; }
.contePlanos ul li a i { font-size: 35px; padding-right: 15px; }

/********************** FOOTER **********************/
footer .seccion1 { padding: 100px 0px; background: #192d39; }
footer .seccion1::before { content: ''; width: 70px; height: 70px; background: #fff; position: absolute; top: -35px; left: 0; }
footer .seccion1::after { content: ''; width: 590px; height: 30px; background: #00a1b3; position: absolute; bottom: 0; left: 50%; margin-left: -295px; }
.telFooter { margin-top: 30px; font-size: 55px; line-height: 55px; color: #fff; font-weight: 900; font-family: 'Lato', sans-serif; text-align: center; }

/*********************** MEDIAS QUERIES ***********************/
@media screen and (min-width: 320px) and (max-width: 1023px) {
	/*********************** GENERAL ***********************/
	.contenedor { width: 90%; }
	.btn { width: 220px; padding: 6px 0px 8px; font-size: 22px; line-height: 22px; }
	.flotanteWhats { width: 50px; height: 50px; line-height: 52px; font-size: 30px; bottom: 100px; right: 10px; }
	/*********************** H1 - H6 ***********************/
	h1 { font-size: 40px; line-height: 40px; }
	h2 { font-size: 32px; line-height: 32px; }
	h2 span { font-size: 24px; }
	h3 { font-size: 28px; line-height: 28px; }
	h3 span { letter-spacing: 1px; }
	h4 { font-size: 22px; line-height: 22px; }
	h4 span { margin-top: 15px; }
	h5 { font-size: 18px; line-height: 22px; letter-spacing: 1px; }
	/*********************** HOME ***********************/
	.home .seccion1 { height: 320px; }
	.home .seccion1::before { width: 120px; height: 30px; }
	.home .seccion1::after { width: 70px; height: 80px; bottom: -40px; }
	.home .seccion1 h1 { margin: 15px 0px; }
	.home .seccion1 .linea { margin: 15px auto; width: 50px; height: 4px; }
	.home .seccion1 h5 { width: 90%; }
	.home .seccion2 { padding: 30px 0px 30px; }
	.home .seccion2 .conteVideo { margin: 40px auto 20px; width: 320px; height: 200px; }
	.home .seccion3 { padding: 40px 0px 60px; }
	.home .seccion3 li { width: 100%; }
	.btnDescarga { margin-top: 20px; width: 240px; height: 65px; font-size: 15px; line-height: 18px; }
	.btnDescarga::before { width: 2px; height: 50px; right: 70px; margin-top: -25px; }
	.btnDescarga div { padding: 0px 15px; }
	.btnDescarga div i { font-size: 30px; line-height: 30px; }
	.contePlanos {  }
	.contePlanos .titulo { font-size: 29px; display: block; }
	.contePlanos ul {  }
	.contePlanos ul li { padding: 10px; }
	.contePlanos ul li a {  }
	.contePlanos ul li a i {  }
	/********************** FOOTER **********************/
	footer .seccion1 { padding: 40px 0px; }
	footer .seccion1::before { width: 40px; height: 40px; top: -20px; }
	footer .seccion1::after { width: 260px; height: 10px; margin-left: -130px; }
	.telFooter { margin-top: 15px; font-size: 32px; line-height: 32px; }
}

@media screen and (min-width: 480px) and (max-width: 599px) {
    /*********************** GENERAL ***********************/
    .home .seccion1 { height: 380px; }
}

@media screen and (min-width: 600px) and (max-width: 1023px) { 
    /*********************** GENERAL ***********************/
    .home .seccion1 { height: 450px; }
    .home .seccion2 .conteVideo { width: 400px; height: 230px; }
    .home .seccion3 li:nth-child(1), .home .seccion3 li:nth-child(2) { width: 50%; }
}
 
@media screen and (min-width: 1024px) and (max-width: 1439px) {
	/*********************** GENERAL ***********************/
	.contenedor { width: 960px; }
	.btn { display: block; width: 280px; padding: 8px 0px 10px; font-size: 26px; line-height: 26px; }
	.flotanteWhats { width: 60px; height: 60px; line-height: 62px; font-size: 35px; }
	/*********************** H1 - H6 ***********************/
	h1 { font-size: 60px; line-height: 60px; }
	h2 { font-size: 38px; line-height: 38px; }
	h2 span { font-size: 28px; }
	h3 { font-size: 34px; line-height: 34px; }
	h4 { font-size: 26px; line-height: 26px; }
	h4 span { margin-top: 20px; }
	h5 { font-size: 22px; line-height: 26px; }	
	/*********************** HOME ***********************/
	.home .seccion1 { height: 720px; }
	.home .seccion1::before { width: 300px; height: 50px; }
	.home .seccion1::after { width: 120px; height: 130px; bottom: -65px; }
	.home .seccion1 h1 { margin: 30px 0px; }
	.home .seccion1 .linea { margin: 30px auto; width: 70px; height: 6px; }
	.home .seccion1 h5 { width: 750px; }
	.home .seccion2 { padding: 50px 0px 30px; }
	.home .seccion2 .conteVideo { margin: 80px auto 40px; width: 500px; height: 350px; }
	.home .seccion3 { padding: 120px 0px; }
	.btnDescarga { width: 280px; height: 90px; font-size: 18px; line-height: 22px; }
	.btnDescarga::before { width: 3px; height: 70px; right: 73px; margin-top: -35px; }
	.btnDescarga div { padding: 0px 15px; }
	.btnDescarga div i { font-size: 45px; line-height: 45px; }
	/********************** FOOTER **********************/
	footer .seccion1 { padding: 80px 0px; }
	footer .seccion1::before { width: 50px; height: 50px; top: -25px; }
	footer .seccion1::after { width: 450px; height: 20px; margin-left: -225px; }
	.telFooter { margin-top: 20px; font-size: 50px; line-height: 50px; }
}

@media (min-width: 1440px) {}