/*
Theme Name: El Toma Más
Theme URI: https://example.com
Author: Your Name
Author URI: https://example.com
Description: A custom WordPress theme with Bootstrap 5
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eltomamas
*/


@font-face {
  font-family: "Inter";
  src: url("Inter/fonts/Inter-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("Inter/fonts/Inter-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ubuntu";
  src: url("Ubuntu/Ubuntu-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ubuntu";
  src: url("Ubuntu/Ubuntu-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Your custom styles go here */
body {
  font-family: "Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.site-header {
  background: #333;
  color: white;
  padding: 1rem 0;
}

.site-footer {
  background: #f8f9fa;
  padding: 2rem 0;
  margin-top: 3rem;
}

.logo, .custom-logo{
  max-height: 121px;
  max-width: 121px;
}
.site-header, .yellow-bg{
  background-color: #fcbe04;
}
nav.navbar.navbar-expand-lg.navbar-light{
  height: 100px !important;
}
.black-bg {
  background: #000 !important;
  
}

img.img-fluid {    
  cursor: pointer;
}

.mt-10 {
  margin-top: 100px;
}

.img-wrapper {
  overflow: hidden;
  display: inline-block;
}

.hover-img {
  display: block;
  width: 100%;
  transition: none; /* GSAP controla todo */
}

.ubuntu {
  font-family: "Ubuntu", sans-serif;
  font-size: 2rem;
  color: #333;
  margin-top: 1rem;
}
.float-left {
  float: left;
}

.menu-selector{
  font-weight: 700;

}

.menu-selector span {
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
}
.menu-selector span.active {
  border-bottom: 3px solid #333;
}


.container-horizontal-scroll{
  width: 4000px;
  overflow-x: auto;
}
.container-horizontal-scroll>.row{
  width: 33.33%;
}


.rounded-square {
  border: 3px solid;
  border-radius: 10px;
  padding: 10px;
  margin-right: 4px;
  min-width: 30px;
  display: inline-block;
}
.rounded-square a {
  color: #333;
  text-decoration: none;
}

.section-title {
  font-family: "Ubuntu", sans-serif;
  font-size: 2rem;
  color: #333;
  margin-bottom: 1rem;
  font-weight: bold;
}

.price{
  font-weight: 700;
  font-size: 1.5rem;
}

.float-right {
  float: right;
}

.page-changer .rounded-square {
  padding: 10px 30px;
}
.page-changer .rounded-square i{
 color:#fff
}

.bg-bubbles{
  height: 1728px;
  background: url("assets/images/BG.png") top center;
}
.bg-bubbles h4, .our-flavors h4{
  font-family: "Ubuntu", sans-serif;
  font-size: 140px;
  color: #fff;
  margin-top: 1rem;
  font-weight: bold;
}
.bg-bubbles p{
  font-family: "Ubuntu", sans-serif;
  font-size: 24px;
  color: #fff;
}
.bg-gradient {
  height: 1200px;
  background: linear-gradient(180deg, #fcbe04 0%, #f8f9fa 100%);
}
.bg-blue-gradient {
  height: 1200px;
  background: #1143A3;
  background: radial-gradient(circle, rgba(17, 67, 163, 1) 0%, rgba(15, 39, 84, 1) 100%);
}
.our-flavors .col-12.text-center{
  color: #fff;
  position: relative;
}
.our-flavors h4{
  position: absolute;
  top: 36%;
  margin: 0 auto;
  left: 37%;
  text-align: left;
  line-height: 110px;
}