@font-face {
font-family: 'Satoshi-Light';
src: url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-Light.woff2) format('woff2'),
url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-Light.woff) format('woff'),
url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-Light.ttf) format('truetype');
font-weight: 300;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Satoshi-LightItalic';
src: url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-LightItalic.woff2) format('woff2'),
url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-LightItalic.woff) format('woff'),
url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-LightItalic.ttf) format('truetype');
font-weight: 300;
font-display: swap;
font-style: italic;
}
@font-face {
font-family: 'Satoshi-Regular';
src: url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-Regular.woff2) format('woff2'),
url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-Regular.woff) format('woff'),
url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-Regular.ttf) format('truetype');
font-weight: 400;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Satoshi-Italic';
src: url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-Italic.woff2) format('woff2'),
url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-Italic.woff) format('woff'),
url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-Italic.ttf) format('truetype');
font-weight: 400;
font-display: swap;
font-style: italic;
}
@font-face {
font-family: 'Satoshi-Medium';
src: url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-Medium.woff2) format('woff2'),
url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-Medium.woff) format('woff'),
url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-Medium.ttf) format('truetype');
font-weight: 500;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Satoshi-MediumItalic';
src: url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-MediumItalic.woff2) format('woff2'),
url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-MediumItalic.woff) format('woff'),
url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-MediumItalic.ttf) format('truetype');
font-weight: 500;
font-display: swap;
font-style: italic;
}
@font-face {
font-family: 'Satoshi-Bold';
src: url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-Bold.woff2) format('woff2'),
url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-Bold.woff) format('woff'),
url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-Bold.ttf) format('truetype');
font-weight: 700;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Satoshi-BoldItalic';
src: url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-BoldItalic.woff2) format('woff2'),
url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-BoldItalic.woff) format('woff'),
url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-BoldItalic.ttf) format('truetype');
font-weight: 700;
font-display: swap;
font-style: italic;
}
@font-face {
font-family: 'Satoshi-Black';
src: url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-Black.woff2) format('woff2'),
url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-Black.woff) format('woff'),
url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-Black.ttf) format('truetype');
font-weight: 900;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Satoshi-BlackItalic';
src: url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-BlackItalic.woff2) format('woff2'),
url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-BlackItalic.woff) format('woff'),
url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-BlackItalic.ttf) format('truetype');
font-weight: 900;
font-display: swap;
font-style: italic;
} @font-face {
font-family: 'Satoshi-Variable';
src: url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-Variable.woff2) format('woff2'),
url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-Variable.woff) format('woff'),
url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-Variable.ttf) format('truetype');
font-weight: 300 900;
font-display: swap;
font-style: normal;
} @font-face {
font-family: 'Satoshi-VariableItalic';
src: url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-VariableItalic.woff2) format('woff2'),
url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-VariableItalic.woff) format('woff'),
url(//lanzamiento.grupotyc.com/wp-content/themes/lanzamiento/fonts/Satoshi-VariableItalic.ttf) format('truetype');
font-weight: 300 900;
font-display: swap;
font-style: italic;
}
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: 'Satoshi-Regular', 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: 'Satoshi-Regular', 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: 'Satoshi-Regular', sans-serif;}
ol,ul{list-style:none;font-family: 'Satoshi-Regular', 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: 'Satoshi-Regular', 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;
background-position: 0px 0px;
background-size: 100% 100%;
background-repeat: no-repeat;
height: 100vh;
margin: 0px;
padding: 0px;
}
h1,h2,h3,h4,h5,h6 {
font-family: 'Satoshi-Bold', sans-serif!important;
}
form input {
color:rgba(69, 77, 85, 1)!important;
}
strong {
font-family: 'Satoshi-Bold', sans-serif!important;
color:#F2E2D1!important;
}
.fondo-naranja {
background-color:#FF6B00!important;
}
footer .color-naranja {
color:#fff
}
#contenedor-principal-max {
width: 100%;
min-width:100%;
max-width:100%;
height: 100%; }
.bannersuperior {
padding: 10% 10% 10% 10%;
margin: 0px auto 0px auto;
height:auto;
width:100%;
max-width: 100%;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
color:#F2E2D1!important;
}
.bannersuperior p, .bannersuperior h1, .bannersuperior a {
color:#F2E2D1!important;
}
.bannersuperior, .bannersuperior img {
border-radius: 15px 15px 15px 15px;
}
.bannersuperior img {
border-radius: 15px 15px 15px 15px;
width: 100%;
}
.bannersuperior-videofondo {
padding: 10% 10% 5% 10%;
margin: 0px auto 0px auto;
height:fit-content;
width:100%;
max-width: 100%;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
color:#F2E2D1!important;
position:absolute;
top:0px;
left:0px;
}
.bannersuperior-videofondo p, .bannersuperior-videofondo h1, .bannersuperior-videofondo a {
color:#F2E2D1!important;
}
.bannersuperior-videofondo, .bannersuperior-videofondo img {
border-radius: 15px 15px 15px 15px;
text-align: center;
}
.bannersuperior-videofondo img {
border-radius: 15px 15px 15px 15px;
width: auto;
}
#boton-enviar {
width: 100%;
color:#fff!important;
text-transform:uppercase;
margin-top:15px!important;
}
#politica-privacidad:hover {
cursor: pointer;
}
footer  a {
color:#fff;
text-decoration: none;
font-weight: inherit;
}
footer {
color:#fff;
width: 100%!important;
font-size: 85%;
min-width: 100% !important;
position: fixed;
bottom:0px;
left:0px;
}
#texto-logo h2, #texto-logo p {
color: #fff!important;
}
#franja-gris, #franja-naranja {
min-width:100%;
width:100%!important; }
#franja-gris {
padding:2.5em 0em;
background-color:transparent;
}
#franja-gris p {
color:#ffff;
}
#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);
}
.youtube {
position: relative;
display: flex;
height: 100vh;
max-height: 100vh;
background: #000;
overflow: hidden;
&__background {
position: absolute;
top: 50%;
left: 50%;
width: 120%;
height: 0;
padding-bottom: 66.25%;
transform: translate(-50%, -50%);
pointer-events: none;
}
&__video-overlay {
position: absolute;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),
visibility 0.5s linear;
&--fadeOut {
opacity: 0;
visibility: hidden;
}
}
iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
&__title {
position: relative;
flex: 0 0 auto;
align-self: center;
width: 100%;
font-family: "Permanent Marker", cursive;
font-size: 50px;
font-weight: normal;
text-align: center;
color: white;
line-height: 1;
}
}
#contenedor-form form select {
appearance:none!important;
font-family: inherit!important;
border:none;
width: 100%;
margin:7px auto;
padding:8px 14px;
border-radius:8px;
color:#F2E2D1!important;
cursor: pointer;
background: url(https://lanzamiento.grupotyc.com/wp-content/uploads/2025/06/flecha-1.svg) no-repeat right rgba(10,10,10,0.65);
-webkit-appearance: none;
background-position-x: 96%;
outline: 0;
border:2px solid #F2E2D1!important;
background-size: 14px 28px;
width: 100%;
cursor: pointer;
}
#contenedor-form form select option {
background-color: rgba(10,10,10,0.75);
}
#contenedor-form form select option:checked  {
background-color:  #FF6B00 !important;
}
#contenedor-form form select option:hover  {
background-color:  rgba(255, 107, 0, 0.6) !important;
} @media (min-width: 1200px) and (max-width: 1440px) {
.bannersuperior {
margin: 20px auto 40px auto;
height: auto;
width: 90%;
min-width:90%;
max-width:90%;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
padding: 5% 0%;
}
#contenedor-form {
width: 95%;
margin: 10% auto 0% auto;
}
#info-footer, #elementos-gris {
width: 100%;
flex-wrap: nowrap;
}
.container {
width: 95% !important;
}
#contenedor-form form input {
padding: 5px 14px;
font-size: 80%;
}
#contenedor-form form select {
padding: 5px 14px;
font-size: 80%;
}
#columna-izquierda-html #texto-banner h1 {
font-size:2em;
font-size-adjust: 0.6em;
}
#columna-izquierda-html #texto-banner p {
font-size:1.1em;
}
}
@media (min-width: 1040px) and (max-width: 1200px) {
.bannersuperior {
margin: 20px auto 40px auto;
height: auto;
width: 90%;
min-width:90%;
max-width:90%;
padding: 5% 0%;
}
#contenedor-principal-max {
padding-top: 5% ;
}
#columna-izquierda-html #texto-banner h1 {
font-size: 2em;
font-size-adjust: 0.5;
}
#columna-izquierda-html #texto-banner p {
font-size:1.1em;
}
#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: auto;
width: 90%;
min-width:90%;
max-width:90%;
padding: 5% 0%;
}
#columna-izquierda-html #texto-banner h1 {
font-size: 2em!important;
font-size-adjust: 0.4!important;
}
#contenedor-principal-max {
padding-top: 10% ;
}
#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) {
#columna-izquierda-html #texto-banner h1 {
font-size: 2em;
font-size-adjust: 0.4;
}
#columna-izquierda-html #texto-banner p {
font-size:1.1em;
font-size-adjust: 0.4;
}
.bannersuperior {
margin: 20px auto 40px auto;
height: auto;
width:90%;
min-width:90%;
max-width:90%;
padding:5% 0%;
}
#contenedor-principal-max {
padding-top: 10% ;
}
#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: auto;
width: 100%;
min-width:100%;
max-width:100%;
padding: 0em;
}
.logo-footer {
height: 60px;
}
#texto-banner {
width: 100%;
max-width: 100%;
min-width: 100%;
margin: 0px auto;
}
#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;
}
.youtubevideo {
margin-bottom:30px;
}
#contenedor-form {
width: 100%!important;
margin: 0% auto 0% auto;
text-align: center;
background: transparent;
border: 2px solid #F2E2D1;
border-radius: 15px;
padding: 5% 0%;
}
}
@media (min-width: 481px) and (max-width: 620px) {
.bannersuperior {
padding: 0px 20px;
}
.youtubevideo {
margin-bottom:30px;
}
#contenedor-form {
width: 100%!important;
margin: 4% auto 0% auto !important;
text-align: center;
background: transparent;
border: 2px solid #F2E2D1;
border-radius: 15px;
padding: 5% 0%;
}
.youtubevideo iframe, .youtubevideo object, .youtubevideo embed {
height: 400px!important;
left: 0;
position: relative!important;
top: 0;
width: 100%;
}
#columna-izquierda-html #texto-banner h1 {
font-size-adjust:0.4 ;
margin:0px;
}
}
@media (min-width: 768px) {
body {
height: 100vh!important;
}
}
@media (max-width:1200px) {
#texto-div p {
font-size: 0.8em!important;
width: 100%;
line-height: 15px;
margin: 0px auto 0px auto;
}
}
@media (max-width: 768px) {
body {
font-size:90%;
height: 100hv;
padding-bottom: 20%;
}
#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; 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.75em;
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%;
}
#columna-izquierda-html #texto-banner h1 { font-size: 2.3em!important;
line-height: 1em!important;
text-transform: uppercase;
font-weight: bold;
color: #fff; }
#columna-izquierda-html #texto-banner p{
font-size:1.15em;
font-size-adjust: 0.4;
}
#texto-banner {
margin-top:3em!important;
}
#texto-banner img {
width:50px!important;
max-width:60px;
}
}
@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%;
}
.bannersuperior {
padding: 0px 5px;
margin: 0.5em auto 0em auto;
height: auto;
width: 100%;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
max-width: 100%;
overflow: unset !important;
}
}
@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) {
footer {
color:#fff;
width: 100%!important;
font-size: 85%;
min-width: 100% !important;
position: relative;
bottom:0px;
left:0px;
}
.lado-izquierdo {
margin-top: 0px;
}
.youtubevideo {
margin-top: 00px;
overflow: hidden;
padding-bottom: 56.25%;
padding-top: 20px;
position: relative;
height: 200px!important;
min-height: 200px!important;
}
#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;
width: 98%;
max-width: 98%;
}
#contenedor-form  h1 {
font-size: 1.5em;
width: 90%;
margin: 10px auto 10px auto;
}
form .col-xs-12 {
padding-right: 0rem;
padding-left: 0rem;
}
#texto-banner {
width: 98%;
max-width: 85%;
min-width: 75%;
margin: 0px auto 50px auto;
}
#texto-banner p {
font-size: 1em;
}
#texto-banner  img {
margin:30px 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%;
}
#columna-izquierda-html #texto-banner h1 {
font-size-adjust: 0.35;
line-height:1em;
margin:0px;
padding:0px
}
#columna-izquierda-html #texto-banner p {
font-size-adjust: 0.5;
font-size: 1em;
}
}
@media (max-width: 370px){
#espacio-imagen-no-mobile {
height: 399px;
width:100%!important;
min-width:100%;
}
#columna-izquierda-html #texto-banner h1 {
font-size-adjust: 0.32;
line-height:1em;
margin:0px;
padding:0px
}
#columna-izquierda-html #texto-banner p {
font-size-adjust: 0.4;
font-size: 1em;
}
} .youtubevideo { overflow: hidden;
padding-bottom: 56.25%; position: relative;
height:300px;
min-height: 300px;
}
.youtubevideo iframe, .youtubevideo object, .youtubevideo embed {
height: 100% !important;
left: 0;
position: absolute;
top: 0;
width: 100%;
} #contenedor-form {
width:80%;
margin: 0% auto 0% auto;
text-align: center;
background: transparent;
border: 2px solid #F2E2D1;
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: 1.1em;
width: 85%;
margin: 0px auto 20px auto;
color: #F2E2D1 !important;
}
#contenedor-form strong {
color: #F2E2D1!important;
font-weight: 700;
}
#contenedor-form form {
width:90%;
margin:0px auto;
}
#contenedor-form form input {
appearance: none;
background: transparent;
border: 2px solid #F2E2D1!important;
color:#F2E2D1!important;
border-radius: 8px;
outline: 0;
border:none;
width: 100%;
margin:7px auto;
padding:8px 14px;
} #contenedor-form form input::placeholder {
color:#F2E2D1!important;
} #contenedor-form form input:-ms-input-placeholder {
color:#F2E2D1!important;
} #contenedor-form form input::-ms-input-placeholder {
color:#F2E2D1!important;
}
#contenedor-form form input[type="submit"] {
border: 0px solid #F2E2D1!important;
border-radius: 10px;
}
#boton-enviar {
scale:1;
transition: all ease-in-out 200ms;
border:none!important;
}
#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 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;
background: #215E8B!important;
color: #215E8B !important;
}
#contenedor-form form div input[type=checkbox]:enabled {
background-color: transparent!important;
background: #215E8B!important;
}
#contenedor-form form #contenedor-checkbox label{
margin:10px 0px!important;
font-size: 0.7em;
}
@media (max-width: 768px){
#contenedor-checkbox {
display: flex;
align-items: center;
position: relative;
width: 100%;
}
form .col-xs-12 {
padding-right: 0rem;
padding-left: 0rem;
}
#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.75em;
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;
}
#columna-izquierda-html #texto-banner h1 {
font-size: 2.4em;
}
}  .bannersuperior-videofondo #columna-izquierda-html img {
width:unset!important;
}
#columna-izquierda-html  {
text-align: center;
}
#columna-izquierda-html h1 {
margin-top:50px;
font-size:2.9em;
text-transform:uppercase;
font-weight: bold;
color:#fff;
margin-bottom:40px;
}
#columna-izquierda-html p {
font-size:1em;
color:#F2E2D1 !important;
}
#columna-izquierda-html img{
width: auto!important;
height: auto!important;
}
#bannersuperior #columna-izquierda-html img {
width:auto !important;
min-width: auto;
max-width: 100%;
}
#texto-banner {
width: 75%;
max-width: 85%;
min-width: 75%;
margin: 0px auto;
}
#texto-banner div {
width: 100%;
}
#texto-banner h1 {
width: 100%;
letter-spacing: 0.27em;
text-align: match-parent;
margin:10px auto;
color:#F2E2D1 !important;
}
#texto-banner p {
margin-top:2.5em;
margin-bottom: 1.8em;
font-size:1.56em;
}
@media (min-width: 768px) and (max-width: 800px) {
#texto-banner {
width: 100%;
max-width: 100%;
min-width: 100%;
margin: 0px auto;
}
#columna-izquierda-html #texto-banner h1 {
font-size: 2em;
margin:0px;
font-size-adjust: 0.5;
}
#columna-izquierda-html #texto-banner p {
font-size: 1em;
font-size-adjust: 0.5;
}
}
@media (min-width: 481px) and (max-width: 620px) {
.bannersuperior {
padding: 0px 20px;
}
#espacio-video-youtube {
height: 300px;
}
.youtubevideo iframe, .youtubevideo object, .youtubevideo embed {
height: 300px!important;
left: 0;
position: relative!important;
top: 0;
width: 100%;
}
#columna-izquierda-html #texto-banner h1 {
font-size-adjust:0.4 ;
margin:0px;
}
}
@media (max-width: 480px) {
#texto-banner {
width: 98%;
max-width: 85%;
min-width: 75%;
margin: 0px auto 50px auto;
}
#contenedor-form {
width: 100%;
margin-top: 20px;
}
#columna-izquierda-html h1 {
font-size: 2em;
font-size-adjust: 0.4;
text-transform: uppercase;
font-weight: bold;
color: #fff;
width: 100%;
margin:5px auto 5px auto;
}
#columna-izquierda-html p {
width: 95%;
margin: 0px auto 20px auto;
}
.bannersuperior #columna-izquierda-html #texto-banner  img {
width: 60px !important;
}
.bannersuperior-videofondo #columna-izquierda-html #texto-banner  img {
width: 60px !important;
}
}