/* ==============================================================================
							R	E	S	E	T
============================================================================== */
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:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
html, body{
  width: 100%;
  height: 100%;
}
body{
  position: relative;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  letter-spacing: 1px;
  line-height: 1.2em;
  overflow-x: hidden;
  color: #202020;
  background: url(../img/trama.webp);
}
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../img/loader.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}
a {
  text-decoration: none;
}

/* Menu */

.fijarArriba {
  position: fixed;
  top:0;
}
.contiene-boton-header {
  display: inline;
  margin-right: 40px;
  line-height: 1.5em;
}
.contiene-boton-header a {
  color: white;
  letter-spacing: 1px;
  text-decoration: none;
  background: #ffd726;
  padding: 4px 20px;
  -webkit-box-sizing: padding-box;
  -moz-box-sizing: padding-box;
  box-sizing: padding-box;
  margin: 0 auto;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -webkit-box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.39);
  -moz-box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.39);
  box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.39);
}
.contiene-boton-header a:hover {
  background: #b27100;
}

/* Menu */
header{
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1350px;
  z-index: 20;
  background: rgba(255,255,255,0.8);
}

#hamburger{
  width: 30px;
}
.menu{
  width: 95%;
  margin: auto;
  padding: 0.5em 0;
  /* Acomoda proporcionalemnte los elementos*/
  display: flex;
  justify-content: space-between;
  /* centrar verticalmente */
  align-items: center;
}
#logo_menu{
  width: 150px;
}
.menu .container-menu .logo .btn-menu{
  color: #282828;
  font-size: 30px;
  display: none;
}
.menu .container-menu .logo .btn-menu img {
  max-width: 30px;
}
.menu .menu-link ul li{
  display: inline-block;
}
.menu .menu-link ul li a{
  text-decoration: none;
  color: #282828;
  margin-left: 15px;
  font-size: 0.8em;
  font-weight: 400;
  letter-spacing: 4px;
  transition: 0.7s;
}
.menu .menu-link ul li a:hover{
  color: #2693FF;
  text-shadow: 2px 2px 2px rgba(1,0,0,0);
}
.imagen_escalable{
  width: 100%;
  height: auto;
}


#contieneBotonCatalogo {
  width: 150px;
  position: fixed;
  bottom: 20px;
  right: 0px;
  z-index: 100;
}
#contieneBotonCatalogo img {
  width: 100%;
}



/* ==============================================================================
            C  O  L  O  R  E  S    C  O  R  P  O  R  A  T  I  V  O  S
============================================================================== */

.naranja {
  background-color: #fca311;
  color: white;
}
.azul {
  background-color: #1b5c6f;
  color: white;
}
.marino {
  background-color: #0d2049;
  color: white;
}
.magenta {
  background-color: #b61e3a;
  color: white;
}
.cafeClaro {
  background-color: #793a1c;
  color: white;
}
.cafeOscuro {
  background-color: #552f1b;
  color: white;
}



/* ==============================================================================
            B  L  O  G
============================================================================== */

.blogDestacado {
  width: 80%;
  margin: auto;
  padding-top: 40px;
}
.blogDestacado .columnaBlogDestacado h1 {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2rem;
  margin-bottom: 10px;
}
.blogDestacado .columnaBlogDestacado p {
  line-height: 1.4rem;
}
.blogDestacado .columnaBlogDestacado p strong {
  font-weight: 600;
}
#contieneArticulosBlog {
  width: 80%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content:flex-start;
}
#contieneArticulosBlog .itemArticulo {
  box-sizing: border-box;
  flex: 0 0 24%;
  max-width: 24%;
  padding: 20px;
  margin-bottom: 40px;
}
#contieneArticulosBlog .itemArticulo a img {
  width: 100%;
}
#contieneArticulosBlog .itemArticulo h3 {
  margin-top: 10px;
  font-weight: 600;
}
#contieneArticulosBlog .itemArticulo p {
  margin-top: 5px;
  font-size: 0.9rem;
  line-height: 1.2rem;
  text-align: justify;
}


