/* ============================================================
   dart.css — Estilos compartidos de Confecciones DART
   ============================================================ */

/* --- Base --- */
body { font-family: 'Roboto', sans-serif; }
h1, h2, h3, h4, .font-heading { font-family: 'Montserrat', sans-serif; }


/* --- index.php: Hero Slideshow --- */
.hero-slideshow {
    position: absolute;
    inset: 0;
    z-index: 0;
}
.hero-slideshow .slide {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;
    animation: heroFade 20s infinite;
}
.hero-slideshow .slide:nth-child(1) {
    background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.6)), url('hero-1.webp');
    animation-delay: 0s;
}
.hero-slideshow .slide:nth-child(2) {
    background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.6)), url('hero-2.webp');
    background-position: top center;
    animation-delay: 5s;
}
.hero-slideshow .slide:nth-child(3) {
    background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.6)), url('hero-3.webp');
    animation-delay: 10s;
}
.hero-slideshow .slide:nth-child(4) {
    background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.6)), url('hero-4.webp');
    animation-delay: 15s;
}
@keyframes heroFade {
    0%   { opacity: 0; }
    5%   { opacity: 1; }
    25%  { opacity: 1; }
    30%  { opacity: 0; }
    100% { opacity: 0; }
}

.btn-pro {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-pro:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(223, 30, 55, 0.3);
}


/* --- nosotros.php --- */
.header-bg {
    background-image: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.7)), url('hero-nosotros.webp');
    background-size: cover;
    background-position: center;
}


/* --- deportivos.php --- */
.hero-sports {
    background-image: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.6)), url('https://images.unsplash.com/photo-1517466787929-bc90951d0974?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.bg-texture {
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23dc2626' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}


/* --- industrial.php --- */
.hero-industrial {
    background-image: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.7)), url('https://images.unsplash.com/photo-1504328345606-18bbc8c9d7d1?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.bg-caution {
    background: repeating-linear-gradient(
        45deg,
        #fcd34d,
        #fcd34d 10px,
        #fbbf24 10px,
        #fbbf24 20px
    );
}


/* --- corporativo.php --- */
.hero-corp {
    background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.6)), url('hero-corporativo.webp');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.bg-pattern {
    background-color: #f9fafb;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239ca3af' fill-opacity='0.1'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/svg%3E");
}


/* --- contacto.php --- */
.hero-contact {
    background-color: #111827;
    position: relative;
    overflow: hidden;
}