iti__flag {
  background-image: url('https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/18.1.1/img/flags.png');
}

@keyframes pulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.8;
    transform: scale(1.05);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

#efectivo-ticket-message {
  color: #FFD700;
  font-weight: bold;
  text-align: center;
  animation: pulse 1.5s infinite;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  padding: 10px 5px;
  margin-top: 10px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  border: 1px solid #FFD700;
}

/* Styling for EFECTIVO readonly input */
input.efectivo-readonly {
  background-color: #3a3a3a !important;
  opacity: 0.7;
  color: #FFD700 !important;
  text-align: center;
  font-weight: bold;
  cursor: not-allowed;
}

/* Hide the "Cantidad de Tickets" label when EFECTIVO is selected */
.ticket-label-hidden {
  display: none !important;
}

/* Hide button group for EFECTIVO rifa */
.button-group-hidden {
  display: none !important;
}

/* Lookup form styles */
#lookupResult {
  display: none;
  background: linear-gradient(120deg, #f6f6fa 60%, #ffe9a8 100%);
  border-radius: 18px;
  box-shadow: 0 2px 24px 0 #ffe17044, 0 1.5px 12px #ffd70028;
  padding: 34px 20px 22px 20px;
  text-align: left;
  position: relative;
  border: 1.5px solid #FFD369;
  font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif;
  font-size: 1.1em;
  color: #7b6f45;
}

#lookupResult .tickets-list {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

#lookupResult span {
  color: black !important;
}

.subscribe-area .left {
  padding: 10px;
}

#lookupResult p {
  margin: 0 0 12px 0;
  font-weight: 600;
  color: #8f8fa6;
  text-align: left;
}

#lookupResult .ticket-sticker {
  display: inline-block;
  background: linear-gradient(100deg, #ffe170 90%, #fffbe7 100%);
  color: #232323;
  font-weight: 900;
  font-size: 1.32em;
  border-radius: 13px;
  border: 2.7px solid #e5c108;
  box-shadow: 0 4px 16px 0 #ffd70036, 0 1.5px 2.5px #c08a2f18;
  margin: 5px;
  padding: 9px 20px 9px 20px;
  letter-spacing: 0.08em;
  vertical-align: middle;
  position: relative;
  transition: 
    transform 0.16s cubic-bezier(.61,-0.13,.52,1.15), 
    box-shadow 0.18s cubic-bezier(.44,.7,.51,1.24);
  cursor: pointer;
  user-select: all;
  overflow: hidden;
}

#lookupResult .ticket-sticker::after {
  content: "";
  display: block;
  position: absolute;
  top: 8px; left: 16px;
  width: 18px; height: 9px;
  background: linear-gradient(100deg, #fffbe777 0%, #fffbe722 100%);
  opacity: 0.7;
  border-radius: 7px 9px 9px 6px;
  pointer-events: none;
  filter: blur(1.4px);
}

#lookupResult .ticket-sticker:hover {
  transform: scale(1.09) rotate(-2deg);
  box-shadow: 0 7px 24px 0 #ffd7007e, 0 2px 7px #c08a2f38;
  background: linear-gradient(90deg, #fffbe7 60%, #ffd700 100%);
  border-color: #FFD369;
}

#lookupResult .rifa-group {
  margin-bottom: 20px;
  background: linear-gradient(120deg, #fffcf0 80%, #ffe9a8 100%);
  border-radius: 15px;
  padding: 12px 15px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  border: 1px solid #ffd70070;
  width: 100%;
}

#lookupResult .rifa-name {
  font-weight: 700;
  font-size: 1.2em;
  margin: 0 0 10px 0;
  color: #c08a2f;
  text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
  border-bottom: 1px dashed #ffd70070;
  padding-bottom: 5px;
}

#lookupResult .email-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  margin-top: 14px;
  background: linear-gradient(100deg, #bdbdbd 70%, #e0e0e0 100%);
  color: #444;
  font-size: 1.2rem;
  font-family: inherit;
  font-weight: 700;
  padding: 10px 24px;
  border: none;
  border-radius: 22px;
  box-shadow: 0 2px 24px #bdbdbd30, 0 1.5px 8px #ffd70021;
  cursor: pointer;
  letter-spacing: 0.07em;
  transition: background 0.14s, color 0.13s, box-shadow 0.17s;
  outline: none;
  gap: 9px;
  position: relative;
  text-decoration: none;
}

#lookupResult .email-button:hover,
#lookupResult .email-button:focus {
  background: linear-gradient(100deg, #ffd700 78%, #fffbe7 100%);
  color: #232323;
  box-shadow: 0 6px 24px 0 #ffd70070, 0 2px 7px #c08a2f38;
  outline: none;
  text-decoration: none;
}

@media (max-width: 500px) {
  #lookupResult {
    padding: 18px 3vw 18px 3vw;
    font-size: 1em;
  }
  #lookupResult .ticket-sticker {
    font-size: 1em;
    padding: 6px 11px;
  }
  #lookupResult .tickets-list {
    gap: 6px;
  }
  #lookupResult .rifa-name {
    font-size: 1.1em;
  }
}

    #successModal {
 color: white;
 z-index: 1000;
}
.la-user{
color: white;
}


body
 {
background-color: #000;
}


