html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
margin:0;padding:0;border:0;font-size:100%;font-family: "Poppins", sans-serif;
color:rgba(69, 77, 85, 1);
font-weight: 400;
font-style: normal;vertical-align:baseline}
html{scroll-behavior:smooth}
body{line-height:1}a{text-decoration-skip-ink:auto;font-family: "Poppins", sans-serif;
font-weight: 100;
font-style: normal;  color:rgba(69, 77, 85, 1);}
a[href^="tel"]{color:inherit;text-decoration:none}
button{outline:0;font-family: "Poppins", sans-serif;}
ol,ul{list-style:none;font-family: "Poppins", sans-serif;}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
q{display:inline;font-style:italic}
q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}
textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0;font-family: "Poppins", sans-serif;}
input[type="search"]{-webkit-appearance:textfield;font-family: "Poppins", sans-serif;}
table{border-collapse:collapse;border-spacing:0;font-family: "Poppins", sans-serif;}
th,td{padding:2px}big{font-size:120%}
small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}
select option{font-family: "Poppins", sans-serif!important}
body {
background-color: #F5F6F1;
color:rgba(69, 77, 85, 1)!important;
background-position: center bottom;
background-size: 100% auto;
background-repeat: no-repeat;
}
form input {
color:rgba(69, 77, 85, 1)!important;
}
.color-naranja {
color:#FF6B00;
}
.fondo-naranja {
background-color:#FF6B00!important;
}
.bannersuperior {
margin: 30px auto 60px auto;
height:644px;
width:1300px;
max-width: 1400px;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
}
.bannersuperior, .bannersuperior img {
border-radius: 15px 15px 15px 15px;
}
.bannersuperior img {
border-radius: 15px 15px 15px 15px;
width: 100%;
}
#boton-enviar {
width: 100%;
color:#fff!important;
text-transform:uppercase;
margin-top:15px!important;
}
#politica-privacidad:hover {
cursor: pointer;
}
#contenedor-form {
width:80%;
margin: 10% auto 0% auto;
text-align: center;
background: #fff;
border-radius:15px;
padding:5% 0%;
}
#contenedor-form  h1 {
font-size: 1.7em;
width: 80%;
margin: 0px auto 20px auto;
}
#contenedor-form  p{
font-size: 0.8em;
width: 60%;
margin: 0px auto 20px auto;
}
#contenedor-form form {
width:90%;
margin:0px auto;
}
#contenedor-form form input {
appearance: none;
background: rgba(200,200,200,0.4);
border-radius: 20px;
outline: 0;
border:none;
width: 100%;
margin:7px auto;
padding:8px 14px;
}
#boton-enviar {
scale:1;
transition: all ease-in-out 200ms;
}
#boton-enviar:hover {
cursor: pointer;
scale:1.02;
transition: all ease-in-out 200ms;
}
#contenedor-checkbox {
display: flex;
align-items: center;
position: relative;
width: 100%;
}
#texto-div {
position: absolute;
left:7%;
width: 93%;
top:10px;
text-align: left;
}
#texto-div  p {
font-size: 1em;
width: 100%;
line-height:15px;
margin: 0px auto 0px auto;
}
#contenedor-checkbox div {
display: inline-grid;
font-size:0.7em;
width:auto;
min-width: 0px;
max-width: 100%;
}
#contenedor-form form select {
appearance:none!important;
font-family: inherit!important;
border:none;
width: 100%;
margin:7px auto;
padding:8px 14px;
border-radius:20px;
color:rgba(100,100,100,0.6);
cursor: pointer;
background: url(https://promociones3.grupotyc.com/wp-content/uploads/2025/06/flecha-1.svg) no-repeat right rgba(200,200,200,0.4);
-webkit-appearance: none;
background-position-x: 96%;
outline: 0;
}
#contenedor-form form div input[type='checkbox'] {
width:15px;
height: 15px;
padding:0px;
border-radius:3px;
appearance: auto;
border: 1px solid #FF6B00!important;
outline: 1 !important;
outline-color:  #FF6B00!important;
margin: 10px 5px 0px 0px;
accent-color:#FF6B00!important;
}
#contenedor-form form #contenedor-checkbox label{
margin:10px 0px!important;
font-size: 0.7em;
}
footer  a {
color:#fff;
text-decoration: none;
font-weight: inherit;
}
footer {
color:#fff;
width: 100%!important;
font-size: 85%;
min-width: 100% !important;
}
#franja-gris, #franja-naranja {
min-width:100%;
width:100%!important; }
#franja-gris {
padding:2.5em 0em;
background-color:#fff;
}
#franja-gris p {
color:rgba(69, 77, 85, 1);
}
#franja-gris a{
color:rgba(69, 77, 85, 1);
}
#franja-gris #redes-footer li a img{
scale: 1;
transition: all ease-in-out 100ms;
}
#redes-footer li a:hover img{
scale: 1.04!important;
transition: all ease-in-out 100ms;
}
#franja-gris ul li a img{
color:rgba(69, 77, 85, 1)!important;
}
#franja-gris h2 {
font-weight: 600;
font-size:2em;
}
#franja-naranja {
background-color:#FF6B00;
padding:2em 0em;
}
.logo-footer {
height: 80px;
}
#redes-footer {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
#redes-footer li {
margin:5px;
}
#redes-footer li img {
height: 26px;
}
footer h3 {
text-transform: uppercase;
font-size:1.3em;
margin-bottom:1em;
}
#logo-footer-container {
margin-right: 15px;
border-right:2px solid rgba(200,200,200,0.3);
padding-right:15px;
}
#texto-logo  h2 {
margin-bottom: 5px;
}
#texto-logo  p{
margin-bottom: 5px;
}
#franja-naranja div{
color:#fff;
}
#franja-naranja div a {
color:#fff;
text-decoration: none;
font-weight: 400;
}
#info-footer, #elementos-gris {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
#elementos-gris li p {
margin-bottom:10px;
}
#frmContacto label.error {
font-size:0.7em;
text-align: left!important;
margin:0px !important;
padding:0px!important;
color:#FF6B00;;
}
#info-footer li { color:#fff;
vertical-align: middle;
}
#info-footer li p{
color:#fff;
}
#info-footer li p span {
display: inline-grid;
vertical-align: middle;
}
#info-footer li {
display: table-cell;
vertical-align: middle;
}
#bloque-gracias {
background:#fff;
border-radius:15px;
margin:4em;
padding:3em;
text-align: center;
}
#bloque-gracias p {
font-size: 1.3em;
margin-bottom: 0.2em;
}
#bloque-gracias h1 {
font-weight: 600;
font-size: 2.4em;
margin-bottom: 0.6em;
}
#bloque-gracias button {
margin-top:2em;
border:none;
outline: 0;
color:#fff;
padding:1em 1.5em;
border-radius: 20px;
scale:1;
transition: all ease-in-out 200ms;
}
#bloque-gracias button:hover {
cursor:pointer;
scale:1.05;
transition: all ease-in-out 200ms;
}
.popup, .popup-estatico {
width: 100%;
height: 100%;
top: 0%;
left: 0%;
position: fixed;
background-color: rgba(255, 107, 0, 0.95);
display: none;
z-index:99999;
}
.popup .contenedor, .popup-estatico .contenedor {
position: absolute;
top: 30%;
left: 50%;
z-index:99999;
transform: translate(-50%, -50%);
padding: 20px;
background-color: #fff;
border: 0px solid #FF6B00;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(22, 89, 39, 0.1);
text-align: center;
}
.popup p, .popup-estatico p {
margin-bottom: 10px;
color:#FF6B00;
}
.redirect-counter {
color:rgb(22, 89, 39);
font-size: 20px;
font-weight: bold;
margin-top: 10px;
}
.redirect-counter {
font-size: 20px;
font-weight: bold;
margin-top: 10px;
}
#popup-close-button {position:absolute;top:-10px;right:-10px;border-radius:50%;outline:0;border:none;padding:0.3em 0.5em;height:32px;width:32px;color:#fff;background: rgb(255, 161, 100);cursor:pointer;font-weight: 600;}
#popup-message .svg-inline--fa, #popup-message-estatico .svg-inline--fa {color:#e72c78;font-size:1.7em;margin-bottom:0.8em;}
#popup-message, #popup-message-estatico {
padding:1em 2em;
}
#popup-message h2, #popup-message-estatico h2 {
font-size:2em;
margin-top: 10px;
font-weight: 600;
}
#popup-message p, #popup-message-estatico p {
margin-top:5px;
color:rgba(69, 77, 85, 1);
} @media (min-width: 1200px) and (max-width: 1440px) {
.bannersuperior {
margin: 20px auto 40px auto;
height: 570px;
width: 1150px;
min-width:1000px;
max-width:1300px;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
}
#contenedor-form {
width: 95%;
margin: 10% auto 0% auto;
}
#info-footer, #elementos-gris {
width: 100%;
flex-wrap: nowrap;
}
.container {
width: 90%!important;
}
#contenedor-form form input {
padding: 5px 14px;
font-size: 80%;
}
#contenedor-form form select {
padding: 5px 14px;
font-size: 80%;
}
}
@media (min-width: 1040px) and (max-width: 1200px) {
.bannersuperior {
margin: 20px auto 40px auto;
height: 495px;
width: 1000px;
min-width:1000px;
max-width:1100px;
}
#contenedor-form {
width: 100%;
margin: 10% auto 0% auto;
font-size:90%;
}
#contenedor-form form input {
padding: 5px 14px;
font-size: 80%;
}
#contenedor-form form select {
padding: 5px 14px;
font-size: 80%;
}
#info-footer, #elementos-gris {
width: 100%;
flex-wrap: nowrap;
}
.container {
width: 85%!important;
}
footer {
font-size:70%;
}
}
@media (min-width: 992px) and (max-width: 1040px) {
.bannersuperior {
margin: 20px auto 40px auto;
height: 461px;
width: 930px;
min-width:900px;
max-width:950px;
}
#titulo-form {
font-size: 85%;
}
#titulo-form h1 {
margin-bottom: 10px;
}
#titulo-form  p{
margin-bottom: 5px;
}
#contenedor-form form input,  #contenedor-form select {
padding: 5px 14px!important;
font-size: 80%;
}
#contenedor-form {
width: 100%;
margin: 10% auto 0% auto;
font-size:90%;
}
#contenedor-form form input {
appearance: none;
background: rgba(200,200,200,0.4);
border-radius: 20px;
outline: 0;
border: none;
width: 100%;
margin: 7px auto;
padding: 5px 14px;
}
#info-footer, #elementos-gris {
width: 100%;
flex-wrap: nowrap;
}
.container {
width: 85%!important;
}
.bannersuperior .container {
width: 95%!important;
}
footer {
font-size:70%;
}
}
@media (min-width: 801px) and (max-width: 992px) {
.bannersuperior {
margin: 20px auto 40px auto;
height: 397px;
width: 800px;
min-width:800px;
max-width:800px;
}
#titulo-form {
font-size: 85%;
}
#titulo-form h1 {
margin-bottom: 10px;
}
#titulo-form  p{
margin-bottom: 5px;
}
#contenedor-form form input,  #contenedor-form select {
padding: 3px 14px!important;
font-size: 70%;
}
#contenedor-form {
width: 100%;
margin: 10% auto 0% auto;
font-size:90%;
}
#contenedor-form form input {
appearance: none;
background: rgba(200,200,200,0.4);
border-radius: 20px;
outline: 0;
border: none;
width: 100%;
margin: 7px auto;
padding: 5px 14px;
}
#contenedor-form form select {
background-size:10px;
}
#info-footer, #elementos-gris {
width: 100%;
flex-wrap: nowrap;
}
.container {
width: 85%!important;
}
.bannersuperior .container {
width: 95%!important;
}
footer {
font-size:56%;
}
.logo-footer {
height: 60px;
}
#redes-footer li img {
height: 20px;  }
}
@media (min-width: 768px) and (max-width: 800px) {
.bannersuperior {
margin: 20px auto 30px auto;
height: 356px;
width: 90%;
min-width:90%;
max-width:90%;
}
.logo-footer {
height: 60px;
}
#titulo-form {
font-size: 70%;
}
#titulo-form h1 {
margin-bottom: 10px;
}
#titulo-form  p{
margin-bottom: 5px;
}
#contenedor-form form input,  #contenedor-form select {
padding: 3px 14px!important;
font-size: 65%;
}
#contenedor-form form select {
background-size:10px;
}
#contenedor-form {
width: 100%;
margin: 4% auto 0% auto;
font-size:90%;
}
#info-footer, #elementos-gris {
width: 100%;
flex-wrap: nowrap;
}
.container {
width: 85%!important;
}
.bannersuperior .container {
width: 95%!important;
}
footer {
font-size:56%;
}
}
@media (min-width: 621px) and (max-width: 767px) {
.bannersuperior {
padding: 0px 30px;
}
}
@media (min-width: 481px) and (max-width: 620px) {
.bannersuperior {
padding: 0px 20px;
}
}
@media (max-width: 768px) {
body {
font-size:90%;
}
#branding-footer {
justify-content:center;
margin-bottom: 13px;
}
#franja-gris, #franja-naranja {
text-align: center;
}
#franja-naranja div.container div.row div {
margin:10px auto;
}
#franja-gris h3 {
margin-top: 1.3em!important;
margin-bottom: 0.4em!important;
}
#redes-footer {
margin-top:10px;
justify-content: center;
}
.bannersuperior { margin: 0.5em auto 0em auto;
height: auto;
width: 84%;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
max-width:85%;
overflow: unset!important;
}
#espacio-imagen-no-mobile {
height:500px;
}
#contenedor-form {
width: 100%;
margin: 3% auto 5% auto;
text-align: center;
background: #fff;
border-radius: 15px;
padding: 5% 0% 5% 0%;
}
#barra-selecionador p {
font-size: 1.2em !important;
}
#elementos-gris, #info-footer {
display: flex!important;
flex-wrap: wrap!important;
flex-direction: column!important;
}
#elementos-gris li, #info-footer li{
min-width: 0;
margin:5px auto;
}
.row {
margin-right:0px;
margin-left: 0px;
}
#redes-footer li{
margin:0px 6px!important;
}
#info-footer li p span img {
height:20px;
}
}
@media (max-width: 768px){
#espacio-imagen-no-mobile {
height: 836px;
width:100%!important;
min-width:100%;
}
#contenedor-checkbox {
display: flex;
align-items: center;
position: relative;
width: 100%;
}
#texto-div {
position: absolute;
left:10%;
width: 93%;
top:15px;
text-align: left;
}
#texto-div  p {
font-size: 1em;
width: 100%;
line-height:15px;
margin: 0px auto 0px auto;
}
#contenedor-checkbox div {
display: inline-grid;
font-size:0.65em;
width:auto;
min-width: 0px;
max-width: 100%;
}
#contenedor-form form div input[type="checkbox"] {
width: 20px;
height: 20px;
padding: 0px;
border-radius: 3px;
appearance: auto;
border: 1px solid #FF6B00 !important;
outline: 1 !important;
outline-color: #FF6B00 !important;
margin: 10px 5px 0px 0px;
accent-color: #FF6B00 !important;
}
}
@media (max-width: 760px){
#espacio-imagen-no-mobile {
height: 813px;
width:100%!important;
min-width:100%;
}
}
@media (max-width: 740px){
#espacio-imagen-no-mobile {
height: 813px;
width:100%!important;
min-width:100%;
}
}
@media (max-width: 720px){
#espacio-imagen-no-mobile {
height: 801px;
width:100%!important;
min-width:100%;
}
}
@media (max-width: 700px){
#espacio-imagen-no-mobile {
height: 761px;
width:100%!important;
min-width:100%;
}
}
@media (max-width: 680px){
#espacio-imagen-no-mobile {
height: 735px;
width:100%!important;
min-width:100%;
}
}
@media (max-width: 640px){
#espacio-imagen-no-mobile {
height: 689px;
width:100%!important;
min-width:100%;
}
}
@media (max-width: 620px){
#espacio-imagen-no-mobile {
height: 689px;
width:100%!important;
min-width:100%;
}
}
@media (max-width: 600px){
#espacio-imagen-no-mobile {
height: 653px;
width:100%!important;
min-width:100%;
}
}
@media (max-width: 580px){
#espacio-imagen-no-mobile {
height: 647px;
width:100%!important;
min-width:100%;
}
}
@media (max-width: 560px){
#espacio-imagen-no-mobile {
height: 606px;
width:100%!important;
min-width:100%;
}
}
@media (max-width: 540px){
#espacio-imagen-no-mobile {
height: 594px;
width:100%!important;
min-width:100%;
}
}
@media (max-width: 520px){
#espacio-imagen-no-mobile {
height: 567px;
width:100%!important;
min-width:100%;
}
}
@media (max-width: 500px){
#espacio-imagen-no-mobile {
height: 547px;
width:100%!important;
min-width:100%;
}
}
@media (max-width: 480px) {
#bloque-gracias {
background:#fff;
border-radius:15px;
margin:4em 1em;
padding:3em;
text-align: center;
}
#bloque-gracias p {
font-size: 1.15em;
margin-bottom: 0.5em;
}
#bloque-gracias h1 {
font-weight: 600;
font-size: 2.4em;
margin-bottom: 0.6em;
}
#espacio-imagen-no-mobile {
height: 518px;  width:100%!important;
min-width:100%;
}
.bannersuperior {
padding: 0px 0px;
margin: 0.5em auto 0em auto;
height: auto;
}
#contenedor-form  h1 {
font-size: 1.5em;
width: 90%;
margin: 10px auto 10px auto;
}
}
@media (max-width: 460px){
#espacio-imagen-no-mobile {
height: 500px;
width:100%!important;
min-width:100%;
}
}
@media (max-width: 440px){
#espacio-imagen-no-mobile {
height: 480px;
width:100%!important;
min-width:100%;
}
}
@media (max-width: 420px){
#espacio-imagen-no-mobile {
height: 460px;
width:100%!important;
min-width:100%;
}
}
@media (max-width: 400px){
#espacio-imagen-no-mobile {
height: 420px;
width:100%!important;
min-width:100%;
}
}
@media (max-width: 390px){
#espacio-imagen-no-mobile {
height: 420px;
width:100%!important;
min-width:100%;
}
}
@media (max-width: 370px){
#espacio-imagen-no-mobile {
height: 399px;
width:100%!important;
min-width:100%;
}
}