/*
Theme Name: Teppan House 2023
Version: 1.0
Section: Index - TH
Theme URI: http://www.goglo.agency
Author: Jose Esquivel Gloria
Author URI: http://josegloria.com.mx/
*/

/* Estilos personalizados */

/* Estilos generales */
body {
  background: #1a1a1a;
  font-family: 'Gotham', sans-serif;
  margin: 0;
  padding: 0;
}

/* Barra de navegación */
.navbar-logo img {
  height: 36px;
  padding: 10px 0px;
}

.nav-th {
  /* From https://css.glass */
background: rgba(21, 21, 21, 0.2);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
  padding: 30px 40px;
}

.navbar-nav a {
  color: #FFF;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
  margin-right: 5px;
}

.navbar-nav a.nav-link:hover,
.navbar-nav a.nav-link.active {
  color: #E30083 !important;
  text-decoration: none !important;
  border-bottom: 4px solid #E30083 !important;
  padding-bottom: 4px !important;
}

.navbar-toggler {
  border: none;
}
.navbar-toggler i {
    color: #E30083; /* Cambia el color del icono a tu preferencia */
    font-size: 27px;
    margin-top: 1px;
} 

/* Estilo de la sección principal de la página de inicio */
.main-home {
  margin: 0px;
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Estilos para el efecto de parallax */
.parallax {
  height: 90vh;
  overflow: hidden;
  position: relative;
}

.parallax:before {
  content: "";
  background: url('/assets/img/fondo-home.jpg') center center / cover no-repeat fixed;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/* Estilos del footer */
.footer1-th {
  background-color: #151515;
  padding: 30px 40px;
  text-transform: uppercase;
  font-weight: 500;
}

.footer2-th {
  background-color: #E30083;
  color: #eee;
  font-size: 10px;
  padding: 30px 0px;
  text-transform: uppercase;
  font-weight: 500;
}

.footer-bottom {
  background-color: #E30083;
  color: #FFF;
  text-align: center;
  padding: 10px;
  text-transform: uppercase;
}

.footer-menu a {
  color: #FFF;
  text-decoration: none;
  margin-right: 20px;
}

.footer-social a {
  color: #E30083;
  margin-left: 10px;
  text-decoration: none;
}

.footer-social a:first-child {
  margin-left: 0; /* Elimina el margen solo para el primer enlace */
}


@media (max-width: 768px) {
.footer-social, .footer-menu{
width: max-content;
margin: 0 auto;
text-align:center;
}
.footer-social a:first-child {
  margin-left: 0px; /* Elimina el margen solo para el primer enlace */
}


}

.footer-autor,
.footer-autor a,
.footer-autor a:hover,
.footer-autor a:active {
  color: #a1005d;
  margin-left: 3px;
  text-decoration: none;
}

/* Encabezado */
header {
  text-align: center;
}
.header-th {
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: 600;
  text-shadow: 0 0 black;
}

.tituloCont {
  background: #151515 url(/assets/img/fondo_pattern_TH.svg);
  background-attachment: fixed;
  background-position: top;
  background-repeat: repeat;
  background-size: 50px;
  padding: 10em 0 2em 0;
  text-align: center;
}
.tituloCont-2 {
  padding: 10em 0 2em 0;
  text-align: center;
}

.migaja,
.migaja a,
.migaja a:hover,
.migaja a:active {
  display: -webkit-inline-box;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0rem 0rem;
  margin-bottom: 1rem;
  list-style: none;
  text-align: center;
  border-radius: 0.25rem;
  color: #FFFFFF;
  font-weight: 400;
  text-shadow: 0 0 5px black;
  text-decoration: none;
}

/* Sección principal */
.main {
  background: #1a1a1a;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*Contenedores */


.info-suc {
text-transform: none !important;
font-weight: 400 !important;
margin-top: -4px !important;
line-height: 25px;
}
.info-suc p{
margin-bottom: 2px;
}
.cont-th-gris h3, 
.cont-th-rosa h3{
font-size: 32px;
padding-bottom:1em;
}

.cont-th-gris a,
.cont-th-gris a:hover,
.cont-th-gris a:active,
.cont-th-rosa a,
.cont-th-rosa a:hover,
.cont-th-rosa a:active{ /* para enlaces de teléfonos en móvil */
color: #FFF;
text-decoration:none;
}


/* Contenedor Gris */

.cont-th-gris {
  background: #1a1a1a;
  border-bottom: solid 60px #fe007a;
  margin-top: -60px;
  margin-bottom: -100px;
  padding-top: 60px;
  padding-bottom: 0;
}
.cont-th-gris:first-child {
  padding-top: 0;
  margin-top: 0;
}

.cont-th-gris:last-child {
  padding-bottom: 60px;
  margin-bottom: 0;
  border-bottom: 0px;
}

.cont-th-gris h3,
.cont-th-gris span,
.cont-th-gris i,
.cont-th-gris .sucursal-btn {
  color: #FFF;
  text-transform: uppercase;
  font-weight: 600;
}

.cont-th-gris i,
.cont-th-gris .sucursal-btn {
  color: #fe007a;
}

.cont-th-gris .sucursal-btn {
  display: inline-block;
  padding: 7px 10px;
  font-size: 16px;
  border: 1px solid #fe007a;
  background-color: transparent;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}

.cont-th-gris .sucursal-btn:hover {
  background-color: #fe007a;
}

.cont-th-gris .sucursal-btn:hover,
.cont-th-gris .sucursal-btn:hover > i {
  color: #fff;
}

/* Contenedor Rosa */

.cont-th-rosa {
  background: #fe007a;
  margin-top: -60px;
  margin-bottom: -100px;
  padding-top: 60px;
  border-bottom: solid 60px #1a1a1a;
}
.cont-th-rosa:first-child {
  padding-top: 0;
  margin-top: 0;
}
.cont-th-rosa:last-child {
  padding-bottom: 60px;
  margin-bottom: 0;
  border-bottom: 0px;
}

.cont-th-rosa h3,
.cont-th-rosa span,
.cont-th-rosa i,
.cont-th-rosa .sucursal-btn {
  color: #FFF;
  text-transform: uppercase;
  font-weight: 600;
}

.cont-th-rosa .sucursal-btn {
  display: inline-block;
  padding: 7px 10px;
  font-size: 16px;
  border: 1px solid #fff;
  background-color: transparent;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}

.cont-th-rosa .sucursal-btn:hover {
  background-color: #fff;
}

.cont-th-rosa .sucursal-btn:hover,
.cont-th-rosa .sucursal-btn:hover > i {
  color: #1a1a1a;
}


/* Contenedor generico Gris */

.cont-gn-gris {
  background: #1a1a1a;
  margin: 0 auto;
  padding: 50px 0 30px;
  color: #FFF;
}

.cont-gn-gris h1{
  font-weight: 700;
  font-size: 2em;
}
.teppan-btn {
  display: inline-block;
  padding: 7px 10px;
  font-size: 16px;
  border: 1px solid #fff;
  background-color: transparent;
  border-radius: 6px;
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}
.teppan-btn:hover {
  background-color: #fe007a;
  color: #fff;
  border: 1px solid #fe007a;
}
@media (max-width: 1375px) {
  /* Estilos generales para pantallas de 1365px o menos */
.container{
    font-size: 90% !important; 
  }
.info-suc {
 line-height: 20px;
}
.cont-th-gris .sucursal-btn, 
.cont-th-rosa .sucursal-btn {
font-size: 100%;
}

}


/* Contenedor Menú */

.cont-gn-menu {
  background: #151515 url(/assets/img/fondo_pattern_TH.svg);
  background-attachment: fixed;
  background-position: top;
  background-repeat: repeat;
  background-size: 50px;
  margin: 0 auto;
  padding: 50px 0 30px;
  color: #FFF;
}
.menu-carta{
 width: 470px; height: 550px;
}
@media (max-width: 768px) {
.menu-carta{
width: 100%;
height: 70vh;
margin: 0 auto;
}
.cont-gn-menu {
padding: 0px;
}

}

/* Contacto */
#contactLink{
cursor:pointer;
}