.text-shadow {
  animation: glow-pulse 2.5s ease-in-out infinite;
  color: #fff; /* white text really makes the gold glow pop */
  text-shadow:
    /* tiny sharp edges */
    0 0 2px #FFD369,
    /* soft mid-range glow */
    0 0 6px #FFD369,
    /* big fuzzy halo */
    0 0 12px rgba(255, 211, 105, 0.7),
    0 0 24px rgba(255, 211, 105, 0.5),
    0 0 36px rgba(255, 211, 105, 0.3);
  /* extra oomph via filter */
  filter:
    drop-shadow(0 0 4px #FFD369)
    drop-shadow(0 0 8px #C08A2F)
    drop-shadow(0 0 16px rgba(192, 138, 47, 0.7));
}

@keyframes glow-pulse {
  0%, 100% {
    filter:
      drop-shadow(0 0 8px #FFD369)
      drop-shadow(0 0 16px rgba(255, 211, 105, 0.7));
  }
  50% {
    filter:
      drop-shadow(0 0 20px #FFD369)
      drop-shadow(0 0 40px rgba(255, 211, 105, 0.7));
  }
}


.logo-main {
width: 120px;
}
#metodos {
scroll-margin-top: 200px;
}




  #navbarSupportedContent2  {
display: flex;
justify-content: space-between;
width: 100%;
max-width: 800px;
}
.navbar-nav2 {  
display: flex;
justify-content: space-around;
width: 100%;
flex-wrap: wrap;
margin: 0 auto;
align-items: center;
border-radius: 10px;
  /* semi-transparent so backdrop can show */
  /* background-color: rgba(0, 0, 0, 0.5); */

  /* blur the content behind the navbar */
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}

.navbar-nav2 li a {
color: white;
padding: 0px;
display: inherit;
align-items: center;
padding-top: 5px;
}

.container2 {
position: fixed;
z-index: 1000;
display: flex;
width: 100%;
justify-content: center;
align-items: center;
flex-wrap: wrap;
background-color:black;
border-bottom:  4px solid #C08A2F;
}

.header__top {
padding: 0px !important;
}

.cmn-btn {
padding: 5px 10px 5px 10px;
}


.promo-banner {
  width: 100vw;
  min-height: 60px;
  overflow: hidden;
  background: #111;
  color: #fff;
  font-weight: 900;
  font-size: 1.3rem;
  position: relative;
  box-shadow: 0 4px 24px 0 rgba(255,215,0,0.10), 0 0 32px #111a;
  border-top: 3px solid;
  border-bottom: 3px solid;
  border-image: linear-gradient(90deg,#ffd700,#fffbe7,#c08a2f,#ffd700) 1;
  font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif;
  user-select: none;
  letter-spacing: 2px;
  z-index: 9999;
}

.promo-track {
  display: flex;
  width: max-content;
  min-width: 200vw;
  animation: promo-marquee 15s linear infinite;
  align-items: center;
  padding: 0.5em 0;
}

.promo-banner span {
  display: inline-block;
  white-space: nowrap;
  margin-right: 70px;
  /* Texto gold animado con gradiente */
  background: linear-gradient(90deg,#fffbe7 15%,#ffd700 35%,#c08a2f 65%,#ffd700 85%);
  background-size: 300%;
  background-position: 0% 50%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  text-shadow:
    0 2px 8px #c08a2f66,
    0 0 6px #ffd70044;
  font-size: 1.25em;
  font-family: inherit;
  font-weight: 900;
  animation: gold-text-glow 4s linear infinite alternate;
}

@keyframes gold-text-glow {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

@keyframes promo-marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.promo-shine {
  position: absolute;
  top: 0; left: -60%;
  width: 60%;
  height: 100%;
  background: linear-gradient(120deg, transparent 10%, #ffd70033 40%, #fffbe7cc 60%, transparent 90%);
  filter: blur(2px);
  pointer-events: none;
  animation: promo-shine-move 4s linear infinite;
}
@keyframes promo-shine-move {
  0% { left: -60%; }
  100% { left: 110%; }
}

.promo-close {
  position: absolute;
  right: 18px;
  top: 8px;
  background: rgba(255,215,0,0.17);
  color: #ffd700;
  border: none;
  font-size: 1.8em;
  line-height: 1;
  border-radius: 50%;
  width: 32px; height: 32px;
  cursor: pointer;
  z-index: 2;
  box-shadow: 0 2px 6px #c08a2f18;
  transition: background 0.2s, color 0.2s;
}
.promo-close:hover {
  background: #fffbe7;
  color: #c08a2f;
}

@media (max-width: 600px) {
  .promo-banner {
    font-size: 1rem;
    min-height: 45px;
    padding: 0;
  }
  .promo-banner span { margin-right: 35px; font-size: 1em; }
  .promo-close { right: 9px; top: 6px; width: 26px; height: 26px; font-size: 1.2em; }
}



h1 {
      text-align: center;
      margin-bottom: 20px;
    }

    /* Each row-block holds 1 big image + 2 small stacked images */
    .row-block {
      display: flex;
      gap: 10px;
      margin-bottom: 10px;
      height: auto; /* fixed row height so images line up nicely */
      max-width: 1100px;
      margin: 0 auto;
      margin-bottom: 30px;
    }
    /* For any .row-block, images fill the available space without distortion */
    .row-block img {
      width: 50%;
      height: 50%;
      object-fit: cover; /* crop without distortion */
      border-radius: 8px;
      cursor: pointer;   /* indicate clickable images */
    }

    /* Pattern 1: Big image on the LEFT, small images on the RIGHT */
    .left-big .big {
      flex: 2; /* Big image takes about 2/3 of the row-block width */
    }
     .left-big .small-images  img{
width: 100% !important;
}
     .right-big .small-images  img{
width: 100% !important;
}

    .left-big .small-images {
      flex: 1; /* The stacked small images take the remaining space */
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    /* Pattern 2: Big image on the RIGHT, small images on the LEFT */
    .right-big .big {
      flex: 2;
    }
    .right-big .small-images {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    /* Make it scale nicely on smaller screens */
    @media (max-width: 768px) {
      .row-block {
        flex-direction: column; /* stack big + small vertically */
        height: auto;          /* let height adjust naturally on smaller devices */
      }
      .row-block .big, .row-block .small-images {
        width: 100%;
        height: auto;
      }
    }




    @media screen and (max-width: 480px) {
    /* Aquí van tus estilos específicos para móviles pequeños */
    .navbar {
    display: none;
    }
 
    .container {
 padding: 0px;
}

    #paymentTypeContainer {
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 30px;
    gap: 10px;
    }

    #paymentTypeContainer button {
    margin: 0px;
    width: 300px;
    padding: 10px !important;
    }

    #rateDisplay {
    padding-left: 5px;
    }

    .title-box {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 20px;
    }

    .main-container{
    justify-content: center;
    }

    .site-logo2 {
    max-width: 450px !important;
    }

    .container {
    color: white    !important;
    }
    .cantidad-tickers {
    gap: 10px;
    flex-direction: column;
    margin-bottom: 20px;
    }
  .g-recaptcha {
    transform: scale(0.7);
    height: 68px;
  }




.total-box  {
justify-content: center;

}
#paymentTypeContainer {
margin: 0px;
}
.total-box {
flex-direction: column;

}
.hero__car img {
max-width: 30%;
margin-left: 40px;
}
.payment_info_container {
flex-direction: column;
}
.navbar-nav2 li a  {
font-size: 11px !important;
}
.logo-payment img {
width:80px;
}
.payment-info p{
font-size: 14px;
}
#paymentLabel {
font-size: 1px;
}
.logo-main {
width: 80px !important;
}
.promo-banner span{
font-size: .7rem;
}
.payment-info span i {
font-size: 20px;

}

.raffle-options {
gap: 40px !important;
}
.logo-footer{
margin: 0 auto;
}

    }
    /* Modal styles */
    .modal {
      display: none;           /* hidden by default */
      position: fixed;
      z-index: 999;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.8);
      overflow: auto;          /* enable scroll if image is tall */
      text-align: center;
      align-items: center;
      justify-content: center;
    }
    .modal.show {
      display: flex;           /* show the modal with flex layout for center alignment */
    }
    .modal-content {
      max-width: fit-content;
      max-height: 90%;
      margin: auto;
      display: block;
      border-radius: 8px;
      margin-top: 5%;
     

    }
    .close {
      position: absolute;
      top: 30px;
      right: 50px;
      font-size: 3rem;
      color: #fff;
      text-decoration: none;
      cursor: pointer;
    }


 .gallery-container p {
font-size: 10px;

 }
.gallery-main-container {

border: solid 1px red;
display: flex;

flex-wrap: wrap;
justify-content: center;
gap: 20px;

}

.rifa-descript {

color: white !important;
}

.rifa-descript p {
color: #ffb200;
max-width: 100%;
}

    .rifa-descript p {
    font-size: 16.4px !important;
    }
    .rifa-descript h3 {
    font-size: 16px !important;
    }
    .rifa-descript h2 {
    font-size: 16px !important;
    }




.right-big .small-images img{
width: 100% !important;

}

.right-big .small-images {
width: fit-content !important;
}


.title-rifa-lava {
  font-size: clamp(2rem, 4vw, 50px);
  font-weight: 900;
  text-align: center;
  color: transparent;
  background: url('https://media.giphy.com/media/l0MYt5jPR6QX5pnqM/giphy.gif') no-repeat center center;
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  filter: contrast(1.2) brightness(1.1);
  animation: flicker 1.8s infinite ease-in-out;
  text-shadow: 0 0 4px rgba(255, 174, 0, 0.5);
}
/* Fuego realista sin borrosidad */
@keyframes flicker {
  0%   { text-shadow: 0 0 2px #ffae00; }
  30%  { text-shadow: 0 0 8px #ffaa00, 0 0 12px #ffae00; }
  60%  { text-shadow: 0 0 4px #ffae00; }
  100% { text-shadow: 0 0 6px #ffae00; }
}


.images-container-prices {
    display: flex;
    flex-direction: column;
gap: 10px;
max-width: 400px;

}
.images-container-prices img {
object-fit: contain;
aspect-ratio: 1/1;

}


.raffle-flip-grid {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 40px 20px;
  gap: 40px;
  max-width: 100%;
  box-sizing: border-box;
}

.raffle-card-flip {
  width: 100%;
  max-width: 600px;
  height: 700px;
  perspective: 1500px;
  cursor: pointer;
}

.raffle-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 1s;
  transform-style: preserve-3d;
}

.raffle-card-flip:hover .raffle-card-inner {
  transform: rotateY(180deg);
}

.raffle-card-front,
.raffle-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 0 25px rgba(255, 215, 0, 0.5);
  
}


.raffle-card-front {
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: end;
  justify-content: center;
object-fit: contain;
}

.raffle-title {
  width: 100%;
  background: rgba(0, 0, 0, 0.65);
  color: #fff8b3;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  padding: 18px;
  letter-spacing: 1px;
}

.raffle-card-back {
  background: linear-gradient(to bottom right, #1a1a1a, #3a2f0c);
  color: #fff;
  transform: rotateY(180deg);
  padding: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.raffle-back-content {
  text-align: center;
  max-width: 90%;
}

.raffle-back-content h2 {
  font-size: 26px;
  color: #ffe680;
  margin-bottom: 15px;
}

.raffle-back-content p {
  font-size: 18px;
  margin-bottom: 15px;
  line-height: 1.6;
}

.raffle-back-content .highlight {
  font-weight: bold;
  color: #ffde59;
}

/* Responsive */
@media (max-width: 768px) {
  .raffle-card-flip {
    max-width: 100%;
    height: 500px;
  }

  .raffle-back-content h2 {
    font-size: 22px;
  }

  .raffle-back-content p {
    font-size: 16px;
  }

  .raffle-title {
    font-size: 24px;
  }
}



.title-container {
display: flex;
justify-content: center;
margin: 10px 0px 10px 0px;
}

.promo-premio {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  color: #FFD700; /* Dorado brillante */
  text-shadow: 2px 2px 4px #000000; /* Resalta sobre fondo oscuro */
  
  background: linear-gradient(90deg, #fff8dc 0%, #ffeb8a 50%, #fff8dc 100%);
  padding: 1rem 2rem;
  border-radius: 20px;
  border: 2px solid #FFC300;
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.5);
  display: inline-block;
margin: 0 auto;


}


.extracss {
max-width: 1000px;
margin: 0 auto;
justify-content: center;
}
.extracss p {
max-width: 1200px !important;
text-align: center;
}


#metodos {
padding-top: 100px;
padding-bottom: 50px;
}


.logos-container {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
}

.logos-container  img {
width: 200px;
object-fit: contain;
aspect-ratio: 3/2;
cursor: pointer;
transition: all 0.3s ease;
}

.logos-container  img:hover {
scale: 1.1;
}


.overwrite {
flex-direction: column;
}

.section-header2 {

margin-bottom: 10px !important;
}

.response-ref {
  display: block;
  margin-top: 10px;
  font-weight: bold;
  color: green;
}
.response-ref.error {
  color: red;
}

.overwrite {
margin: 0 auto;
padding: 0px !important;
}
.overwrite-container {
margin: 0 auto;

}

    #main-container {
  background-color: transparent;
  border: none;
  max-width: 1000px;
  margin: 0px;
   }
  .text-gray-700 {
color: white;
}

 
    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
    input[type=number] { -moz-appearance: textfield; }
    .payment-info-block {
      background: #f3f4f6; padding: 1rem; border-radius: .375rem;
      box-shadow: 0 1px 2px rgba(0,0,0,0.05); margin-top: .5rem;
    }
    .rate-error { color: #dc2626; font-style: italic; }

    #submit-btn {
     
background-color: #B1B1B1;

    color: #ffffff;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    -o-border-radius: 999px;
    
 
}


#registro {
scroll-margin-top: 300px;
}
.main-container{
text-align: center;
}
.sold-out {
  display: inline-block;
  font-size: 2.5rem;      /* Make it BIG */
  font-weight: bold;
  color: #B1B1B1;         /* Gris metalizado */
  text-align: center;
  animation: pulse-grey 1.6s ease-in-out infinite;
  transform-origin: center;
}

@keyframes pulse-grey {
  0%, 100% {
    transform: scale(1);
    text-shadow:
      0   0   8px  #1C1C1C,   /* Negro carbón */
      0   0  16px  #1C1C1C,
      0   0  24px  #B1B1B1;   /* Gris metalizado */
  }
  50% {
    transform: scale(1.15);
    text-shadow:
      0   0  16px  #1C1C1C,
      0   0  32px  #B1B1B1,
      0   0  48px  #F4F4F4,   /* Blanco suave */
      0   0  64px  #F4F4F4;
  }

 

}

.main-container-inner {
font-size: 21px !important;
}


rifaselection-box {
border: solid 1px red;
height: 10px;
}


/* Fondo oscuro con borde dorado */
.tasa-precio-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 38px;
  width: 100%;
  background: black; /* casi negro, translúcido */
  border: 2px solid #FFD966;
  border-radius: 18px;
  box-shadow: 0 3px 18px 0 #ffd96625, 0 2px 12px 0 #fffbe911;
  margin: 0 auto 16px auto;
  padding: 14px 36px 14px 36px;
  position: relative;
}

/* Glow dorado en el texto */
#rateDisplay, #ticketRateDisplay {
  color: #ffe86b !important;
  font-family: 'Quicksand', 'Montserrat', Arial, sans-serif !important;
  font-size: 1.24rem !important;
  font-weight: 800 !important;

  letter-spacing: 0.025em;
  margin: 0;
  padding: 0;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  display: inline-block;
  vertical-align: middle;
  transition: color 0.16s, text-shadow 0.18s;
}

/* Fancy box para el precio */
.ticketRateDisplay {
  color: black !important; /* Morado premium */
  background: #fffbe9cc;
  padding: 5px 16px 5px 16px;
  border-radius: 12px;
  font-weight: 900;
  font-size: 1.18em;
  margin-left: 8px;
  letter-spacing: 0.01em;
  display: inline-block;
  vertical-align: middle;
  border: 1.5px solid #ffe86b;
  box-shadow: 0 2px 12px 0 #ffe86b44;
  text-shadow: 0 0.7px 2px #ffd96655, 0 1px 0 #fffbe9c0;
  transition: box-shadow 0.15s, border 0.16s;
}

/* Responsive */
@media (max-width: 700px) {
  .tasa-precio-bar {
    flex-direction: column;
    gap: 10px;
    padding: 14px 6vw 14px 6vw;
  }
  #rateDisplay, #ticketRateDisplay {
    font-size: 1.10rem !important;
    text-align: center;
  }
  .ticketRateDisplay {
    font-size: 1.07em;
  }
}