.fondoNewsletter {
    min-height: 100%; 
    max-width: 1350px;
    margin: auto;
    background-image: url(../images/fondoNewsletter.webp);
    background-size: cover;
    background-position: center; 
    background-repeat: no-repeat;
    background-blend-mode: soft-light;
    background-color: rgb(112, 93, 87);
    padding-top: 10%;
}
#cajaFormulario {
    width: fit-content;
    margin: auto;
    background-color: rgba(255, 255, 255, 0.833);
    padding: 40px;
    border-radius: 10px;
    box-shadow: 1px 6px 17px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 1px 6px 17px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 6px 17px 0px rgba(0,0,0,0.75);
}
#cajaFormulario #logoNewsletter {
    width: 150px;
    margin: auto;
    filter: invert(80%);
}
#cajaFormulario h1 {
    max-width: 80%;
    margin: auto;
    font-size: 1.3rem;
    line-height: 1.8rem;
}
#cajaFormulario form {
    max-width: 80%;
    margin: auto;
}
#cajaFormulario form input, #cajaFormulario form select {
    display: block;
    width: 80%;
    margin: auto;
    text-indent: 5px;
    padding: 6px;
    margin-bottom: 20px;
    font-size: 0.9rem;
    letter-spacing: 1px;
    border-radius: 5px;
    border: 0;
    border: 1px solid gray;
}

#cajaFormulario form .contieneBoton #botonEnviar {
    padding: 8px 25px;
    letter-spacing: 1px;
    border-radius: 5px;
    border: 0;
    background-color: rgb(127, 61, 34);
    color: white;
}
#cajaFormulario #contieneAvisoPoliticas {
    width: 100%;
    max-width: 400px;
    margin: auto;
    margin-top: 10px;
    font-size: 0.7rem;
    line-height: 0.9rem;
    text-align: center;
}
#cajaFormulario #contieneAvisoPoliticas .importante {
    font-weight: 900;
}
#mensajeErrorRegistro {
    display: none;
     width: 80%;
    margin: auto;
    background-color: rgb(255, 247, 216);
    border: 1px solid rgb(201, 191, 152);
    color: red;
    font-size: 0.8rem;
    font-weight: 900;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 2rem;
}
.deshabilitado {
    opacity: 0.5;
}
.habilitado{
    cursor: pointer;
}
.textoCentrado {
    text-align: center;
}


.contenedorColumnas {
  display: grid;
  grid-template-columns: repeat(12, 1fr); /* 12 columnas iguales */
  gap: 10px; /* espacio entre columnas */
}

[class*="col-"] {
  background: #ddd; /* solo para visualizar */
  padding: 10px;
  box-sizing: border-box;
}

/* Mobile first → todas ocupan ancho completo */
[class*="col-"] {
  grid-column: span 12;
}

/* Offsets base: aplican según breakpoint */
.offset-1  { grid-column-start: 2; }
.offset-2  { grid-column-start: 3; }
.offset-3  { grid-column-start: 4; }
.offset-4  { grid-column-start: 5; }
.offset-5  { grid-column-start: 6; }
.offset-6  { grid-column-start: 7; }
.offset-7  { grid-column-start: 8; }
.offset-8  { grid-column-start: 9; }
.offset-9  { grid-column-start: 10; }
.offset-10 { grid-column-start: 11; }
.offset-11 { grid-column-start: 12; }

/* Responsive Offsets */

/* sm ≥576px */
@media (min-width: 576px) {
  .offset-sm-1  { grid-column-start: 2; }
  .offset-sm-2  { grid-column-start: 3; }
  .offset-sm-3  { grid-column-start: 4; }
  .offset-sm-4  { grid-column-start: 5; }
  .offset-sm-5  { grid-column-start: 6; }
  .offset-sm-6  { grid-column-start: 7; }
  .offset-sm-7  { grid-column-start: 8; }
  .offset-sm-8  { grid-column-start: 9; }
  .offset-sm-9  { grid-column-start: 10; }
  .offset-sm-10 { grid-column-start: 11; }
  .offset-sm-11 { grid-column-start: 12; }
}

