/*
Theme Name: Landing Remates Grupo TyC
Author: Jorge Bravo Carrizales
Description: Plantilla personalizada para el Grupo TyC basada en Blankslate
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2024.2
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: rematestyc
BlankSlate WordPress Theme 2011-2024
BlankSlate is distributed under the terms of the GNU GPL
*/

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;
  /*! padding: 0px; */
}


#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 {
  /*! min-height: 40px; */
  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);
}


/* -----------------------   Aqui empieza el responsive ------------------------- */


@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 {
    /*! padding:0px 5px; */
  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;
   /*! max-height: 399px; */
     /*! min-height: 399px; */

      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%;
  }
}

/* --------------------------------- Gracias ------------------------------------- */