.ticketRateDisplay {
  color: #432483 !important;
  background: #fffbe9ee;
  padding: 6px 20px 6px 20px;
  border-radius: 15px;
  font-weight: 900;
  font-size: 1.21em;
  margin-left: 10px;
  letter-spacing: 0.02em;
  display: inline-block;
  vertical-align: middle;
  border: 2.2px solid #ffe86b;
  box-shadow:
    0 0 20px 6px #ffe86baa,  /* heavy gold glow */
    0 4px 28px 0 #ffe86b99,
    0 0 0 3px #fffbe9cc inset;
  text-shadow:
    0 1.5px 4px #ffd966cc,
    0 0.7px 1px #fffbe9f0,
    0 0 12px #ffe86b77;
  position: relative;
  overflow: hidden;
  transition: box-shadow 0.15s, border 0.15s;
  z-index: 1;
}

/* Glossy upper shine */
.ticketRateDisplay::before {
  content: '';
  position: absolute;
  top: 6px;
  left: 17px;
  width: 60%;
  height: 33%;
  border-radius: 14px 18px 15px 10px;
  background: linear-gradient(90deg, rgba(255,255,255,0.58) 0%, rgba(255,255,255,0.01) 100%);
  pointer-events: none;
  filter: blur(0.6px);
  opacity: 0.94;
  z-index: 2;
}