/* md ≥768px */
@media (min-width: 768px) {
  .offset-md-1  { grid-column-start: 2; }
  .offset-md-2  { grid-column-start: 3; }
  .offset-md-3  { grid-column-start: 4; }
  .offset-md-4  { grid-column-start: 5; }
  .offset-md-5  { grid-column-start: 6; }
  .offset-md-6  { grid-column-start: 7; }
  .offset-md-7  { grid-column-start: 8; }
  .offset-md-8  { grid-column-start: 9; }
  .offset-md-9  { grid-column-start: 10; }
  .offset-md-10 { grid-column-start: 11; }
  .offset-md-11 { grid-column-start: 12; }
}

/* lg ≥992px */
@media (min-width: 992px) {
  .offset-lg-1  { grid-column-start: 2; }
  .offset-lg-2  { grid-column-start: 3; }
  .offset-lg-3  { grid-column-start: 4; }
  .offset-lg-4  { grid-column-start: 5; }
  .offset-lg-5  { grid-column-start: 6; }
  .offset-lg-6  { grid-column-start: 7; }
  .offset-lg-7  { grid-column-start: 8; }
  .offset-lg-8  { grid-column-start: 9; }
  .offset-lg-9  { grid-column-start: 10; }
  .offset-lg-10 { grid-column-start: 11; }
  .offset-lg-11 { grid-column-start: 12; }
}

/* xl ≥1200px */
@media (min-width: 1200px) {
  .offset-xl-1  { grid-column-start: 2; }
  .offset-xl-2  { grid-column-start: 3; }
  .offset-xl-3  { grid-column-start: 4; }
  .offset-xl-4  { grid-column-start: 5; }
  .offset-xl-5  { grid-column-start: 6; }
  .offset-xl-6  { grid-column-start: 7; }
  .offset-xl-7  { grid-column-start: 8; }
  .offset-xl-8  { grid-column-start: 9; }
  .offset-xl-9  { grid-column-start: 10; }
  .offset-xl-10 { grid-column-start: 11; }
  .offset-xl-11 { grid-column-start: 12; }
}

/* xxl ≥1400px */
@media (min-width: 1400px) {
  .offset-xxl-1  { grid-column-start: 2; }
  .offset-xxl-2  { grid-column-start: 3; }
  .offset-xxl-3  { grid-column-start: 4; }
  .offset-xxl-4  { grid-column-start: 5; }
  .offset-xxl-5  { grid-column-start: 6; }
  .offset-xxl-6  { grid-column-start: 7; }
  .offset-xxl-7  { grid-column-start: 8; }
  .offset-xxl-8  { grid-column-start: 9; }
  .offset-xxl-9  { grid-column-start: 10; }
  .offset-xxl-10 { grid-column-start: 11; }
  .offset-xxl-11 { grid-column-start: 12; }
}



/* ==============================================================================
                         S  E  C  C  I  O  N  E  S
============================================================================== */


.contenedor {
  position: relative;
  width: 100%;
  max-width: 1350px;
  min-height: 100%;
  margin: auto;
  box-shadow: 0px 5px 17px 0px rgba(0,0,0,0.75);
  -webkit-box-shadow: 0px 5px 17px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 5px 17px 0px rgba(0,0,0,0.75);
  background-color: white;
}
.contieneSeccion {
  padding-bottom: 120px;
}
.contieneMitades {
  display: flex;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
}
.contieneMitades .mitad {
  width: 50%;
}
.contieneQuote {
  padding: 120px 0;
}
.contieneQuote .quote {
  width: 80%;
  max-width: 900px;
  margin: auto;
}
.contieneQuote .quote h3 {
  font-size: 1.3rem;
  font-style: italic;
  line-height: 1.9rem;
  letter-spacing: 3px;
  text-align: center;
}
.contieneRemate {
  width: 60%;
  max-width: 250px;
  margin: auto;
  text-align: center;
}
.contieneRemate img {
  padding: 20px 0;
  width: 90px;
}
.contieneRemate ul li {
  padding: 5px 0;
}
.contieneRemate a {
  color: #212121;
}

