/* Google Lato Fonts */

body {
  font-family: "Lato", sans-serif !important;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem !important;
}

/* Google Lato Fonts END */

h1 {
  font-size: 3.5rem !important;
}

/* Estilo para el texto superpuesto */
.text-overlay {
  position: absolute;
  font-size: 1rem !important;
  top: 15%; /* Centra verticalmente el texto en el contenedor */
  left: 38%; /* Centra horizontalmente el texto en el contenedor */
}

.abs {
  position: absolute;
  top: 20%; /* Centra verticalmente el texto en el contenedor */
  left: 25%; /* Centra horizontalmente el texto en el contenedor */
  font-size: 1.4rem !important;
}

.bsFont {
  font-family: "Baguet Script Regular";
}

.mw-img {
  max-width: 8% !important;
}

.mw-mg-logo {
  max-width: 50% !important;
}

.divBar {
  max-width: 100% !important;
  background: rgb(77, 156, 72);
  background: -moz-linear-gradient(
    90deg,
    rgba(77, 156, 72, 1) 0%,
    rgba(77, 156, 72, 1) 50%,
    rgba(226, 54, 44, 1) 50%,
    rgba(226, 54, 44, 1) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(77, 156, 72, 1) 0%,
    rgba(77, 156, 72, 1) 50%,
    rgba(226, 54, 44, 1) 50%,
    rgba(226, 54, 44, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(77, 156, 72, 1) 0%,
    rgba(77, 156, 72, 1) 50%,
    rgba(226, 54, 44, 1) 50%,
    rgba(226, 54, 44, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4d9c48",endColorstr="#e2362c",GradientType=1);
}

.minHDivBar {
  font-size: 0.5rem !important;
  max-height: 10px !important;
  min-height: 10px !important;
}

.rem05 {
  font-size: 1.8rem !important;
}

.border-p {
  border-radius: 15px !important;
}

.bg-green {
  background-color: #3ec658 !important;
}

.bg-green-l {
  background-color: #9ff0af !important;
}

.bg-green-d {
  background-color: #377643 !important;
}

.text-gold {
  color: #9d753b !important;
}

.text-silver {
  color: #8b8b8b !important;
}

.text-copper {
  color: #764f39 !important;
}

.envelope {
  height: 32px;
  width: 32px;
  color: #28a745;
  font-size: 32px;
  letter-spacing: 0;
  line-height: 32px;
}

.color660033 {
  color: #660033 !important;
}

/* ABRAHAM FIXES */

.card.border-p {
  margin-top: 5px !important;
}

.img-fluid.logo-footer {
  margin-left: 0px !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0rem !important;
}

.col-12.col-sm-12.col-md-3.my-2.social-icons {
  margin-bottom: 0.5rem !important;
}

.mt-5,
.my-5 {
  margin-top: 1rem !important;
}

.mb-2,
.my-2.ingredient-card {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.medal {
  display: flex;
  align-items: center;
  justify-content: center;
}

.medal-bir {
  display: flex;
  align-items: center;
  justify-content: center;
}

.medal-t2 {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
  .col-12.col-sm-12.col-md-3.my-auto.social-media-icons {
    flex: 0 0 60%;
    margin-top: 6px !important;
    margin-left: 20%;
  }

  .bottom-green-bar {
    margin-top: 0.5rem;
  }
  .text-right.center-from-rigth {
    text-align: center !important;
  }
  .text-left.center-from-left {
    text-align: center !important;
  }
  ul.text-left.center-from-left {
    list-style-position: inside !important;
    padding-left: 0px !important;
  }
  .social-icons img.img-fluid.rounded.rounded-circle.mw-img.mx-1 {
    max-width: 1.4rem !important;
  }
}

/* MEDALS */
.text-overlay.medal-text {
  position: absolute;
  top: auto !important; /* Centra verticalmente el texto en el contenedor */
  left: auto !important; /* Centra horizontalmente el texto en el contenedor */
}

@media (max-width: 459px) {
  .medal .text-overlay.medal-text {
    font-size: 0.8rem !important;
    /*color: red!important;*/
  }
}

@media (min-width: 460px) and (max-width: 767px) {
  .medal .text-overlay.medal-text {
    font-size: 1.25rem !important;
    /*color: greenyellow!important;*/
  }
}

@media (max-width: 340px) {
  .medal-bir .text-overlay.medal-text {
    font-size: 1rem !important;
    /*color: red!important;*/
  }
}

@media (min-width: 341px) and (max-width: 767px) {
  .medal-bir .text-overlay.medal-text {
    font-size: 1.4rem !important;
    /*color: greenyellow!important;*/
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .text-overlay.medal-text {
    font-size: 0.7rem !important;
    /*color: blueviolet!important;*/
  }

  .medal-t2 h4 {
    font-size: 1rem !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .text-overlay.medal-text {
    font-size: 0.85rem !important;
    /*color: chocolate!important;*/
  }
  .medal-t2 h4 {
    font-size: 1.3rem !important;
  }
}

@media (min-width: 992px) {
  .col-12.col-sm-12.col-md-3.my-auto.social-media-icons img {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

@media (min-width: 1200px) {
  .text-overlay.medal-text {
    font-size: 1rem !important;
    /*color: yellow!important;*/
  }
}

td.text-center.tabla-bir {
  vertical-align: middle !important;
}

td.text-center.tabla-bir.color-empresario-bronce {
  background-color: #d68f68;
}
td.text-center.tabla-bir.color-empresario-plata {
  background-color: Gainsboro;
}
td.text-center.tabla-bir.color-empresario-oro {
  background-color: gold;
}

:root {
  --inner-w-fac: 1;
}

@media (min-width: 768px) {
  div.container-fluid
    div.text-resize-a
    span:not(.text-success, .text-danger, .bsFont),
  div.container-fluid div.text-resize-a p,
  div.container-fluid div.text-resize-a li,
  div.container-fluid div.text-resize-a span {
    font-size: calc(10px * var(--inner-w-fac)) !important;
    /*color:royalblue;*/
  }
  div.container-fluid
    div.text-resize-c
    span:not(.text-success, .text-danger, .bsFont),
  div.container-fluid div.text-resize-c p,
  div.container-fluid div.text-resize-c li,
  div.container-fluid div.text-resize-c span {
    font-size: calc(7.8px * var(--inner-w-fac)) !important;
    /*color:royalblue;*/
  }
  div.container-fluid div.text-resize-a h1,
  div.container-fluid div.text-resize-b h1,
  div.container-fluid div.text-resize-c h1 {
    font-size: calc(13.5px * var(--inner-w-fac)) !important;
    /*color:royalblue;*/
  }
  div.container-fluid div.text-resize-a h2,
  div.container-fluid div.text-resize-b h2,
  div.container-fluid div.text-resize-c h1 {
    font-size: calc(13px * var(--inner-w-fac)) !important;
    /*color:royalblue;*/
  }
  div.container-fluid div.text-resize-a h3,
  div.container-fluid div.text-resize-b h3,
  div.container-fluid div.text-resize-c h1 {
    font-size: calc(11px * var(--inner-w-fac)) !important;
    /*color:royalblue;*/
  }
  div.container-fluid div.text-resize-a h4,
  div.container-fluid div.text-resize-b h4,
  div.container-fluid div.text-resize-c h1 {
    font-size: calc(11px * var(--inner-w-fac)) !important;
    /*color:royalblue;*/
  }
  div.container-fluid
    div.text-resize-b
    span:not(.text-success, .text-danger, .bsFont),
  div.container-fluid div.text-resize-b p,
  div.container-fluid div.text-resize-b li {
    font-size: calc(8px * var(--inner-w-fac)) !important;
    /*color:greenyellow;*/
  }

  .highlighted-text {
    color: #28a745 !important;
    letter-spacing: -1px;
    /*font-family: "Baguet Script";*/
    font-style: italic;
    position: relative;
    z-index: 4;
  }
}
@media (min-width: 768px) {
  .col-md-2.adjust-to-five {
    -ms-flex: 0 0 20% !important;
    flex: 0 0 20% !important;
    max-width: 20% !important;
  }
}

.footer {
  margin-bottom: 0.5rem;
}

.flex-image-container,
.flex-text-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.tabla-bir-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.text-line-container{
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  
}

.line-container{
  display: block;
  margin-top: 2rem;
  margin-top: calc(-3px * var(--inner-w-fac)) !important;
}

.line {
  width: 100% !important;
  height: 25px;
  display: block;
  margin: 0 auto;
}

/* INGREDIENTES */

@media (min-width: 768px) {
  div:not(.text-resize-a) h1.text-center.mt-4.font-weight-bold.titulo-producto {
    font-size: 2rem !important;
  }

  .container.ingredients {
    padding-bottom: 0.75rem;
  }
}

@media (max-width: 459px) {
  h1.text-center.mt-4.font-weight-bold.titulo-producto {
    font-size: 2.5rem !important;
  }
}

.ingredient-container {
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
  img.card-img-top.img-fluid.ingredient-img {
    height: 80%;
    width: auto !important;
  }
}

@media (min-width: 769px) and (max-width: 1199px) {
  img.card-img-top.img-fluid.ingredient-img {
    height: 80%;
    width: auto !important;
  }
}

@media (min-width: 1200px) {
  img.card-img-top.img-fluid.ingredient-img {
    height: 80%;
    width: auto !important;
  }
}

.card-header.text-center {
  padding: 0 !important;
}

/* Centrado de texto e imágenes horizontalmente*/

.center-elements{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /*background-color: #28a745;*/
}

.center-elements-products{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start !important;
  /*background-color: #28a745;*/
}

div.center-elements:has(img.img-thumbnail){
  /*background-color: #28a745;*/
  align-items: center;
}

@media (min-width: 768px) {
  div.center-elements:has(:not(img.img-thumbnail)):not(.offset-md-1){
    /*background-color: yellow;*/
    padding-right: 5vw;
  }
  .offset-md-1 {
      margin-left: 5vw !important;
      /*background-color: aquamarine;*/
  }
}

@media (min-width: 2349px) {
  .img-thumbnail{
    min-height: 46vh !important;
  }
}

/*Line fade In*/
img.line {
  opacity: 0;
  transition: opacity 1s ease;
}

img.line.fade-in {
  opacity: 1;
  margin: 0;
}

/*Ajuste centrado de botellas y coronas*/
img.botella{
  max-height: 700px;
  margin-top: 6vh;
}

img.corona{
  max-height: 700px;
}


@media (min-width: 768px) {
  div.center-elements:has(img.corona), div.center-elements:has(img.botella){
    /*background-color: pink;*/
    padding-right: 0 !important;
  }
}

.negrita-cursiva {
  font-weight: bold; /* Negrita */
  font-style: italic; /* Cursiva */
}

.centrado {
  text-align: center;
}

.texto-en-una-linea {
  white-space: nowrap;
}

.texto-grande {
  font-size: 20px; /* Tamaño de fuente aumentado */
}

h1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.div-cuadro-honor {
  background-image: url('../img/cuadro_honor.png'); /* Ruta de la imagen PNG */
  background-size: cover; /* Ajusta la imagen al div */
  background-position: center; /* Centra la imagen */
  background-repeat: no-repeat; /* Evita que la imagen se repita */
  width: 100%; /* Ajusta el ancho */
  height: 650px; /* Define una altura */
}

.medalla {
  width: 180px;
  height: 180px;
  background: url('../img/moneda_cuadro_honor.png') no-repeat center center;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.profile-pic {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
}
.honor-section {
  text-align: center;
}

#paypal-button-container {
  min-height: 450px; /* un mínimo para que quepa el formulario completo */
  overflow-y: auto !important;
}

@font-face {
  font-family: "Baguet Script Regular";
  src: url('../fonts/Baguet_Script_Regular.woff2') format('woff2'),
       url('../fonts/Baguet_Script_Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}