/* Heavy animated shine stripe */
.ticketRateDisplay::after {
  content: '';
  position: absolute;
  top: 0; left: -80%;
  width: 78%;
  height: 105%;
  background: linear-gradient(115deg,
    rgba(255,255,255,0.08) 15%,
    rgba(255,255,210,0.45) 42%,
    rgba(255,255,255,0.99) 49%,
    rgba(255,255,210,0.45) 56%,
    rgba(255,255,255,0.08) 85%
  );
  transform: skewX(-24deg);
  filter: blur(0.5px);
  opacity: 0.95;
  z-index: 4;
  animation: shine-ticket-bling 1.5s cubic-bezier(.61,.26,.35,1.07) infinite;
}

@keyframes shine-ticket-bling {
  0%   { left: -90%; opacity: 0;}
  20%  { left: -10%; opacity: 1;}
  35%  { left: 38%;  opacity: 1;}
  45%  { left: 95%;  opacity: 0;}
  100% { left: 95%;  opacity: 0;}
}


/* Underline “sweep” effect */



.raffle-options {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 30px;
  justify-content: center;
  flex-wrap: wrap;
  display: none !important;
}

.raffle-card {
  position: relative;
  flex: 1 1 300px;
  min-width: 45%;
  height: 180px;
  border: none;
  border-radius: 15px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 0 8px rgba(255, 215, 0, 0.3);
}