.mitadTextoImagen {
    width: 80%;
    max-width: 1200px;
    margin: auto;
}
.mitadTextoImagen .contieneMitades .mitad .imgHor {
    display: block;
    width: 80%;
    max-width: 400px;
    margin: auto;
}
.mitadTextoImagen .contieneMitades .mitad .imgVert {
    display: block;
    width: 50%;
    max-width: 260px;
    margin: auto;
}
.mitadTextoImagen .contieneMitades .mitad .contieneTexto {
    width: 80%;
    margin: auto;
}
.mitadTextoImagen .contieneMitades .mitad .contieneTexto h3 {
    font-size: 1.1rem;
    font-weight: 600;
}
.mitadTextoImagen .contieneMitades .mitad .contieneTexto p {
    font-size: 0.9rem;
    text-align: justify;
    line-height: 1.1rem;
    padding-top: 10px;
}


.contieneDosColumnas {
  width: 100%;
  padding: 5% 0;
}
.contieneDosColumnas .cajaDosColumnas {
  width: 80%;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.contienePrivacidad {
  width: 80%;
  margin: auto;
  padding: 120px 0px;
}
.contienePrivacidad h1 {
  font-size: 2rem;
  font-weight: 600;
  line-height: 2.4rem;
}
.contienePrivacidad h2 {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.8rem;
}
.contienePrivacidad p {
  font-size: 0.9rem;
  line-height: 1.2rem;
  text-align: justify;
}

/* ==============================================================================
            E   S   T   I   L   O   S       C   O   M   U   N   E   S
============================================================================== */

/** Centrar Verticalmente **/

.flex-parent{
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
}

.flex-child{
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#flecha_top{
  width: 30px;
  position: fixed;
  bottom: 40px;
  right: 50px;
  width: 50px;
  z-index: 20;
}
#flecha_top img {
width: 100%;
}
.invisibleEscritorio {
  display: none;
}
.invisibleMoviles {
  display: block;
}
.contenedor {
  position: relative;
  width: 100%;
  max-width: 1350px;
  min-height: 100%;
  margin: auto;
  box-shadow: 0px 5px 17px 0px rgba(0,0,0,0.75);
  -webkit-box-shadow: 0px 5px 17px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 5px 17px 0px rgba(0,0,0,0.75);
  background-color: white;
}
#contieneSalir{
  position: absolute;
  top: 60px;
  right: 5%;
}
#contieneSalir a{
  background-color: #063356;
  padding: 8px 25px;
  border-radius: 5px;
  color: #d3ebff;
  font-size: 0.8em;
  letter-spacing: 1px;
  transition: 0.8s ease-in;
}
#contieneSalir a:hover{
  background-color: #2693FF;
}
.boton {
  width: fit-content;
  display: block;
  margin: auto;
  letter-spacing: 1px;
  font-size: 0.8rem;
  font-weight: 600;
  padding: 8px 25px;
  border-radius: 4px;
  transition: 0.5s ease-out;
}
.contieneBoton {
  width: 100%;
  text-align: center;
  padding: 20px 0;
}
.contieneBoton a {
  letter-spacing: 1px;
  font-size: 0.9rem;
  font-weight: 600;
  padding: 8px 25px;
  border-radius: 4px;
  transition: 0.5s ease-out;
}
.volverAtras {
  display: block;
  width: fit-content;
  margin: 10px 0;
  padding: 8px 25px;
  border-radius: 6px;
  font-size: 0.8rem;
  background-color: white;
  color: #000000;
  border: 1px solid #000000;
  transition: 0.5s ease-in;
}
.volverAtras:hover {
  color: white;
  background-color: #00b11b;
  border: 1px solid #00af1a;
}
.rojo {
  background-color: red;
  color: white;
}
.rojo:hover{
  background-color: rgb(143, 2, 2);
}
.colorBotonPrincipal {
  background-color: #14343d;
  color: white;
}
.colorBotonPrincipal:hover {
  background-color: #00637e;
}



