/*
Theme Name: Banquetes Camino
Theme URI: https://banquetescaminopremium.mx/
Author: Tu Nombre
Author URI: https://tusitio.com/
Description: Tema personalizado para Banquetes Camino
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: banquetes-camino
*/

@font-face {
  font-family: "Inter";
  src: url("fonts/Inter/Inter-VariableFont.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Inter-thin";
  src: url("fonts/Inter/static/Inter_18pt-Thin.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Aboreto";
  src: url("fonts/Aboreto/Aboreto-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

body {
  max-width: 100vw;
  overflow-x: hidden;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Inter;
  max-width: 100vw;
}
.container {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.section-title {
  text-align: center;
  font-size: 80px;
  text-transform: uppercase;
  padding: 32px;
  font-family: Aboreto;
}

.primary-btn {
  color: white;
  background-color: #121212;
  min-width: 160px;
  padding: 16px 32px;
  border: none;
  border-radius: 8px;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  border: solid 1px #121212;
}
.primary-btn:hover {
  color: #121212;
  background-color: #ffffff00;
  border: solid 1px #121212;
}
.primary-btn:active {
  color: #121212;
  background-color: #ffffff00;
  border: solid 1px #121212;
  opacity: 0.8;
}

/* Default: both visible */
.show-on-mobile,
.hide-on-mobile {
  display: block;
}

/* Media query for mobile and tablet (up to 1024px wide) */
@media screen and (max-width: 1024px) {
  .section-title {
    background-color: white;
    text-align: center;
    font-size: 50px;
    text-transform: uppercase;
    padding: 32px;
    font-family: Aboreto;
  }
}

:root {
  --swiper-navigation-color: #000000; /* Cambia este color a tu preferencia */
  --swiper-pagination-color: #000000; /* Cambia este color a tu preferencia */
}