.raffle-card.selected {
  box-shadow: 0 0 20px 14px #00C853;
  border: 3px solid #00C853;
  transform: scale(1.03);
}

.raffle-overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: 26px;
  font-weight: bold;
  padding: 15px 10px;
  letter-spacing: 1px;
}

/* Background images (adjust URLs as needed) */
.raffle-card[data-type="efectivo"] {
  background-image: url('https://img.apmcdn.org/7c83d47f1c11d89de78e99862cbb69b2e878f114/square/11537a-2023-04-usdollar-1866.jpg');
}
.raffle-card[data-type="moto"] {
  background-image: url('https://www.arismendirifas.com/assets/images/motopic.jpg');
}

.raffle-card[data-type="machito"] {
  background-image: url('https://www.arismendirifas.com/assets/images/rifamachito.jpg');
}

/* Responsive */
@media (max-width: 600px) {
  .raffle-card {
    min-width: 100%;
    height: 160px;
  }

  .raffle-overlay {
    font-size: 22px;
  }
}


#phone2 {
flex: 1;

}
.phone-box {
width: 100% !important;
border: solid 1px red;
border: solid 1px white !important;
display: flex;
border-radius: 10px;
}

#btnDecreaseTickers i{
font-size: 25px;
color: white;
padding: 0px !important;
}
#btnIncreaseTickers i {
font-size: 25px;
color: white;
padding: 0px !important;
}

#btnIncreaseTickers {
margin: 0px !important;

}

#tickersInput {
padding: 0px !important;
}
.py-1 {
padding: 5px !important;
}