.imagen100 {
  width: 100%;
}
.paddingIzq10 {
  padding-left: 10px;
}
.paddingDer10 {
  padding-right: 10px;
}


/* Slider */

.slider {
  display: grid;                 /* apilamos slides en la misma celda */
  width: 100%;
  margin: 0 auto 24px;
  padding-top: 70px;
  background-color: #c35321;
  position: relative;            /* para posicionar controles */
}

.slide {
  grid-area: 1 / 1;              /* todas ocupan la misma área */
  opacity: 0;
  transition: opacity .8s ease;
}
.slide.active { opacity: 1; }

.slide img {
  width: 100%;
  display: block;
  height: auto;                  /* el alto del slider se ajusta a la imagen */
}

/* Controles superpuestos pero el contenedor ya tiene altura */
.controls {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;          /* para no bloquear clics en la imagen */
  padding: 0 10px;
}
.controls button {
  pointer-events: auto;          /* los botones sí reciben clic */
  background-color: transparent;
  padding: 8px;
  border: 0;
  border-bottom: 1px solid white;
  color: #ffffffb7;
  cursor: pointer;
  font-size: 0.7rem;
  letter-spacing: 1px;
  transition: 0.5s ease-in-out;
}
.controls button:hover {
  color: #ff9626;
  border-bottom: 1px solid #ff9626;
}


.slider .slide .contieneTextoCentrado {
  position: absolute;
  width: fit-content;
  top:45%;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 1.8rem;
  color: white;
}
.slide{opacity:0;transition:opacity .6s ease};
.slide.active{opacity:1};



/* ==============================================================================
            T  E  X  T  O  S
============================================================================== */
.textoCentrado {
  text-align: center;
}
.tituloSeccion {
  font-size: larger;
  font-weight: 600;
}

