/* =============================================
   HUMO CON SOLERA — Estilos globales
   ============================================= */

/* --- Fondo de textura (ruido SVG) --- */
.texture-bg {
    background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noiseFilter)" opacity="0.05"/%3E%3C/svg%3E');
}

/* --- Separador decorativo tipo arpillera --- */
.burlap-line {
    background-image: repeating-linear-gradient(
        45deg,
        transparent,
        transparent 2px,
        rgba(217, 119, 7, 0.1) 2px,
        rgba(217, 119, 7, 0.1) 4px
    );
    height: 4px;
}

/* --- Cards de beneficios --- */
.benefit-card {
    transition: box-shadow 0.4s ease, background-color 0.5s, border-color 0.4s;
}

.benefit-card:hover {
    box-shadow: 0 0 24px rgba(245, 166, 97, 0.25), 0 0 6px rgba(245, 166, 97, 0.15);
    border-color: rgba(245, 166, 97, 0.4);
}

/* --- Sello decorativo (esquina inferior izquierda del footer) --- */
.sello-container {
    position: absolute;
    bottom: 0;
    left: -110px;
    overflow: hidden;
    pointer-events: none;
    z-index: 10;
}

.sello-img {
    width: 600px;
    height: 600px;
    object-fit: contain;
    display: block;
    transform: translateY(30%) rotate(10deg);
    opacity: 0.25;
    filter: invert();
}

/* --- Override color del título hero (evita que Tailwind lo sobreescriba) --- */
#hero-title {
    color: rgb(242 242 242 / 90%);
}

/* --- Botón de envío del formulario (color sólido, sin herencia de texture-bg) --- */
#btn-enviar {
    background-color: #f5a661;
}

#btn-enviar:hover {
    background-color: #c26f2a;
}

section{
    padding-top: 4em;
    
}

section#section-contact{
    padding-bottom: 4em;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0px !important;
}

.swiper-pagination-bullet-active{
    background-color: #DE9758 !important;
}