.promocion-text {
  width: 100%;
  text-align: center;
  font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif;
  margin: 18px 0 10px 0;
  font-size: 1.15em;
  color: #ffd700;
  background: black;
  padding: 0.4em 1.2em;
  border: 2px solid;
  border-image: linear-gradient(90deg,#ffd700,#fffbe7,#c08a2f,#ffd700) 1;
  box-shadow: 0 0 16px 0 #c08a2f44, 0 0 6px 0 #fffbe755;
  letter-spacing: 1.2px;
  position: relative;
  transition:
    max-height 0.5s cubic-bezier(.4,0,.2,1),
    opacity 0.4s cubic-bezier(.4,0,.2,1),
    padding 0.3s,
    margin 0.3s;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.promocion-text.active {
  max-height: 80px; /* Ajusta según tu contenido */
  opacity: 1;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
    margin-top: 10px;
}

.promo-fancy-text {
  background: linear-gradient(90deg,#fffbe7 15%,#ffd700 60%,#c08a2f 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow:
    0 2px 8px #c08a2f44,
    0 0 3px #ffd70055;
  font-weight: 700;
  font-size: 1.17em;
}

.promo-icon {
  font-size: 1.25em;
  vertical-align: middle;
  animation: promo-icon-pop 1.1s infinite alternate;
}

@keyframes promo-icon-pop {
  0% { transform: scale(1); filter: brightness(1); }
  100% { transform: scale(1.16); filter: brightness(1.13); }
}


.button-group {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

/* BOTONES GOLDEN SUTIL */
.raffle-btn.gold-btn {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 9px 22px 9px 18px;
  font-family: 'Quicksand', 'Montserrat', Arial, sans-serif;
  font-size: 1.01rem;
  font-weight: 600;
  border: 1.5px solid #e0c480;
  border-radius: 12px;
  cursor: pointer;
  color: #fffde8;
  background: linear-gradient(120deg, #b4975a 8%, #f5e6b2 100%);
  box-shadow: 0 2px 9px 0 rgba(193,168,63,0.07), 0 0.5px 1.5px 0 rgba(60, 50, 0, 0.10);
  transition: 
    transform 0.11s,
    box-shadow 0.13s,
    filter 0.12s,
    border-color 0.14s,
    background 0.18s;
  outline: none;
  user-select: none;
}

.raffle-btn.gold-btn .icon {
  font-size: 1.19rem;
  font-weight: 900;
  opacity: 0.90;
}

.raffle-btn.gold-btn:hover,
.raffle-btn.gold-btn:focus {
  filter: brightness(1.07);
  background: linear-gradient(105deg, #f8e6b5 0%, #b4975a 100%);
  border-color: #fff2bb;
  transform: translateY(-2px) scale(1.025);
  box-shadow: 0 4px 20px 0 rgba(180, 151, 90, 0.12);
}

/* Remover: tinte dorado-rojizo, pero suave */
.raffle-btn.remove-btn.gold-btn {
  background: linear-gradient(120deg, #b4975a 8%, #ebaf81 100%);
  color: #fffaf1;
}
.raffle-btn.remove-btn.gold-btn:hover,
.raffle-btn.remove-btn.gold-btn:focus {
  background: linear-gradient(105deg, #fad5be 0%, #b4975a 80%);
  border-color: #ebaf81;
}

/* Agregar: dorado cálido clásico */
.raffle-btn.add-btn.gold-btn {
  background: linear-gradient(120deg, #b4975a 8%, #f9e68c 100%);
  color: #fffde8;
}
.raffle-btn.add-btn.gold-btn:hover,
.raffle-btn.add-btn.gold-btn:focus {
  background: linear-gradient(105deg, #fff6cf 0%, #b4975a 80%);
  border-color: #f9e68c;
}

/* Bordes glossy sutil */
.raffle-btn.gold-btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 4px; left: 10px; right: 10px;
  height: 17%;
  border-radius: 10px 10px 8px 8px;
  /* background: linear-gradient(90deg, rgba(255,255,255,0.19) 0%, rgba(255,255,255,0.06) 100%); */
  pointer-events: none;
}

/* INPUT número: suave, dorado, centrado */
.button-group input[type="number"] {
  width: 48px;
  padding: 8px 5px;
  text-align: center;
  font-size: 1.06rem;
  font-family: 'Quicksand', 'Montserrat', Arial, sans-serif;
  font-weight: 600;
  color: #b4975a;
  background: linear-gradient(120deg, #fffde8 70%, #f5e6b2 100%);
  border: 1.2px solid #e0c480;
  border-radius: 8px;
  box-shadow: 0 1px 4px 0 rgba(193,168,63,0.06);
  outline: none;
  transition: border-color 0.13s, box-shadow 0.13s;
  margin: 0 2px;
}

.button-group input[type="number"]:focus {
  border-color: #ffe7a6;
  box-shadow: 0 0 0 2px #fff9d588;
}
@media (max-width: 520px) {
  .button-group {
    flex-direction: column;
    align-items: stretch;
    gap: 7px;
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
  }
  .raffle-btn.gold-btn,
  .button-group input[type="number"] {
    width: 100%;
    box-sizing: border-box;
    font-size: 1.07rem;
    min-width: 0;
    justify-content: center;
    text-align: center;
  }
  .button-group input[type="number"] {
    margin: 0;
    padding: 11px 0;
    border-radius: 10px;
  }
}

@media (max-width: 370px) {
  .button-group {
    max-width: 97vw;
  }
  .raffle-btn.gold-btn,
  .button-group input[type="number"] {
    font-size: 0.98rem;
    padding: 9px 0 !important;
  }
}
#tickersInput {
color: black !important;
}


.payment-info p {
color: white;
font-weight: 600;
text-align: left;
}
.payment-info {
  max-width: fit-content;
  width: 100%;
  padding: 5px 0;
}
.payment_info_container {
display: flex;

justify-content: center;
align-items: center;
gap: 20px;


img {
max-width: 140px;
object-fit: contain;
aspect-ratio: 1/1;
}

}

.terminos-box {
display: flex;
align-items: flex-start;
margin: 0px !important;
margin-bottom: 10px !important;
}
.terminos-box label{

text-align: left;
margin: 0px;
font-size: 14px;
line-height: 15px;
padding-top: 12px;
}

#termsCheckbox {
display: flex;
width: 20px;
text-align: left;
margin: 0px !important;
padding: 0px !important;

}

.text-black-500 {
color: rgb(54, 106, 218)
 
}
.check-box-container {
display: flex;
flex-direction: column;
justify-content: flex-start;
padding: 0px 10px 0px 10px;
}



.counter {
width: 150px;
}
.total-box {
display: flex;

align-items: center;
gap:10px;
}

.total-box label {
margin: 0px;

}
#paymentType {
background: red !important;
}

.bg-blue-600 {
background-color: #B1B1B1;

    box-shadow: 0px 17px 40px 0px rgba(124, 78, 25, 0.35) !important;
}
.bg-gray-200{
background-color: transparent !important;
border: solid 1px white;
color: white;
}
.payment-info-block {
background: linear-gradient(120deg, #b4975a 8%, #f9e68c 100%) !important;
color: white;
border: solid 1px white;
margin-top: 10px;
}
.bg-blue-500 {
background-color: #B1B1B1;
    box-shadow: 0px 17px 40px 0px rgba(124, 78, 25, 0.35) !important;
}

.bg-green-600 {

background-color: #B1B1B1;

    box-shadow: 0px 17px 40px 0px rgba(124, 78, 25, 0.35) !important;
}
.g-recaptcha {
  transform: scale(0.8);
  transform-origin: 0 0;
  /* opcional: fija una altura para que el contenedor no “caiga” */
  height: 78px;
}
 
input::placeholder {
color: white !important;
} */
#totalAmount , #totalAmount2 {
color: white;
padding: 5px;
width: 100px;
outline: none;
border: transparent !important;
margin: 0 auto;
outline: none !important;
border: none !important;
}
.iti__search-input {
color: black !important;
}
.iti__search-input::placeholder {
color: black !important;
}


#tickersInput {
border: solid 1px transparent;
color: white;
text-align: center;
margin: 0px;
}

input {
border: solid 1px transparent !important;
color: white !important;
}

.rc-anchor-light {
background-color: red !important;
}


.price-box {
border: solid 1px white;
border-radius: 5px;
padding-left: 10px;
display: flex;
align-items: center;
}
 
.total-field {
max-width: 200px;
}

.cantidad-tickers {
text-align: center;
margin: 10px 0px 0px 0px;
height:fit-content;
}

.total-box {
display: flex;
align-items: center;
margin-bottom: 10px;
flex-wrap: wrap;
}


 .copy-right-text {

color: white
;
}
 
    .title-result {
    font-size: 21px;
    color: black;
    margin-bottom: 10px;
    }

.logo-footer {
max-width: 120px;
background-color: black;
border-radius: 10px;
margin-bottom: 30px;
}

.footer-box {
justify-content: center;
}


    #availableDisplay{
    color: white !important;
    }
    #rateDisplay {
    color: white;
    font-size: 16px;
    margin-top: -5px;
    }
    #ticketRateDisplay {
    color: white;
    font-size: 16px;

    }
    #paymentTypeContainer {
flex-wrap: wrap;

}

    /* @media screen and (max-width: 1024px) {
    .overwrite-container {
    width: 100% !important;
    }

    .rifa-descript p {
    font-size: 14px !important;
    }
    .rifa-descript h3 {
    font-size: 20px !important;
    }
    .rifa-descript h2 {
    font-size: 25px !important;
    }
    .rifa-descript {
    margin-bottom: 20px !important;
max-width: 90% !important;

    }
    .title-box {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 20px;
}
    } */





    .cantidad-tickers {
    gap: 20px;
    display: flex ; align-items: center;; 
    }



    .las .la-shopping-basket {
    display: none;
    }
    .user__btn {
    margin-left: 0px !important;
    margin-top: 10px;
    }
    .cmn-btn {
    scale: 0.8;
    }
  .hero-car {
max-width: 900px;
}

.fab.fa-instagram {
    font-size: 30px !important;
}
.ref-advertisement { 
font-size: 12px !important;

}
#paymentLabel {
font-size: 14px;
}
#main-container {
padding: 20px 10px 20px 10px;
}