/* ==============================================================================
            S  E  C  C  I  O  N  E  S
============================================================================== */

    .contieneSeccion {
      width: 100%;
      padding: 60px 0;
    }
    .contieneBanner {
      width: 100%;
    }
    .contieneBanner a picture {
      width: 100%;
    }
    .max-w80 {
      max-width: 80%;
      margin: auto;
    }
    .max-w70 {
      max-width: 70%;
      margin: auto;
    }
    .max-w60 {
      max-width: 60%;
      margin: auto;
    }

    .contieneMitades {
      display: flex;
      align-items: center;
      vertical-align: middle;
      justify-content: center;
    }
    .contieneMitades .mitad {
      width: 50%;
    }


    .contieneTercios {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .contieneTercios .tercio {
      width: 30%;
    }
    .contieneTercios .dosTercios {
      width: 60%;
    }
    .contieneTercios .tercio .contieneTexto h5 {
      font-size: 1.1rem;
      font-weight: 600;
      line-height: 1.3rem;
      margin-bottom: 10px;
      min-height: 60px;
    }
    .contieneTercios .tercio .contieneTexto p {
      font-size: 0.8rem;
      line-height: 1.2rem;
      min-height: 130px;
    }
    .contieneTercios .tercio .contieneImagen img {
      width: 100%;
      height: auto;
    }

    .contieneDosColumnas {
      width: 100%;
      padding: 5% 0;
    }
    .contieneDosColumnas .cajaDosColumnas {
      width: 80%;
      margin: auto;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
    }

    .cuarentaSesenta {
      display: flex;
    }
    .cuarentaSesenta .cuarenta {
      width: 40%;
      padding: 20px;
    }
    .cuarentaSesenta .sesenta {
      width: 60%;
      padding: 20px;
    }
    .cuarentaSesenta .cuarenta  .imagen40 {
     display:block;
      width:100%;
      height:auto;
    }

    .bannerTercioPromo  {
      background-color: #efedec;
      padding: 40px;
    }

    .bannerTercioPromo {
      color: rgb(154, 0, 0);
    }
    .bannerTercioPromo .imagenBannerTercio {
      width: 100%;
    }
    .bannerTercioPromo .textoBannerTercio {
      font-size: 2.6rem;
      line-height: 3.3rem;
    }
    .bannerTercioPromo .contador {
      font-size: 1.6rem;
      line-height: 2.2rem;
    }

    .tresDestacados {
      padding: 20px;
    }
    .tresDestacados a img {
      width: 100%;
      max-width: 250px;
    }
    .tresDestacados a {
      color: #4b4a4a;
    }
    .tresDestacados .tituloTresDestacados {
      display: block;
      font-size: 1rem;
      font-weight: 600;
      padding-left: 1rem;
      padding-top: 10px;
    }
    .tresDestacados .subtituloTresDestacados {
      display: block;
      font-size: 0.8rem;
      padding-left: 1rem;
    }

    .filaCategoriasCuartos .mitad {
      padding: 2px 4px;
    }
    .filaCategoriasCuartos .mitad img {
      width: 100%;
    }

    .contieneTestimonialesRRSS {
      background: url(../images/fondoTestimonialesRRSS.webp);
      background-size: contain;
      padding: 30px;
    }
    .contieneTestimonialesRRSS h3 {
      text-align: right;
      padding-right: 10%;
      color: #696767;
      font-size: 1.2rem;
      font-weight: 600;
    }
    .contieneTestimonialesRRSS #linkTestimonialRRSS {
      width: 80%;
      max-width: 600px;
      margin: auto;
      overflow: hidden;
    }
    .contieneTestimonialRRSS #linkTestimonialRRSS #imgTestimonialRRSS {
      width: 100%;
      max-width: 600px;
      display: block;
      margin: 0 auto;
      transition: opacity 0.4s ease;
    }
    .contieneTestimonialesRRSS #linkTestimonialRRSS p {
      width: 100%;
      max-width: 600px;
      margin: auto;
      color: #696767;
      font-size: 0.8rem;
      font-weight: 600;
      text-align: right;
    }

    .contieneNewsletter {
      width: 100%;
      align-items: center;
      background-color: #f0edeb;
    }
    .contieneNewsletter .cuarenta {
      padding: 0;
    }
    .contieneNewsletter .cuarenta img {
      width: 100%;
    }
    .contieneNewsletter .sesenta .contieneTexto {
      width: 90%;
      max-width: 700px;
      margin: auto;
      text-align: center;
    }
    .contieneNewsletter .sesenta .contieneTexto h3 {
        font-size: 1.2rem;
        font-weight: 600;
        color: #99582b;
    }
    .contieneNewsletter .sesenta .contieneTexto h2 {
       font-size: 2rem;
       line-height: 3rem;
        font-weight: 600;
      color: #b82641;
    }
    .contieneNewsletter .sesenta .contieneTexto p {
      font-size: 1rem;
       font-weight: 600;
        color: #99582b;
    } 

    .labelNewsletter {
      width: 100%;
      padding: 30px;
      text-align: center;
      background-color: #b82641;
      color: white;
    }

/* ==============================================================================
                        M  E  N  Ú
============================================================================== */

/* Registro */
.fijarArriba {
  position: fixed;
  top:0;
}

.visible{
  display: block;
}
.invisible{
  display: none;
}

/* ==============================================================================
                      F   O   O   T   E   R
============================================================================== */

