/*! HTML5 Boilerplate v7.2.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 2.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
* {
    scroll-behavior: smooth;
}

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

























html {
  box-sizing: border-box;
  overflow-x: hidden;
  width: 100%;
}
*, *:before, *:after {
  box-sizing: inherit;
}
body {
  background-color: #f2f2f2; 
  overflow-x: hidden;
  width: 100%;
}
/** Globales **/
/** Globales **/
img {
  max-width: 80%;
}
.contenedor {
  width: 98%;
  margin: 0 auto;
}
@media only screen and (min-width: 480px){
  .contenedor {
    width: 95%;
  }

/*  .contenedor .navbar-brand{
    display: none;
  }*/
}

@media only screen and (min-width: 768px){
  .contenedor {
    width: 90%;
  }
}
@media only screen and (min-width: 992px){
  .contenedor {
    width: 90%;
    max-width: 1200px;
  }
}






/* Nuevo Menu*/
@media only screen and (min-width: 480px){
  .barra-menu {
    width: 50%;
  }
}
@media only screen and (min-width: 768px){
  .barra-menu {
    width: 80%;
  }
}
@media only screen and (min-width: 992px){
  .barra-menu {
    width: 90%;
    max-width: 1200px;
  }
}
.barra-menu{
  margin:20px auto;
  width:720px; /* 1200 */
  height:100px; /* 230 */
  background-color: red;  
  /*align-items: center;  Mueve y centra el menú en la barra transparente */
  margin: 0 auto;
}
.barra-transparente{
  background-color: rgba(255,255,255, .5);
}

div.contenedor-menu{
  width: 120px; /* 200 */
  height: 100px; /* 230 */
  float:left;
  -webkit-transition: height .4s;
}

div#uno{
  background-color: rgb(208,101,3);
}

div#dos{
  background-color: rgb(233,147,26);
}

div#tres{
  background-color: rgb(22,145,190);
}

div#cuatro{
  background-color: rgb(22,107,162);
}

div#cinco{
  background-color: rgb(27,54,71);
}

div#seis{
  background-color: rgb(21,40,54);
}

img.icon{
  display: block;
  margin:15px auto; /* 50px auto*/
  background-color: rgba(255,255,255,.15);
  width:50px; /* width:80px; */
  padding:8px;   /*padding:20px;*/
  -webkit-border-radius: 50%;
  -webkit-box-shadow: 0px 0px 0px 30px rgba(255,255,255,0);
  -webkit-transition:box-shadow .4s;
}

p.texto{
  font-size: 1.2em;
  color:white;
  text-align: center;
  margin-top: -10px; /*padding-top:10px; */
  opacity: .6;
  -webkit-transition: padding-top .4s;
}

div.contenedor-menu:hover{
  height:130px; /* 250 */
}

div.contenedor-menu:hover p.texto{
  display: block; /* Pendiente */
  padding-top: 30px; /* 30 */
  opacity: 1;
}

div.contenedor-menu:hover img.icon{
  -webkit-box-shadow:0px 0px 0px 0px rgba(255,255,255,.6);
}


.tinted-image {
  background: 
    /* top, transparent red */ 
    linear-gradient(
      rgba(155, 182, 194, 0.6),
      rgba(71, 0, 94, 0.2)
    ),
    /* bottom, image */
    url(../img/Encabezado1.jpeg);
    height: 100%;
    background-position: top center;
    background-size: cover;
    color: white;
    padding: 10px 0px 20px 0px;
}





















/** Seccion 1 **/
.seccion {
  padding: 30px 0;
}
.seccion p {
  font-size: 1.2em;
  text-align: center;
}
h2 {
  color: #393939;
  font-family: Abril Fatface;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 30px;
  font-weight: 400;
  line-height: 39px;
  text-align: center;
}
h3 {
  /*color: #ffffff;*/
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  text-align: center;
}
.selector {
  background-color: #A68F65;
  width: 50px;
  height: 8px;
  text-align: center; 

  display: inline-grid;
  align-items: center;
  justify-content: center;
}
.selector2 {
  background-color: #A68F65;
  width: 400px;
  height: 1px;
}

.nuestros-servicios {
  background-color: #26252C;
  color: #FFFFFF;
  font-family: Montserrat;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}