#lookupIdentifier {
background: white;
color: black !important;
outline: none;
}
#lookupIdentifier::placeholder {
color: black !important;
}


.politica {
align-content: center;
color: white !important;
}
.politica:hover {
color: black;
}

.fab .fa-instagram {
color: white !important;
}

.social-link li a i{
color: white;
}

.social-link {
color: white !important;
display: flex;
gap: 10px;

}


html, body {
  touch-action: manipulation; /* limits double-tap zoom, allows links/buttons to work */
  /* or, for full block: touch-action: none; but this blocks all scrolling */
}
/* Oculto por defecto */
#lookupResult {
  display: none;
  background: linear-gradient(120deg, #f6f6fa 60%, #ffe9a8 100%);
  border-radius: 18px;
  box-shadow: 0 2px 24px 0 #ffe17044, 0 1.5px 12px #ffd70028;
  padding: 34px 20px 22px 20px;
  /* max-width: 410px; */
  text-align: left;    /* alineado a la izquierda */
  position: relative;
  border: 1.5px solid #FFD369;
  font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif;
  font-size: 1.1em;
  color: #7b6f45;
}

#lookupResult span {
color: black !important;
}


.subscribe-area .left {
padding: 10px;
}


#lookupResult p {
  margin: 0 0 12px 0;
  font-weight: 600;
  color: #8f8fa6;
  text-align: left;
}


.ticket-container {
display: flex;
flex-wrap: wrap;
}

#lookupResult .ticket-sticker {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: fit-content;
  background: linear-gradient(120deg, #fffbe7 60%, #ffe170 100%);
  color: #232323;
  font-weight: 900;
  font-size: 1.32em;
  border-radius: 13px;
  border: 2.7px solid #e5c108;
  box-shadow: 0 4px 16px 0 #ffe17036, 0 1.5px 2.5px #c08a2f18;
  margin: 7px 7px 7px 0;
  padding: 9px 10px 9px 10çpx;
  letter-spacing: 0.08em;
  vertical-align: middle;
  position: relative;
  transition: 
    transform 0.16s cubic-bezier(.61,-0.13,.52,1.15), 
    box-shadow 0.18s cubic-bezier(.44,.7,.51,1.24);
  cursor: pointer;
  user-select: all;
  overflow: hidden;
}
#lookupResult .ticket-sticker .sticker-label {
  font-size: 0.65em;
  font-weight: 700;
  color: #e5c108;
  background: none;
  border-radius: 7px;
  margin-bottom: 2px;
  letter-spacing: 0.07em;
  padding: 0;
  text-shadow: 0 1px 6px #fffbe7cc;
}
#lookupResult .ticket-sticker .ticket-number {
  font-size: 1.1em;
  color: #232323;
  background: none;
  font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif;
  font-weight: 900;
  letter-spacing: 0.09em;
  padding: 0;
  text-shadow: 0 1px 6px #fffbe7cc;
}
#lookupResult .ticket-sticker:hover {
  transform: scale(1.09) rotate(-2deg);
  box-shadow: 0 7px 24px 0 #ffd7007e, 0 2px 7px #c08a2f38;
  border-color: #FFD369;
}

.result-box  h3{
color: black !important;
}

#lookupResult .cmn-btn.btn-sm {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  margin-top: 14px;
  background: linear-gradient(100deg, #bdbdbd 70%, #e0e0e0 100%);
  color: #444;
  font-size: 1.2rem;
  font-family: inherit;
  font-weight: 700;
  padding: 10px 24px;
  border: none;
  border-radius: 22px;
  box-shadow: 0 2px 24px #bdbdbd30, 0 1.5px 8px #ffd70021;
  cursor: pointer;
  letter-spacing: 0.07em;
  transition: background 0.14s, color 0.13s, box-shadow 0.17s;
  outline: none;
  gap: 9px;
  position: relative;
  text-decoration: none;
}
#lookupResult .cmn-btn.btn-sm i,
#lookupResult .cmn-btn.btn-sm svg {
  font-size: 1.12em;
  margin-right: 7px;
  color: #ffd700;
  vertical-align: middle;
}