.contieneFooter{
  position: relative;
  width: 100%;
  max-width: 1350px;
  margin: auto;
  padding: 30px 0;
  color: white;
  background-color: #6b2403e3;
}
.contieneFooter #contieneZapatoFooter {
  position: absolute;
  top:-30%;
  left: 5%;
  width: 200px;
}
.contieneFooter #contieneZapatoFooter img {
  width: 100%;
}
.contieneFooter .cajaFooter{
  width: 80%;
  max-width: 1400px;
  margin: auto;
  display: flex;
  justify-content: space-around;
  padding: 30px 0;
}
.contieneFooter .cajaFooter .cuarto{
  width: 25%;
  text-indent: 1em;
  border-left: 1px solid gray;
}
.contieneFooter .cajaFooter .cuarto h3{
  line-height: 1.6em;
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 0.75em;
  margin-bottom: 5px;
}
.contieneFooter .cajaFooter .cuarto ul li a{
  line-height: 1.6em;
  letter-spacing: 2px;
  font-size: 0.7em;
  color: white;
}
.contieneFooter .cajaFooter .cuarto .contieneRedes{
  width: 90%;
  max-width: 150px;
  margin: auto;
  display: flex;
  justify-content: space-around;
}
.contieneFooter .cajaFooter .cuarto .contieneRedes a{
  width: 40px;
}
.contieneFooter .cajaFooter .cuarto .contieneRedes a img{
  width: 100%;
  opacity: 0.9;
  transition: 0.5s ease-in-out;
}
.contieneFooter .cajaFooter .cuarto .contieneRedes a img:hover {
  opacity: 1;
}
.creditos{
  font-size: 0.7em;
  padding: 25px;
  color: white;
  background: #401600e3;
  text-align: center;
  letter-spacing: 2px;
  max-width: 1350px;
  margin: auto;
}










  /* Media Queries */

/* Dispositivos muy pequeños (teléfonos de hasta 768px de anchura) */
/* No se define ninguna media query porque este es el estilo por
   defecto utilizado por Bootstrap 3 */
 