div.fondo{
  background-color: #26252C;
}
.titulo {
    color: #FFFFFF;
}
@media only screen and (min-width: 768px){
  .seccion-bienvenida {
    background-color: rgba(242, 242, 242, 0);
    width: 100%;
    height: 421px; /* height: 341px; */
    padding-top: 80px; /* START END */
    /*padding-bottom: 40px;  START END */
  }
  .nuestros-servicios{
    line-height: 25px; /*line-height: 50px; dejamos el de por defecto*/
    /*height: 630px;  Altura de seccion Nuestros Servicios */
    padding-top: 80px; /* START END */
    padding-bottom: 40px; /* START END */
  }
  .titulo {
    color: #FFFFFF;
    font-family: Abril Fatface;
    font-size: 30px;
    font-weight: 400;
    line-height: 39px;
    text-align: center;
  }
  .seccion-terminos-y-condiciones {
    background-color: rgba(242, 242, 242, 0);
    width: 100%;
    height: 100%;
    padding-top: 80px; /* START END */
    /*padding-bottom: 40px;  START END */
  }
  .seccion-terminos-y-condiciones h3 {
    font-weight: bold;
    padding-top: 20px;
    text-align: left;
  }
  .seccion-terminos-y-condiciones p {
      text-align: justify;
  }

 /* Se traslada este codigo para mas adelante por temas de cascada
 .seccion-politica-de-privacidad ul {
  }*/

  .seccion-cookies {
    background-color: rgba(242, 242, 242, 0);
    width: 100%;
    height: 100%;
    padding-top: 80px; /* START END */
    /*padding-bottom: 40px;  START END */
  }
  .seccion-cookie h3 {
    font-weight: bold;
    padding-top: 20px;
    text-align: left;
  }
  .seccion-cookie p {
      text-align: justify;
  }

/** Nuestros Servicios **/
/* contenido-centrado */
.servicios {
  padding: 0px;
}
/** Anuncios de casas **/
@media (min-width: 768px) {
  .Contenedor-anuncios {
    display: flex; /* Union de Columnas */
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.anuncios,
.anuncios-metodologia {
  text-align: center;
  border-style: solid;/*Bordes*/
  border-color: #B5B5B5;
  border-width: 1px;
  border: 0px solid #B5B5B5;
  background-color: transparent;
  /*margin-bottom: 1rem;*/
  text-align: -webkit-center;
}
.anuncios:last-child{
  margin-bottom: 0rem;
}
.anuncios:hover {
  background-color: #ffffff;
  color: #A68F65;
  padding: 15px 15px 15px 15px;
  border: 1px solid #A68F65;
}
.anuncios-metodologia:hover{
  background-color: #ffffff;
  color: #A68F65;
  padding: 15px 15px 15px 15px;
  border: 1px solid #A68F65;

}
@media only screen and (min-width: 480px){
  .Contenedor-anuncios {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .anuncios {
    flex: right;
    flex-shrink: 0;
    flex-basis: calc(50% - 1rem);
    padding: 1rem 1rem 1rem 1rem;
  }
   .anuncios-metodologia {
    display: flex;
    justify-content: space-around;    
    padding: 1rem 4rem 1rem 4rem;
    margin: 0rem 6rem 0rem 6rem;
    align-items: center;
    text-align: center;
  }
}
@media only screen and (min-width: 768px){
  .anuncios {
    flex-shrink: 0;
    flex-basis: calc(33.33% - 1rem);
    padding: 1rem 1rem 1rem 1rem;
  }
   .anuncios-metodologia {
    flex-shrink: 0;
    flex-basis: calc(33.3% - 1rem);
    padding: 1rem 1rem 1rem 1rem;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 992px){
  .servicios {
  padding: 0px 150px;
}
  .anuncios {
    flex-shrink: 0;
    flex-basis: calc(25% - 1rem);
    padding: 1rem 1rem 1rem 1rem;
  }
   .anuncios-metodologia {
    flex-shrink: 0;
    flex-basis: calc(75% - 1rem);
    padding: 1rem 1rem 1rem 1rem;
  }
}
.contenido-anuncio {
  padding: 0rem 2rem 2rem 2rem;/*Espacios de separacion de pared*/  
}
.contenido-anuncio h3, 
.contenido-anuncio p {
  margin: 0;
}
.contenido-anuncio {
  padding: 1rem 0rem 1rem 0rem;/*Espacios de separacion de pared*/  
}
.contenido-anuncio h3, 
.contenido-anuncio p {
  margin: 0;
}
.circulo{
  text-align: center;
  background-color: transparent;
  border: 2px solid #8492A6;
  border-radius: 100%;
  width: 68px;
  height: 73px;

}
.imagen-metodologia{
  text-align: center;
  align-items: center;
  margin: 0 -50px;
}
.iconos-servicios {
  font-size: 3rem;
}
@media only screen and (min-width: 480px){
}
@media only screen and (min-width: 768px){
}
@media only screen and (min-width: 992px){
}


/** Metodología de trabajo **/
section.nuestra-metodologia{
  background-color: rgba(242, 242, 242, 0);
  color: #000000;
  font-family: Montserrat;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
  /*height: 770px;*/
  padding-top: 80px; /* START END */
  padding-bottom: 40px; /* START END */
}

/* contenido-centrado */
@media only screen and (min-width: 480px){
}
@media only screen and (min-width: 768px){
    div.iconos-metodologia{
    display: inline-block;
    align-items: center;
    justify-content: center;
  }
  aside.izquierda{
    display: flex;
  }
  aside.derecha{
    display: flex;
  }
}
@media only screen and (min-width: 992px){
  div.iconos-metodologia{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  aside.izquierda{
    display: block;
  }
  aside.derecha{
    display: block;
  }
}
/** Anuncios de casas **/
@media (min-width: 768px) {
  .contenedor-metodologia {
    display: inline-block; /* Union de Columnas */
    justify-content: space-between;
    flex-wrap: wrap;
  }
}






@media only screen and (min-width: 480px){
}
@media only screen and (min-width: 768px){
  .contenedor-temas{
      display: flex; /* Union de Columnas */
      justify-content: space-between;
      flex-wrap: wrap;
  }
  .productos{
  text-align: center;
  border: 1px solid #B5B5B5;
  background-color: rgba(242, 242, 242, 10);
  color: #26252C;
  /*margin-bottom: 1rem;*/
  text-align: -webkit-center;
  width: 50%;
  /*height: 250px;*/
  margin: 0 auto;
  align-items: center;
  }
  .productos img {
    max-width: 100%; /* 100% ? */
  }
  .producto-texto{
    padding: 10px 30px 30px 30px;
    background-color: rgba(242, 242, 242, 10);
    text-align: center;
    align-items: center;
    margin: 0 auto;
  }
}/** Ultimos Temas Relacionados **/
@media only screen and (min-width: 992px){
  .contenedor-temas{
      display: flex; /* Union de Columnas */
      justify-content: space-between;
      flex-wrap: wrap;
  }
  .productos{
  text-align: center;
  border: 1px solid #B5B5B5;
  background-color: rgba(242, 242, 242, 10);
  color: #26252C;
  /*margin-bottom: 1rem;*/
  text-align: -webkit-center;
  width: 33.333%;
  /*height: 250px;*/
  margin: 0 auto;
  }
  .productos img {
    max-width: 100%;
  }
  .producto-texto{
    padding: 10px 30px 30px 30px;
    background-color: rgba(242, 242, 242, 10);
    text-align: center;
    align-items: center;
    margin: 0 auto;
  }
}


.anuncios:last-child{
  margin-bottom: 0rem;
}
.anuncios:hover {
  background-color: #ffffff;
  color: #A68F65;
  padding: 15px 15px 15px 15px;
  border: 1px solid #A68F65;
}



/** Testimoniales **/
div.testimoniales img{
  border-radius: 50%;
}













/*h2::after {
  content: '';
  margin: 0 auto;
  background-image: url(../img/separador.png);
  height: 30px;
  width: 100px;
  display: block;
}*/
.boton {
  background-color: #A68F65;
  padding: 10px 40px;
  color: #ffffff;
  text-transform: capitalize;
  font-weight: bold;
  font-family: 'Oswald', sans-serif;
  text-decoration: none;
  font-size: 1em;
  margin-top: 0px;
  display: inline-block;
  transition: all .3s;
  border: 2px solid #A68F65;
}
.boton.hollow,
.boton.hollow:hover {
  background-color: #ffffff;
  color: #A68F65; 
}
.boton.transparente {
  background-color: transparent;
  border: 2px solid #ffffff;
}
.boton.transparente:hover {
  border: 2px solid #A68F65;  
}
ul {
  list-style: none;
  margin: 0;
  padding: 30px 0;
}
 .seccion-politica-de-privacidad ul {
     list-style: inherit; 
     margin: 0; 
     padding: 0 0 0 40px;
     font-size: 20px;
        font-family: Montserrat; /* ACA */
  }
 .seccion-cookie ul {
     list-style: inherit; 
     margin: 0; 
     padding: 0 0 0 40px;
     font-size: 20px;
     font-family: Montserrat; /* ACA */
  }

div.tabla-precio ul{
  padding: 0;
}
.boton:hover{
  background-color: #26252C!important; /* resaltar boton en hover*/
  border: 2px solid #ffffff;
  color: #ffffff!important;
}
.float-right {
  float: right;
}
/** Header **/
div.hero {
  /*background-image: url(../img/Encabezado1.jpeg);*/
  height: 100vh;
  background-position: top center;
  background-size: cover;
}
div.contenido-header {
  padding-top: 40px;
}
@media only screen and (min-width: 768px){
  div.contenido-header {
    padding-top: 10px; /* padding-top: 1px; separacion del menu principal arriba*/
  } 
}
nav.redes-sociales {
  text-align: center;
  background-color: orange;
}
nav.redes-sociales a {
  color: #ffffff;
  font-size: 2em;
  margin-right: 20px;
}
nav.redes-sociales a:last-child{
  margin-right: 0;
}
div.informacion-evento {
  text-align: center;
  color: #000000;
  margin-top: 100px;
  
}
@media only screen and (min-width: 768px){
  div.informacion-evento {
    width: 70%;
    margin: 0 auto;
    margin-top: 150px;
  }
}
div.informacion-evento p {
  margin: 0;
  display: inline;
  font-size: 20px;
  text-transform: uppercase;
}
div.informacion-evento p i {
  color: #fe4918;
  font-size: 2.4rem;

}
p.fecha {
  float: left;
}
p.ciudad {
  float: right;
  text-align: right;
}
p.slogan {
  text-transform: none!important;
}
p.slogan span {
  font-weight: bold;
}
h1.nombre-sitio {
  font-size: 4vw;
  text-transform: capitalize;
  font-family: Montserrat;
}
@media only screen and (min-width: 768px){
  h1.nombre-sitio {
    font-size: 5vw;
    margin: 0;
    line-height: 1;
    font-weight: 400;
    line-height: 100px;
    text-align: center;
    padding-bottom: 40px;
  }
}

/** Navegación Principal **/
nav.navegacion-principal {
  display: none;
}
nav.navegacion-principal a {
  font-family: 'Oswald', sans-serif;
  color: #ffffff;
  font-size: 1.3em;
  text-transform: uppercase;
  text-decoration: none;
  transition: all .3s ease;
  width: 100%;
  display: block;
  text-align: center;
  margin-bottom: 20px;
}
nav.navegacion-principal a:last-child{
  border: 2px solid #A68F65;
  color: #A68F65;
}
nav.navegacion-principal a:last-child:hover{
  color: #ffffff;
}
nav.navegacion-principal a:hover {
  background-color: #fe4918;
}
@media only screen and (min-width: 768px){

  /* START 
  .navbar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000; /* Asegura que el navbar esté por encima de otros elementos */
    /* Agrega otros estilos según sea necesario */
  }*/
  /* END */

  nav.navegacion-principal {
    width: 67%;
    float: right;
    text-align: right;
    display: block;
  }  
  nav.navegacion-principal a {
    padding: 10px 10px;
    display: inline-block;
    width: auto;
    display: inline-block;
    text-align: center;
    margin: 0 10px 0 0;
  }
}
/** Menú Móvil **/
div.menu-movil {
  width: 60px;
  display: block;
  float: right;
  text-align: right;
  margin-top: 12px;
}
div.menu-movil:hover {
  cursor: pointer;
}
@media only screen and (min-width: 768px){
  div.menu-movil {
    display: none;
  }
}
div.menu-movil span {
  height: 8px;
  margin-bottom: 6px;
  background-color: #ffffff;
  display: block;
}

/** Talleres **/
section.programa {
  position: relative;
}
div.contenedor-video {
  max-width: 100%;
  overflow-x: hidden; 
}
div.contenido-programa {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
div.programa-evento {
  background-color: rgba(255, 255, 255, .8);
  padding: 15px;
  margin-top: 80px; 
}
@media only screen and (min-width: 768px){
  div.programa-evento {
    width: 70%;
  }  
}
@media only screen and (min-width: 992px){
  div.programa-evento {
    width: 50%;
  }  
}
/** Contenido de talleres **/
nav.menu-programa {
  width: 100%;
  border-bottom: 1px solid #fe4918;
  padding-bottom: 10px;
}
@media only screen and (min-width: 768px){
  nav.menu-programa {
    display: table;

  }
}
nav.menu-programa a {
  display: block;
  text-align: center;
  color: #000000;
  text-decoration: none;
  font-family: 'Oswald', sans-serif;
  margin-bottom: 10px;
  font-size: 1.2em;
}
@media only screen and (min-width: 768px){
  nav.menu-programa a {
    display: table-cell;
  }
}
nav.menu-programa a i,
div.detalle-evento p i {
  color: #fe4918;
  font-size: 1.6em;
  margin-right: 10px;
}
/** Detalle evento **/
div.detalle-evento {
  margin-top: 20px;
  border-bottom: 1px solid #000000;
  padding: 0px 20px;
}
div.detalle-evento:nth-child(2) {
  border: none;
}
div.detalle-evento p {
  margin-bottom: 20px;
  font-size: 20px;
}

/** Lista Invitados **/
ul.lista-invitados li {
  padding: 0px;
  float: left;
  /*text-align: center; centrar imagenes de productos*/
}
@media only screen and (min-width: 480px){
  ul.lista-invitados li {
    width: 50%;
  }
}
@media only screen and (min-width: 768px){
  ul.lista-invitados li {
    width: 20%; /* width: 33.3%; */
  }
  section.invitados{
    background-color: #26252C;
    color: #ffffff;
    padding-top: 80px; /* START END */
    padding-bottom: 40px; /* START END */
  }
  section.invitados h2{
    color: #ffffff;
  }
}
div.invitado { /* cambiar tamanio de imagenes producto */
  position: relative;
  overflow: hidden;
  text-align: center;
}
div.invitado img {
  max-width: 100%;
  filter: gray;
  -webkit-filter: grayscale(0.8); /* opacidad de imagen */
  -webkit-transition: all .5s ease-in-out;
}
div.invitado img:hover {
  filter: gray; /* filtro */
  -webkit-filter: grayscale(0);/* Color original de imagen */
  -webkit-transform: scale(1.1);/* zoom de imagen */
}
div.invitado p {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 15px 10px;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.55);
  width: 100%;
  text-align: left;
  font-family: 'Oswald', sans-serif;
  color: #ffffff; /* Color de textos proyectos*/
  text-transform: capitalize;
  -webkit-transition: all .5s ease-in-out; 
}
div.invitado:hover p {
  bottom: -80px;
  opacity: 0;
}

/** Contador **/
.parallax::before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  -webkit-filter: brightness (.8);
  filter: brightness(.8);
}
div.contador {
  position: relative;
  height: auto;
}
div.contador::before {
  background-image: url(../img/bg-resumen.jpg);
  content: '';
}
ul.resumen-evento {
  position: relative;
  padding: 120px 0;
}
ul.resumen-evento li {
  width: 50%;
  float: left;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  font-size: 24px;
}
@media only screen and (min-width: 768px){
  ul.resumen-evento li{
    width: 25%;
  }
}
p.numero {
  color: #fe4918;
  font-size: 4em;
  display: block;
  margin: 0 0 10px 0;
  font-family: 'Oswald', sans-serif;
}

/** Tabla de Precios **/
ul.lista-precios > li {
  padding: 10px;
}
@media only screen and (min-width: 768px){
  ul.lista-precios > li {
    float: left;
    width: 33.3%;
  }
}
div.tabla-precio {
  border: 1px solid #A68F65;
  background-color: #ffffff;
  /* background-image: url(../img/butcher-09.jpg);  Imagen de fondo - Precios De Paquetes */
  padding: 40px 0;
  text-align: center;
  transition: all .3s ease;
}
div.tabla-precio:hover {
  transform: scale(1.1);
  border: 1px solid #A68F65;
  box-shadow: 0px 0px 20px #666;
}
div.tabla-precio ul li {
  font-family: 'PT Sans', sans-serif;
  font-size: 14px;
  margin-bottom: 20px;
  text-transform: capitalize;
  color: #868686;
  line-height: 26px;
}
div.tabla-precio ul li i{
  display: inline-block;
  vertical-align: top;
  padding: 0 5px;
  font-size: 20px;
  color: #A68F65;
  -webkit-font-smoothing: antialiased;
  content: '\f00c'; /* No funciona */
}
div.tabla-precio h3 {
  font-family: 'Oswald', sans-serif;
  font-size: 16px;
  text-transform: uppercase;
}
div.tabla-precio p.numero{
  color: #000000;
  margin-top: 20px 0;
}

/** Mapa: **/
div.contenido-mapa {
  height: 420px;
  background-image: url(../img/MapadeGoogle.PNG);
}




/** Sección Testimoniales **/

.carousel-inner img{
  width: 150px;
  height: 150px;
  border-radius: 100%;
  border: 3px solid white;
  padding: 5px;
}
.seccion-testimonials{
  background-color: #26252C;
  color: #ffffff;
  text-align: center;
}
.seccion-testimonials .carousel-indicators{
  bottom: -60px;
}
div.carousel-inner{
  padding: 30px 0;
}
div.carousel-inner h4{
  color: orange;
  margin: -20px 0 0 0;
}
.carousel-inner p{
  font-size: 15px;
  padding: 0 40px;
  font-weight: 300px;
  letter-spacing: 1.2px;
  margin-top: 30px;
  font-style: italic; /* letra cursiva */
}
@media only screen and (min-width: 768px){
  div.carousel-inner p {
    padding: 0 80px;
  }  
}
@media only screen and (min-width: 992px){
  div.carousel-inner p {
    padding: 0 160px;
  }
}

.carousel-indicators li{
  background-color: white;
  width: 20px;
  transition: all 0.5s ease-in;
}

/* Falta terminar el carousel */


/** Sección de Empresas **/
div.empresas{
  height: 286px;
  background-color: rgba(242, 242, 242, 100); /* Color de fondo seccion empresas */
}
ul.lista-empresas > li {
  padding: 10px;
}
.lista-empresas li{
  display: none;
}
.lista-empresas li:first-child{
  display: inline-block;
}
@media only screen and (min-width: 320px){
  ul.lista-empresas > li {
    float: left;
    width: 50%;
  }
  .lista-empresas li:first-child{
    border-right: 1px solid #A68F65;
  }
  .lista-empresas li:nth-child(2){
    display: inline-block;
  }
}
@media only screen and (min-width: 768px){
  ul.lista-empresas > li {
    float: left;
    width: 33.3%;
  }
  .lista-empresas li{
    border-right: 1px solid #A68F65;
  }
  .lista-empresas li:nth-child(3){
    display: inline-block;
    border-right: 0px solid #A68F65;
  }
}
@media only screen and (min-width: 992px){
  ul.lista-empresas > li {
    float: left;
    width: 33.3%;
  }
  .lista-empresas li{
    display: inline-block;
  }
  .lista-empresas li{
    border-right: 1px solid #A68F65;
  }
  .lista-empresas li:last-child{
    border-right: 0px solid #A68F65;
  }
}
@media only screen and (min-width: 1024px){
  ul.lista-empresas > li {
    float: left;
    width: 20%; /* 25% para 4 */
  }
  .lista-empresas li:nth-child(3){
    border-right: 1px solid #A68F65;
  }
}
/* Icono Empresa */
div.icono-empresa{
  background-color: rgba(255,255,255, .0);
  padding: 40px 0;
  text-align: center;
  transition: all .3s ease;
}


/** Sección de Contacta Con Nosotros **/
/* lista-contactos */
ul.lista-contactos > li {
  padding: 0px;
}
@media only screen and (min-width: 768px){
  ul.lista-contactos > li {
    float: left;
    width: 25%;
  }
}
/* tabla-contacto */
section.contactos {
  background-color: #26252C;
  color: white;
  padding-top: 80px; /* START END */
  padding-bottom: 40px; /* START END */
}
section.contactos ul{
  padding: 0px 10px 10px 10px;
}
div.tabla-contacto {
  border: 0px solid #A68F65;
  background-color: transparent;
  padding: 20px 0;
  text-align: center;
}
div.tabla-contacto img{
    width: 60px;
    height: 60px;
    /*border: 3px solid gray;*/
    display: block;
    margin: 15px auto;
    background-color: white;/*rgba(255,255,255,.15);*/
    padding: 8px;
    border-radius: 50%;
}
div.tabla-contacto ul li {
  font-family: 'PT Sans', sans-serif;
  font-size: 14px;
  margin: 0px;
  /*text-transform: capitalize;*/
  color: #868686;
  line-height: 26px;
}
/* caracteristicas de los iconos contactos */
div.tabla-contacto i{
  display: inline-block;
  vertical-align: top;
  padding: 15px;
  font-size: 40px;
  color: white;
  -webkit-font-smoothing: antialiased;
  background-color: #A68F65;
  border-radius: 100%;
}
div.tabla-contacto h3 {
  font-family: 'Oswald', sans-serif;
  font-size: 16px;
  text-transform: uppercase;
}
div.tabla-contacto p.numero{
  color: #000000;
  margin-top: 20px 0;
}




/** Sección de Redes Sociales **/
/* redes-sociales */
section.redes-sociales{
  background-color: red;
}
/* red-social */
ul.red-social > li {
  padding: 0px;
}
@media only screen and (min-width: 768px){
  ul.red-social > li {
    /*float: left;*/
    /*width: 20%;*/
    padding: 0px 10px;
  }
}

/* icono-red-social */
section.redes-sociales {
  background-color: #26252C;
  color: white;
}
section.redes-sociales ul{
  padding: 0px;
  display: flex;
  justify-content: center;
  border-top: 1px solid #A68F65;
  border-bottom: 1px solid #A68F65;
}
div.icono-red-social {
  border: 0px solid #A68F65;
  background-color: transparent;
  padding: 20px 0px;
  text-align: center;
}
div.icono-red-social ul li {
  font-family: 'PT Sans', sans-serif;
  font-size: 14px;
  margin: 0px;
  text-transform: capitalize;
  color: #868686;
  line-height: 26px;
}
/* caracteristicas de los iconos contactos */
div.icono-red-social i{
  display: inline-block;
  vertical-align: top;
  padding: 10px 15px;
  font-size: 25px;
  color: white;
  -webkit-font-smoothing: antialiased;
  background-color: #A68F65;
  border-radius: 100%;
}
div.icono-red-social i:hover{
  background-color: red;
  cursor: pointer;
}
div.icono-red-social h3 {
  font-family: 'Oswald', sans-serif;
  font-size: 16px;
  text-transform: uppercase;
}
div.icono-red-social p.numero{
  color: #000000;
  margin-top: 20px 0;
}

/* nuestras-redes-sociales */
section.nuestras-redes-sociales{
  /*position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%); permite centrar en el header*/
  background-color: #26252C;
  display: flex;
  justify-content: center;
  border-top: 1px solid #A68F65;
  border-bottom: 1px solid #A68F65;
}
section.nuestras-redes-sociales ul{
  list-style: none;
}
@media only screen and (min-width: 375px){
  section.nuestras-redes-sociales ul li{
    width: 50px;
    height: 50px;
    margin: 0 5px;
    text-align: center;
    padding: 0;
    cursor: pointer;
    border-radius: 25%;
    border: 1px solid #ffffff;
    float: left;
    transition: all 0.3s ease;
  }
  section.nuestras-redes-sociales ul li .fab{
    color: #ffffff;
    margin-top: 8px;
    transition: all 0.3s ease;
  }
}
@media only screen and (min-width: 768px){
  section.nuestras-redes-sociales ul li{
    width: 60px;
    height: 60px;
    margin: 0 10px;
    text-align: center;
    padding: 0;
    cursor: pointer;
    border-radius: 50%;
    border: 3px solid #ffffff;
    float: left;
    transition: all 0.5s ease;
  }
  section.nuestras-redes-sociales ul li .fab{
    color: #ffffff;
    margin-top: 10px;
    transition: all 0.5s ease;
  }
}

/* Facebook */
section.nuestras-redes-sociales ul li:hover:nth-child(1){
  border: 3px solid #3b5998;
  box-shadow: 90 50 5px #3b5998;
  transition: all 0.5s ease;
  padding: 0px;
  margin: 0px;
}
section.nuestras-redes-sociales ul li:hover .fa-facebook-f{
  color: #3b5998;
  text-shadow: 90 50 5px #3b5998;
  transition: all 0.2s ease;
}
/* Twitter */
section.nuestras-redes-sociales ul li:hover:nth-child(2){
  border: 3px solid #00aced;
  box-shadow: 90 50 5px #00aced;
  transition: all 0.3s ease;
  padding: 0;
  margin: 0;
}
section.nuestras-redes-sociales ul li:hover .fa-twitter{
  color: #00aced;
  text-shadow: 90 50 5px #00aced;
  transition: all 0.5s ease;
}
/* Instagram */
section.nuestras-redes-sociales ul li:hover:nth-child(3){
  border: 3px solid #3f729b;
  box-shadow: 90 50 5px #3f729b;
  transition: all 0.5s ease;
  padding: 0;
  margin: 0;
}
section.nuestras-redes-sociales ul li:hover .fa-instagram{
  color: #3f729b;
  text-shadow: 90 50 5px #3f729b;
  transition: all 0.5s ease;
}
/* Snapchat */
section.nuestras-redes-sociales ul li:hover:nth-child(4){
  border: 3px solid #fffa37;
  box-shadow: 90 50 5px #fffa37;
  transition: all 0.5s ease;
  padding: 0;
  margin: 0;
}
section.nuestras-redes-sociales ul li:hover .fa-snapchat-ghost{
  color: #fffa37;
  text-shadow: 90 50 5px #fffa37;
  transition: all 0.5s ease;
}
/* Whatsapp */
section.nuestras-redes-sociales ul li:hover:nth-child(5){
  border: 3px solid #43d854;
  box-shadow: 90 50 5px #43d854;
  transition: all 0.5s ease;
  padding: 0;
  margin: 0;
}
section.nuestras-redes-sociales ul li:hover .fa-whatsapp{
  color: #43d854;
  text-shadow: 90 50 5px #43d854;
  transition: all 0.5s ease;
}








/** Sección del Footer **/
/* pie-paginas */
footer.pie-paginas{
  background-color: #26252C;
  padding-bottom: 5px;
}
footer.pie-paginas h1{
  color: white;
  text-align: center;
  padding: 15px 0;
  margin: 0;
  font-family: 'Oswald', sans-serif;
}
footer.pie-paginas span {
  color: orange;
}
footer.pie-paginas ul{
  text-align: center;
  padding: 0;
}
footer.pie-paginas li {
  display: inline-block;
  width: 150px;
  padding: 15px 0px;
  border-right: 1px solid #A68F65;
}
footer.pie-paginas li:last-child {
  border-right: 0px solid #A68F65;
}
footer.pie-paginas a{
  text-align: center;
  color: white;
  text-decoration: none;
  font-size: 14px;
}
footer.pie-paginas a:hover{
  color: orange;
  transition: 0.5s;
}
footer.pie-paginas p{
  text-align: center;
  color: white;
}
@media only screen and (min-width: 480px){
  footer.pie-paginas li:first-child {
    border-left: 1px solid #A68F65;
  }
  footer.pie-paginas li:last-child {
    border-right: 0px solid #A68F65;
  }
}
@media only screen and (min-width: 768px){
  footer.pie-paginas li:last-child {
    border-right: 1px solid #A68F65;
  }
}
@media only screen and (min-width: 1024px){
  footer.pie-paginas li:first-child {
    border-left: 0px solid #A68F65;
  }
  footer.pie-paginas li:last-child {
    border-right: 0px solid #A68F65;
  }
  footer.pie-paginas h1{
    color: white;
    position: absolute;
    padding: 0px;
    float: left;
    margin: 0;
    margin-left: 10%;
    font-family: 'Oswald', sans-serif;
  }
}





/** Barra de navegación responsive **/
.container {
  width: 100%;
  max-width: 120rem;
  margin: 0 auto;
  padding: 0 1.5rem;
}
nav {
  z-index: 1000;
  width: 100%;
  height: 5rem; /* height: 8rem; */
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(255, 255, 255, .5);
  position: fixed;
/*  background: linear-gradient( rgba(155, 182, 194, 0.6), rgba(71, 0, 94, 0.2) ); Color del Nav Bar*/
}
.navbar-brand{
  background-color: gray;
  width: 6rem;
  height: 6rem;
  border-radius: 100%;
  display: flex;
  position: fixed;
}
.navbar-brand i{
  font-size: 4rem;
  color: #ffffff;
  margin: auto;
}
.navbar-brand img{
  font-size: 4rem;
  color: #ffffff;
  margin: auto; /* margin: 0px?; */
  max-width: 100%;
}
.nav-list{
  display: flex;
  list-style: none;
}
.nav-link{
  font-size: 1.6rem;
  text-decoration: none;
  display: block;
  margin: 0 2rem;
  color: black; /* color: orange; */ /* las dos siguientes lineas ocultan el contenido del navbar*/
  transform: scale(0);
  transition: transform 650ms;
}
.nav-link.active {
  color: orange; /* Color para indicar el estado activo */
  font-weight: bold; /* O cualquier otro estilo que desees */
}

.nav-item{
  position: relative;
  line-height: 8rem;
  transition-delay: .6s;
  visibility: hidden;
}
.nav-item::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #ff4f79;
  left: 0;
  bottom: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 650ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.nav-item:hover::before{
  transform: scaleX(1);
  transform-origin: left;
}
/*hamburger menu*/
div.hamburger {
  /*width: 3.6rem;*/
  height: 1.8rem;
  position: relative;
  cursor: pointer;
  line-height: 5rem;
  z-index: 1500;
}
div.hamburger .line{
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  position: absolute;
  display: block;
  right: 0;
  transition: all 650ms;
}
/* Líneas del costado derecho para menu hamburguesa */
div.hamburger .line:nth-child(1){
  top: 0;
  margin-top: -1px;
  width: 3.6rem; /* Esta hp me estaba sacando dolor de cabeza*/
  height: 4px;
  border-radius: 10%;
}
div.hamburger .line:nth-child(2){
  top: 50%;
  margin-top: -1px;
  width: 2.8rem;
  height: 4px;
  border-radius: 10%;
}
div.hamburger .line:nth-child(3){
  top: 100%;
  margin-top: -2px;
  width: 2rem;
  height: 4px;
  border-radius: 10%;
}
div.hamburger.active .line:nth-child(1){
  transform: translateY(.8rem) rotate(45deg);
  width: 2rem;
}
div.hamburger.active .line:nth-child(2){
  opacity: 0;
}
div.hamburger.active .line:nth-child(3){
  transform: translateY(-.8rem) rotate(-45deg);
  width: 2rem;
}
ul.nav-list.active .nav-link{
  transform: scale(1); /* Muestra el texto menu como zoom */
}
.nav-list.active .nav-item{
  transition-delay: initial;
  visibility: visible;
}
/* transición con tiempo para el texto de navbar */
.nav-list.active .nav-item:nth-child(1) .nav-link{
  transition-delay: .5s;
}
.nav-list.active .nav-item:nth-child(2) .nav-link{
  transition-delay: .4s;
}
.nav-list.active .nav-item:nth-child(3) .nav-link{
  transition-delay: .3s;
}
.nav-list.active .nav-item:nth-child(4) .nav-link{
  transition-delay: .2s;
}
.nav-list.active .nav-item:nth-child(5) .nav-link{
  transition-delay: .1s;
}
/* Retorno de la animación texto navbar */
.nav-list .nav-item:nth-child(5) .nav-link{
  transition-delay: .1s;
}
.nav-list .nav-item:nth-child(4) .nav-link{
  transition-delay: .2s;
}
.nav-list .nav-item:nth-child(3) .nav-link{
  transition-delay: .3s;
}
.nav-list .nav-item:nth-child(2) .nav-link{
  transition-delay: .4s;
}
.nav-list .nav-item:nth-child(1) .nav-link{
  transition-delay: .5s;
}

@media screen and (max-width: 768px){
  .nav-list{
    width: 100%;
    height: 100vh;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #222146;
    position: fixed;
    left: 0;
    bottom: -100vh;
    transition: bottom 650ms;
  }
  .nav-list.active{
    bottom: 0;
  }

  .navbar-brand{
    align-items: center;
    align-content: center;
    align-self: center;

  }
}

/* Estilos para dispositivos de escritorio */
@media screen and (min-width: 769px) {
  .nav-list {
    display: flex;
    justify-content: flex-end; /* Alinea los elementos del menú a la derecha */
    background-color: transparent; /* Establece el color de fondo transparente */
    position: static; /* Elimina la posición fija */
    transition: none; /* Elimina la transición */
  }

  .nav-item {
    line-height: normal; /* Restaura la altura de línea normal */
    visibility: visible; /* Asegura que los elementos del menú sean visibles */
  }

  .nav-link {
    transform: none; /* Restaura la transformación a su estado original */
    transition: none; /* Elimina la transición */
  }

  .hamburger {
    display: none; /* Oculta el botón de hamburguesa en dispositivos de escritorio */
  }
}

















div.testimoniales {
  padding-bottom: 20px;
}
div.testimonial {
  padding: 5px;
}
@media only screen and (min-width: 768px){
  div.testimonial {
    float: left;
    width: 33.3%;
  }
}
blockquote {
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
  position: relative;
  margin: 0 0 10px 0;
  padding-bottom: 20px;
}
blockquote p {
  text-align: justify!important;
  font-size: 1em!important;
  font-family: 'PT Sans', sans-serif;
  padding: 0 20px 0 65px;
}
blockquote p:before {
  content: '\201c';
  position: absolute;
  left: 13px;
  top: 8px;
  font-size: 8rem;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #fe4918;
}
footer.info-testimonial {
  padding: 0;
}

footer.info-testimonial img{
  float: left;
  width: 20%;
  border-radius: 50%;
  margin-left: 20px;
}
footer.info-testimonial cite{
  text-align: left;
  color: #fe4918;
  text-transform: uppercase;
  font-size: 12px;
  padding-top: 20px;
  width: 66.6%;
  float: right;
  font-weight: bold;
  font-style: normal;
}
footer.info-testimonial cite span{
  color: #000000;
  display: block;
  text-transform: none;
  margin-top: 5px;  
}

/** newsletter **/
div.newsletter{
  position: relative;
  height: auto;
}
div.newsletter::before{
  background-image: url(../img/bg-newsletter.jpg);
  content: '';
}
div.newsletter .contenido{
  padding: 100px 0;
  color: #ffffff;
  text-align: center;
  position: relative;
}
div.newsletter .contenido p{
  font-size: 1.2em;
  text-transform: lowercase;
}
div.newsletter .contenido h3{
  color: #ffffff;
  text-transform: uppercase;
  font-size: 7vw;
  font-family: 'PT Sans', sans-serif;
}

/** Cuenta Regresiva **/
div.cuenta-regresiva ul li {
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  font-size: 1.6rem;
  text-align: center;
}
@media only screen and (min-width: 768px){
  div.cuenta-regresiva ul li {
    width: 25%;
    float: left;
  }  
}

/** Footer **/
footer.site-footer {
  background-color: #353535;
  padding-top: 40px;
  margin-top: 20px;
}
footer .contenedor > div {
  color: #ffffff;
  padding: 0px 20px;
  font-size: 12px;
}
@media only screen and (min-width: 768px){
  footer .contenedor > div {
    width: 33.3%;
    float: left;
  }
}
footer h3 {
  color: #ffffff;
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  margin-bottom: 20px;
}
footer h3 span {
  color: #fe4918;
}
footer .ultimos-tweets li {
  margin-bottom: 10px;
}
footer nav.redes-sociales {
  text-align: left;
}
p.copyright{
  background-color: #2e2e2e;
  padding: 10px 0;
  color: #ffffff;
  margin: 20px 0 0 0;
  text-align: center;
}





/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
  display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
* Extends the .sr-only class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/

.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
* Hide visually and from screen readers, but maintain layout
*/

.invisible {
  visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster */
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
     * Printing Tables:
     * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
     */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}