#lookupResult .cmn-btn.btn-sm:hover,
#lookupResult .cmn-btn.btn-sm:focus {
  background: linear-gradient(100deg, #ffd700 78%, #fffbe7 100%);
  color: #232323;
  box-shadow: 0 6px 24px 0 #ffd70070, 0 2px 7px #c08a2f38;
  outline: none;
  text-decoration: none;
}

@media (max-width: 500px) {
  #lookupResult {
    
    padding: 18px 3vw 18px 3vw;
    font-size: 1em;
  }
  #lookupResult .ticket-sticker {
    font-size: 1em;
    padding: 6px 11px;
  }
  #lookupResult .cmn-btn.btn-sm {
    
    font-size: 1em;
    padding: 9px 2vw 9px 3vw;
  }
}
.far .fa-envelope {
color: white !important;
}

#lookupResult22 {
  display: none;
  background: linear-gradient(120deg, #f6f6fa 60%, #ffe9a8 100%);
  border-radius: 18px;
  box-shadow: 0 2px 24px 0 #ffe17044, 0 1.5px 12px #ffd70028;
  padding: 34px 20px 22px 20px;
  /* max-width: 410px; */
  text-align: left;    /* alineado a la izquierda */
  position: relative;
  border: 1.5px solid #FFD369;
  font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif;
  font-size: 1.1em;
  color: #7b6f45;
}

#lookupResult22 span {
color: black !important;
}


.subscribe-area {

flex-direction: column;
}

.subscribe-area .left {
padding: 10px;
}


#lookupResult22 p {
  margin: 0 0 12px 0;
  font-weight: 600;
  color: #8f8fa6;
  text-align: left;
}

#lookupResult22 .ticket-sticker {
  display: inline-block;
  background: linear-gradient(100deg, #ffe170 90%, #fffbe7 100%);
  color: #232323;
  font-weight: 900;
  font-size: 1.32em;
  border-radius: 13px;
  border: 2.7px solid #e5c108;
  box-shadow: 0 4px 16px 0 #ffd70036, 0 1.5px 2.5px #c08a2f18;
  margin: 7px 7px 7px 0;
  padding: 9px 20px 9px 20px;
  letter-spacing: 0.08em;
  vertical-align: middle;
  position: relative;
  transition: 
    transform 0.16s cubic-bezier(.61,-0.13,.52,1.15), 
    box-shadow 0.18s cubic-bezier(.44,.7,.51,1.24);
  cursor: pointer;
  user-select: all;
  overflow: hidden;
}

#lookupResult22 .ticket-sticker::after {
  content: "";
  display: block;
  position: absolute;
  top: 8px; left: 16px;
  width: 18px; height: 9px;
  background: linear-gradient(100deg, #fffbe777 0%, #fffbe722 100%);
  opacity: 0.7;
  border-radius: 7px 9px 9px 6px;
  pointer-events: none;
  filter: blur(1.4px);
}

#lookupResult22 .ticket-sticker:hover {
  transform: scale(1.09) rotate(-2deg);
  box-shadow: 0 7px 24px 0 #ffd7007e, 0 2px 7px #c08a2f38;
  background: linear-gradient(90deg, #fffbe7 60%, #ffd700 100%);
  border-color: #FFD369;
}

#lookupResult22 .cmn-btn.btn-sm {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  margin-top: 14px;
  background: linear-gradient(100deg, #bdbdbd 70%, #e0e0e0 100%);
  color: #444;
  font-size: 1.2rem;
  font-family: inherit;
  font-weight: 700;
  padding: 10px 24px;
  border: none;
  border-radius: 22px;
  box-shadow: 0 2px 24px #bdbdbd30, 0 1.5px 8px #ffd70021;
  cursor: pointer;
  letter-spacing: 0.07em;
  transition: background 0.14s, color 0.13s, box-shadow 0.17s;
  outline: none;
  gap: 9px;
  position: relative;
  text-decoration: none;
}
#lookupResult22 .cmn-btn.btn-sm i,
#lookupResult22 .cmn-btn.btn-sm svg {
  font-size: 1.12em;
  margin-right: 7px;
  color: #ffd700;
  vertical-align: middle;
}

#lookupResult22 .cmn-btn.btn-sm:hover,
#lookupResult22 .cmn-btn.btn-sm:focus {
  background: linear-gradient(100deg, #ffd700 78%, #fffbe7 100%);
  color: #232323;
  box-shadow: 0 6px 24px 0 #ffd70070, 0 2px 7px #c08a2f38;
  outline: none;
  text-decoration: none;
}

@media (max-width: 500px) {
  #lookupResult22 {
    
    padding: 18px 3vw 18px 3vw;
    font-size: 1em;
  }
  #lookupResult22 .ticket-sticker {
    font-size: 1em;
    padding: 6px 11px;
  }
  #lookupResult22 .cmn-btn.btn-sm {
    
    font-size: 1em;
    padding: 9px 2vw 9px 3vw;
  }
}
.far .fa-envelope {
color: white !important;
}

.payment-type-btn.selected {
  background: linear-gradient(120deg, #b4975a 8%, #f9e68c 100%) !important;
  color: #fffde8 !important;
  border: none;
}

    @media screen and (max-width: 350px) {
    .overwrite-container {
    width: 100% !important;
    }

    .footer-logo {
margin: 0 auto;
width: fit-content;
}

    .rifa-descript p {
    font-size: 6px !important;
    }
    .rifa-descript h3 {
    font-size: 8px !important;
    }
    .rifa-descript h2 {
    font-size: 8px !important;
    }
    .rifa-descript {
    margin-bottom: 20px !important;
max-width: 90% !important;

    }
    .title-box {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 20px;
}

#machito-price {
padding: 0px;
margin: 0px;
}

    }