/* Dispositivos pequeños (tablets, anchura mayor o igual a 768px) */
@media (max-width: 768px) {

        
        header{
            background:rgba(255,255,255,0.8);
        }
            .flex-parent, .flex-child {
            display: block;
            }
            .mitad{
            width: 90%;
            }
            .logo_portada{
            width: 200px;
            margin-top: 60%;
            }
            .menu .container-menu .logo .btn-menu {
            display: block;
            }
            .menu .container-menu{
            width: 100%;
            }
            .menu .container-menu .logo {
                display: flex;
                -ms-align-items: center;
                align-items: center;
                justify-content: space-between;
            }
            .menu .menu-link{
            position: absolute;
            background: rgba(255,255,255,.7);
            height: 100vh;
            width: 100%;
            top: 60px;
            left: -100%; /* Para ocultar el menu */
            z-index: 1000;
            backdrop-filter: blur(4px);
            transition: 0.8s ease;
            }
            .menu .menu-link ul li{
                display: block;
            }
            .menu .menu-link ul li a{
            color: #282828;
                display: block;
                height: 50px;
                border-bottom: 1px solid #a9a9a9;
                padding: 15px;
                text-align: center;
                font-weight: 400;
                margin: 0;
            }

            #contieneBotonCatalogo {
            width: 120px;
          }
            .contiene-boton-header {
                margin-right: 20px;
                line-height: 2em;
            }
            .contiene-boton-header a {
                padding: 3px 10px;
            font-size: .7em;
            }

            
            .flex-parent, .flex-child {
                display: block;
            }
            .mitad{
                width: 90%;
            }
            .logo_portada{
                width: 200px;
                margin-top: 60%;
            }
            #flecha_top{
                position: fixed;
                bottom: 20px;
                right: 20px;
            }
            .invisibleEscritorio {
                display: block;
            }
            .invisibleMoviles {
                display: none;
            }


            .bannerConTexto {
                position: relative;
                width: 100%;
            }
            .bannerConTexto .fondobannerConTexto {
                width: 100%;
            }
            .bannerConTexto .contieneTextobannerConTexto {
                position: absolute;
                width: 28%;
                height: 50%;
                top:20%;
                left: 0;
                box-sizing: border-box;
                padding: 2%;
                background-color: #466bb0e3;
            }
            .bannerConTexto .contieneTextobannerConTexto h3 {
                font-size: 1.1rem;
                font-weight: bolder;
                margin-bottom: 10px;
            }
            .bannerConTexto .contieneTextobannerConTexto p {
                font-size: 0.9rem;
                line-height: 1.1rem;
            }




            /* ==============================================================================
                        H  E  A  D  E  R      M  Ó  V  I  L  E  S
            ============================================================================== */


            #contieneHeader {
            position: relative;
            overflow: hidden;
            }

            /* ==============================================================================
                        B  L  O  G      M  Ó  V  I  L  E  S
            ============================================================================== */

            #contieneArticulosBlog .itemArticulo {
            flex: 0 0 50%;
            max-width: 50%;
            }
            .blogDestacado {
            padding-top: 40px;
            }

            /* ==============================================================================
                        S  E  C  C  I  O  N  E  S      M  Ó  V  I  L  E  S
            ============================================================================== */
            .contieneMitades {
            display: block;
            padding: 5% 0;
            }
            .contieneMitades .mitad {
            width: 100%;
            }
            .contieneDosColumnas .cajaDosColumnas {
            width: 80%;
            margin: auto;
            display: block;
            }
            .contieneTercios {
            display: block;
            }
            .contieneTercios .tercio {
            width: 100%;
            margin-bottom: 40px;
            }
            .contieneTercios .dosTercios {
                width: 100%;
                }
            .cuarentaSesenta {
            display: block;
            }
            .cuarentaSesenta .cuarenta {
            width: 100%;
            padding: 20px;
            }
            .cuarentaSesenta .sesenta {
            width: 100%;
            padding: 20px;
            }
            .tresDestacados {
            padding: 0px;
            }

            /* ==============================================================================
                        F   O   O   T   E   R        M   Ó   V   I   L   E   S
            ============================================================================== */

            .contieneFooter{
            width: 100%;
            }
            .contieneFooter #contieneZapatoFooter {
            position: absolute;
            top:-10%;
            left: 3%;
            width: 180px;
            }
            .contieneFooter .cajaFooter{
            display: block;
            justify-content: center;
            }
            .contieneFooter .cajaFooter .cuarto{
            display: inline-block;
            width: 100%;
            vertical-align: top;
            margin-bottom: 20px;
            text-align: center;
            border-left: 0;
            padding-top: 10px;
            border-top: 1px solid white;
            }
            .contieneFooter .cajaFooter .cuarto h3{
            line-height: 1.6em;
            font-weight: 600;
            letter-spacing: 1px;
            font-size: 0.75em;
            margin-bottom: 5px;
            }
            .contieneFooter .cajaFooter .cuarto ul li a{
            line-height: 1.6em;
            letter-spacing: 2px;
            font-size: 0.7em;
            }
            .contieneFooter .cajaFooter .cuarto .contieneRedes{
            width: 90%;
            max-width: 150px;
            margin: auto;
            display: flex;
            justify-content: space-around;
            }
            .contieneFooter .cajaFooter .cuarto .contieneRedes a{
            width: 40px;
            color: white;
            }
            .contieneFooter .cajaFooter .cuarto .contieneRedes a img{
            width: 100%;
            }
            .creditos {
            font-size: .7em;
            line-height: 1.5em;
            }
            .bannerConTexto {
            overflow: hidden;
            }
            .bannerConTexto #fondobannerConTexto {
            width: 130%;
            margin-left: -30%;
            }
            .bannerConTexto #contieneTextobannerConTexto {
            position: relative;
            width: 100%;
            height: auto;
            top:auto;
            left: auto;
            margin-top: -5px;
            padding: 5% 10%;
            background-color: #466bb0;
            }


            .contieneFormulario {
            display: block;
            }
            .contieneFormulario .mitadChicaFormulario {
            width: 100%;
            }
            .contieneFormulario.mitadGrandeFormulario {
            width: 100%;
            }
            .contieneFormulario .mitadChicaFormulario .contieneTextoFormulario {
            text-align: center;
            padding: 40px 0;
            }





}/* Cierra Media Queries */