@font-face {
  font-family: 'Charline';
  src: url('../fonts/Charline.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Handsome';
  src: url('../fonts/Handsome.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Centaur';
  src: url('../fonts/Centaur.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GillSans';
  src: url('../fonts/Gill-Sans.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

.breadcrumb-wrap h1 {
    text-transform: none;
}

.section-space {
    padding-top: 54px;
}

.small, small {
    font-size: 0.94em;
}

.mb-1 {
    margin-bottom: .25rem !important;
    font-size: 1.35rem;
}

.product-content-list .product-name a:hover {
    color: #111;
}

.mobile-navigation {
    max-height: 400px;
}

.main-menu ul li a {
    font-size: 13px;
    font-weight: 600;
    font-family: Arial, Helvetica, sans-serif !important;
}

.mobile-menu li>a {
    font-size: 13px;
    font-weight: 600;
    font-family: Arial, Helvetica, sans-serif !important;
}

.mobile-menu li ul li a {
    font-size: 13px;
    font-weight: 500;
    font-family: Arial, Helvetica, sans-serif !important;
}

.offcanvas-widget-area {
    font-size: 13px;
    font-weight: 500;
    font-family: Arial, Helvetica, sans-serif !important;
}

.fa-mobile-phone:before, .fa-mobile:before {
    margin-left: 2px;
    font-size: 22px;
}

.welcome-message p {
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif !important;
}

.curreny-wrap h3 a {
    font-family: Arial, Helvetica, sans-serif;
}

/* Todos los <span> del slider */
.slider-area .hero-slider-content span {
  font-family: 'GillSans', sans-serif !important;
  font-size: 32px;
  font-weight: 600;
  text-transform: none !important;
}

.slider-area .hero-slider-content h1 {
  font-family: 'Centaur', sans-serif !important;
  text-transform: uppercase !important;
  font-size: 56px;
  font-weight: 600;
}

.slider-area .hero-slider-content h2 {
  font-family: 'Centaur', sans-serif !important;
  text-transform: uppercase !important;
  font-size: 50px;
  font-weight: 600;
}

/* Estilos para pantallas pequeñas (móviles) */
@media (max-width: 768px) {
  .slider-area .hero-slider-content span {
    font-size: 20px; /* más pequeño en móvil */
  }

  .slider-area .hero-slider-content h1 {
    font-size: 32px;
  }

  .slider-area .hero-slider-content h2 {
    font-size: 28px;
  }
}

.banner-content .text1 {
    color: #eb1b24;
    padding-bottom: 5px;
    text-transform: none;
    font-weight: 600;
    font-family: "Handsome", cursive;
}

.banner-content .text2 {
    text-transform: none;
    font-size: 42px;
    font-weight: 800;
    font-family: "Centaur";
}

/* LABEL CON WHATSAPP */ 

.product-label {
    background: #ff0c17;
    border-radius: 9px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    left: 20px;
    line-height: 36px;
    min-width: 46px;
    padding: 0 10px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
}


/* LABEL CON WHATSAPP EN MODAL */

.btn-cart2 {
    color: #fff;
    font-size: 14px;
    padding: 9px 12px;
    background-color: #25d366;
    /* text-transform: capitalize; */
}

.btn-cart2:hover {
    color: #fff;
    font-size: 14px;
    padding: 9px 12px;
    background-color: #128c7e;
    /* text-transform: capitalize; */
}

.btn-cart2:focus {
    color: #fff;
    font-size: 14px;
    padding: 9px 12px;
    background-color: #128c7e;
    /* text-transform: capitalize; */
}

.btn-cart2:active {
    color: #fff;
    font-size: 14px;
    padding: 9px 12px;
    background-color: #128c7e;
    /* text-transform: capitalize; */
}

.hero-slider-content h1,
.hero-slider-content h2 {
    text-transform: none !important;
}

.store-link:after {
    background-color: #ffffff !important;
}

.store-link {
    color: #ffffff !important;
    text-shadow: 2px 1px 0px black;
}

.banner-content .text2 {
    color: #ffffff !important;
    text-shadow: 2px 1px 0px black;
}

.hero-slider-content h2 {
    color: #ffffff !important;
    text-shadow: 2px 1px 0px black;
}

body {
    background: linear-gradient(to bottom, #fef9f9, #fef9f9) !important;
}

.product-item.deal-item {
    background: #ffffff !important;
}

.product-thumb {
    background: #ffffff !important;
}

.footer-bottom-area {
  background: #000 !important; /* Fondo oscuro opcional */
  padding: 15px 0;
}

.footer-bottom-area .copyright-text,
.footer-bottom-area .copyright-text a {
  color: #fff;
  font-size: 14px;
}

.footer-bottom-area .footer-social-link a {
  color: #fff;
  font-size: 18px;
  margin-left: 12px;
  transition: color 0.3s;
}

.footer-bottom-area .footer-social-link a:hover {
  color: #ff4d6d; /* cambia de color al pasar el mouse */
}

.header-top-settings ul li span {
    text-transform: none !important;
}

.footer-widget-body li a {
    text-transform: none !important;
}

.product-tab-menu ul li a:hover, .product-tab-menu ul li a.active {
    color: #fa2727;
}

.button-group-list a {
    background-color: #25d366 !important;
}

.button-group-list a:hover {
    background-color: #128c7e !important;
}

.breadcrumb-area {
  background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)),
              url("../img/banner-rosas.webp");
  background-size: cover;
  background-position: center;
  padding: 18px 0;
  color: #fff;
  text-align: center;
}

.breadcrumb-wrap {
    padding: 36px 0;
    text-align: center;
}

.breadcrumb-wrap h1 {
    color: #fff !important;
}

.breadcrumb-item a {
  color: #fff !important;   /* enlaces blancos */
  text-decoration: none;    /* sin subrayado */
}

.breadcrumb-item a:hover {
  color: #ffd6e0 !important; /* color suave al pasar el mouse */
}

.breadcrumb-item,
.breadcrumb-item.active {
  color: #fff !important;   /* texto blanco en ambos */
}

.breadcrumb-wrap .breadcrumb .breadcrumb-item:before {
  color: #fff !important;   /* texto blanco en ambos */
}

.main-menu ul li ul.dropdown li.active > a {
  color: #eb1b24 !important;
  font-weight: bold; /* opcional para destacarlo más */
}

.btn-hero {
  background-color: #ff0000;   /* rojo */
  color: #ffffff;             /* texto blanco */
  border: none;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 18px;
}

.btn-hero:hover {
  background-color: #000000;  /* negro al pasar el mouse */
  color: #ffffff;             /* texto blanco */
  text-transform: uppercase;
  font-weight: 600;
  font-size: 18px;
}

.btn-hero:active,
.btn-hero:focus {
  background-color: #ff0000 !important; /* mantiene rojo al hacer clic */
  color: #ffffff !important;            /* texto blanco */
  outline: none;
}

.footer-widget-title h5 {
    text-transform: none;
}

.scroll-top {
    bottom: 65px;
    right: 10px;
}

.contact-message h2 {
    text-transform: none;
}

.logo{
    max-width: 63% !important;
    padding: 6px 2px 2px 6px !important;
}

.mobile-logo{
    max-width: 27% !important;
    padding: 6px 2px 2px 6px !important;
}




/* El contenedor de la imagen debe ser relativo para posicionar los botones dentro */
.product-thumb { 
  position: relative;
}

/* Contenedor de los dos botones, sobre la imagen */
.button-actions.overlay{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 14px;                 /* separa del borde inferior */
  width: calc(100% - 23px);     /* deja margen lateral dentro del cuadro */
  display: flex;
  justify-content: center;
  gap: 5px;                    /* espacio entre botones */
  z-index: 5;                   /* por encima de la imagen/etiquetas */
}

/* Estilo general de los botones */
.button-actions.overlay a{
  flex: 1;                      /* ambos ocupan mismo ancho */
  display: inline-block;
  text-align: center;
  color: #fff;
  padding: 5px 5px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(0,0,0,.15);
}

.btn-whatsapp { background:#25D366; }
.btn-comprar  { background:#E53935; }

/* Responsive: en móviles apílalos uno debajo del otro */
@media (max-width: 576px){
  .button-actions.overlay{
    flex-direction: column;
    width: calc(100% - 30px);
    gap: 8px;
  }
}

.btn-cart1 {
    color: #fff;
    font-size: 14px;
    padding: 9px 12px;
    background-color: #ff0000;
    text-transform: uppercase;
    font-weight: 600;
}

.btn-cart2 {
    text-transform: uppercase;
    font-weight: 600;
}

.btn-cart1:hover {
    color: #fff;
    background-color: #d01313;
}

.btn-cart1:focus {
    color: #fff;
    padding: 9px 12px;
    background-color: #d01313;
    /* text-transform: capitalize; */
}

.btn-cart1:active {
    color: #fff;
    padding: 9px 12px;
    background-color: #d01313;
    /* text-transform: capitalize; */
}

.product-label:nth-child(2) {
    top: 18px !important;
}

.policy-terms h5 {
    font-weight: 600;
}

.policy-terms p {
    font-size: 16px;
}
.store-link {
    font-size: 20px;
}
.section-title p {
    padding-top: 9px;
    font-size: 18px;
}

.price-regular {
    font-size: 23px;
    color: #f33a3a;
    font-weight: 700;
}

.banner-content-right {
    right: 50px;
}


/* Título del modal centrado y claro */
#orderModal .modal-title {
  font-weight: 700;
  font-size: 1.25rem;
  margin-top: 1rem;
  text-transform: uppercase;
}

/* Imagen del producto con alto razonable */
.modal-prod-img {
  max-height: 220px;
  object-fit: contain;
}

/* Botón ROJO fijo (pagar + WhatsApp) */
.btn-pagar {
  background: #dc3545 !important;
  color: #fff !important;
  border: none !important;
}
.btn-pagar:hover { filter: brightness(0.95); }

/* Botón VERDE fijo (solo WhatsApp) */
.btn-wsp {
  background: #28a745 !important;
  color: #fff !important;
  border: none !important;
}
.btn-wsp:hover { filter: brightness(0.95); }

/* Detalles finos */
#om-desc p { margin-bottom: .4rem; }

.form-label {
    margin-bottom: .1rem !important;
}

.paginatoin-area {
    margin-bottom: 18px;
    margin-top: 0px;
    padding: 20px;
    background-color: #fef9f9;
}






/* ===== Botón desactivado (AGOTADO) ===== */
.button-actions .btn-agotado{
  display:inline-block;
  padding:8px 14px;
  background:#9aa1a8;
  color:#fff;
  border-radius:4px;
  font-weight:700;
  cursor:not-allowed;
  pointer-events:none;
  text-transform:uppercase;
  line-height:1;
}

/* ===== Efecto visual de producto agotado ===== */
/* Categorías */
.product-list-item.agotado .product-thumb img{
  filter:grayscale(100%);
  opacity:.55;
}
/* Home */
.product-item.agotado .product-thumb img{
  filter:grayscale(100%);
  opacity:.55;
}

/* ===== Posicionamiento correcto del figure ===== */
.product-list-item figure.product-thumb,
.product-item figure.product-thumb{
  position:relative;
}

/* ===== Ocultar cualquier badge extra de soldout que pudiera quedar ===== */
.product-badge .product-label.soldout,
.product-badge .product-label.soldout span,
.soldout-badge{
  display:none !important;
}

/* (Opcional) Evitar clics al estar agotado */
.product-list-item.agotado a.open-order,
.product-item.agotado a.open-order{
  pointer-events:none !important;
}