:root {
            --pk-blue: #0d4f7a;
            --pk-blue-dark: #06304c;
            --pk-blue-light: #e6f0f8;
            --pk-accent: #f59e0b;
            --pk-dark: #1a1a2e;
            --pk-gray: #6b7280;
            --pk-light: #f8fafc;
            --pk-white: #ffffff;
            --pk-border: #e2e8f0;
        }

        * { margin:0; padding:0; box-sizing:border-box; }
        body { font-family:'Poppins',sans-serif; color:var(--pk-dark); background:var(--pk-white); }
        a { text-decoration:none; color:inherit; }
        img { max-width:100%; height:auto; }

        /* ═══════════════════════════════
           TOP BAR
           ═══════════════════════════════ */
        .pk-topbar {
            background:var(--pk-blue-dark);
            color:#fff;
            font-size:13px;
            padding:8px 0;
        }
        .pk-topbar .pk-container {
            display:flex;
            justify-content:space-between;
            align-items:center;
            flex-wrap:wrap;
            gap:10px;
        }
        .pk-topbar a { color:#fff; opacity:0.9; }
        .pk-topbar a:hover { opacity:1; }
        .pk-topbar-left { display:flex; gap:20px; align-items:center; }
        .pk-topbar-right { display:flex; gap:15px; align-items:center; }
        .pk-topbar-right a { font-size:16px; }

        /* ═══════════════════════════════
           HEADER / NAVBAR
           ═══════════════════════════════ */
        .pk-header {
            background:var(--pk-white);
            box-shadow:0 2px 15px rgba(0,0,0,0.06);
            position:sticky;
            top:0;
            z-index:100;
        }
        .pk-header .pk-container {
            display:flex;
            align-items:center;
            justify-content:space-between;
            padding-top:12px;
            padding-bottom:12px;
        }
        .pk-logo img { height:55px; }
        .pk-nav { display:flex; gap:28px; align-items:center; }
        .pk-nav a {
            font-size:15px;
            font-weight:600;
            color:var(--pk-dark);
            transition:color 0.25s;
            letter-spacing:0.2px;
        }
        .pk-nav a:hover { color:var(--pk-blue); }
        .pk-nav-cta {
            background:var(--pk-blue) !important;
            color:#fff !important;
            padding:10px 24px !important;
            border-radius:8px;
            font-size:14px !important;
            transition:background 0.25s !important;
        }
        .pk-nav-cta:hover { background:var(--pk-blue-dark) !important; }
        .pk-cart-btn { position:relative; display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:50%; background:var(--pk-blue-light); color:var(--pk-blue-dark); transition:all 0.2s; flex-shrink:0; }
        .pk-cart-btn:hover { background:var(--pk-blue); color:#fff; transform:translateY(-2px); }
        .pk-cart-btn svg { width:22px; height:22px; }
        .pk-cart-count { position:absolute; top:-4px; right:-4px; min-width:20px; height:20px; padding:0 6px; border-radius:10px; background:var(--pk-accent); color:#fff; font-size:11px; font-weight:700; display:flex; align-items:center; justify-content:center; border:2px solid #fff; box-sizing:content-box; opacity:0; transform:scale(0); transition:all 0.25s cubic-bezier(0.68,-0.55,0.27,1.55); }
        .pk-cart-count.visible { opacity:1; transform:scale(1); }
        .pk-cart-count.pulse { animation:pk-pulse 0.4s ease; }
        @keyframes pk-pulse { 0%{transform:scale(1);} 50%{transform:scale(1.4);} 100%{transform:scale(1);} }
        .pk-mobile-toggle { display:none; background:none; border:none; font-size:28px; cursor:pointer; color:var(--pk-dark); }

        /* ═══════════════════════════════
           CONTAINER
           ═══════════════════════════════ */
        .pk-container { max-width:1300px; margin:0 auto; padding-left:20px; padding-right:20px; }

        /* ═══════════════════════════════
           HERO SLIDER
           ═══════════════════════════════ */
        .pk-hero {
            position:relative;
            overflow:hidden;
            height:520px;
            background:var(--pk-dark);
        }
        .pk-slide {
            position:absolute;
            inset:0;
            opacity:0;
            transition:opacity 1s ease;
        }
        .pk-slide.active { opacity:1; }
        .pk-slide img {
            width:100%;
            height:100%;
            object-fit:cover;
            filter:brightness(0.45);
        }
        .pk-slide-content {
            position:absolute;
            inset:0;
            display:flex;
            flex-direction:column;
            justify-content:center;
            align-items:flex-start;
            padding:0 8%;
            z-index:2;
        }
        .pk-slide-tag {
            background:rgba(26,111,181,0.85);
            color:#fff;
            padding:6px 18px;
            border-radius:30px;
            font-size:13px;
            font-weight:600;
            letter-spacing:1.5px;
            text-transform:uppercase;
            margin-bottom:16px;
        }
        .pk-slide-title {
            font-family:'Bebas Neue',serif;
            font-size:52px;
            font-weight:800;
            color:#fff;
            line-height:1.15;
            max-width:650px;
            margin-bottom:16px;
        }
        .pk-slide-subtitle {
            color:rgba(255,255,255,0.85);
            font-size:18px;
            max-width:500px;
            margin-bottom:28px;
            line-height:1.5;
        }
        .pk-slide-btn {
            display:inline-flex;
            align-items:center;
            gap:8px;
            background:var(--pk-blue);
            color:#fff;
            padding:14px 32px;
            border-radius:10px;
            font-weight:700;
            font-size:15px;
            transition:all 0.3s;
        }
        .pk-slide-btn:hover { background:var(--pk-accent); transform:translateY(-2px); }

        .pk-slider-dots {
            position:absolute;
            bottom:30px;
            left:50%;
            transform:translateX(-50%);
            display:flex;
            gap:10px;
            z-index:5;
        }
        .pk-dot {
            width:12px;height:12px;
            border-radius:50%;
            background:rgba(255,255,255,0.4);
            cursor:pointer;
            border:none;
            transition:all 0.3s;
        }
        .pk-dot.active { background:#fff; transform:scale(1.2); }

        .pk-slider-arrow {
            position:absolute;
            top:50%;
            transform:translateY(-50%);
            z-index:5;
            background:rgba(255,255,255,0.15);
            border:none;
            color:#fff;
            width:50px;height:50px;
            border-radius:50%;
            font-size:22px;
            cursor:pointer;
            transition:all 0.3s;
            backdrop-filter:blur(5px);
        }
        .pk-slider-arrow:hover { background:rgba(255,255,255,0.3); }
        .pk-arrow-left { left:20px; }
        .pk-arrow-right { right:20px; }

        /* ═══════════════════════════════
           STATS BAR
           ═══════════════════════════════ */
        .pk-stats {
            background:var(--pk-blue);
            padding:25px 0;
        }
        .pk-stats .pk-container {
            display:flex;
            justify-content:space-around;
            flex-wrap:wrap;
            gap:20px;
        }
        .pk-stat {
            text-align:center;
            color:#fff;
        }
        .pk-stat-number {
            font-family:'Bebas Neue',serif;
            font-size:36px;
            font-weight:800;
        }
        .pk-stat-label { font-size:13px; opacity:0.85; margin-top:4px; text-transform:uppercase; letter-spacing:1px; }

        /* ═══════════════════════════════
           CATALOG SECTION
           ═══════════════════════════════ */
        .pk-section { padding:60px 0; }
        .pk-section-header {
            text-align:center;
            margin-bottom:40px;
        }
        .pk-section-tag {
            color:var(--pk-blue);
            font-size:13px;
            font-weight:700;
            text-transform:uppercase;
            letter-spacing:2px;
            margin-bottom:8px;
        }
        .pk-section-title {
            font-family:'Bebas Neue',serif;
            font-size:38px;
            font-weight:800;
            color:var(--pk-dark);
        }

        /* ═══════════════════════════════
           WHY CHOOSE US
           ═══════════════════════════════ */
        .pk-why {
            background:var(--pk-light);
            padding:80px 0;
        }
        .pk-why-grid {
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:50px;
            align-items:center;
        }
        .pk-why-images {
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:15px;
        }
        .pk-why-images img {
            border-radius:12px;
            height:220px;
            width:100%;
            object-fit:cover;
            box-shadow:0 4px 20px rgba(0,0,0,0.1);
        }
        .pk-why-images img:first-child {
            grid-column:1/-1;
            height:250px;
        }
        .pk-why-text .pk-section-tag { text-align:left; }
        .pk-why-text h2 {
            font-family:'Bebas Neue',serif;
            font-size:34px;
            font-weight:800;
            margin-bottom:18px;
            line-height:1.2;
        }
        .pk-why-text p { color:var(--pk-gray); line-height:1.7; margin-bottom:20px; }
        .pk-why-list { list-style:none; }
        .pk-why-list li {
            padding:6px 0;
            font-weight:500;
            display:flex;
            align-items:center;
            gap:10px;
        }
        .pk-why-list li::before {
            content:'✓';
            background:var(--pk-blue);
            color:#fff;
            width:24px;height:24px;
            border-radius:50%;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            font-size:13px;
            font-weight:700;
            flex-shrink:0;
        }

        /* ═══════════════════════════════
           FEATURES
           ═══════════════════════════════ */
        .pk-features-grid {
            display:grid;
            grid-template-columns:repeat(4,1fr);
            gap:25px;
        }
        .pk-feature-card {
            text-align:center;
            padding:35px 20px;
            background:var(--pk-white);
            border-radius:14px;
            box-shadow:0 2px 15px rgba(0,0,0,0.06);
            transition:all 0.3s;
        }
        .pk-feature-card:hover {
            transform:translateY(-5px);
            box-shadow:0 8px 30px rgba(0,0,0,0.12);
        }
        .pk-feature-icon {
            font-size:40px;
            margin-bottom:14px;
        }
        .pk-feature-card h3 {
            font-size:16px;
            font-weight:700;
            margin-bottom:8px;
        }
        .pk-feature-card p { font-size:13px; color:var(--pk-gray); line-height:1.5; }

        /* ═══════════════════════════════
           CTA BANNER
           ═══════════════════════════════ */
        .pk-cta {
            background:linear-gradient(135deg, var(--pk-blue-dark) 0%, var(--pk-blue) 100%);
            padding:60px 0;
            text-align:center;
            color:#fff;
        }
        .pk-cta h2 {
            font-family:'Bebas Neue',serif;
            font-size:34px;
            font-weight:800;
            margin-bottom:12px;
        }
        .pk-cta p { opacity:0.85; font-size:17px; margin-bottom:28px; max-width:550px; margin-left:auto; margin-right:auto; }
        .pk-cta-btn {
            display:inline-flex;
            align-items:center;
            gap:8px;
            background:#fff;
            color:var(--pk-blue-dark);
            padding:14px 36px;
            border-radius:10px;
            font-weight:700;
            font-size:15px;
            transition:all 0.3s;
        }
        .pk-cta-btn:hover { transform:translateY(-2px); box-shadow:0 6px 20px rgba(0,0,0,0.2); }

        /* ═══════════════════════════════
           FOOTER
           ═══════════════════════════════ */
        .pk-footer {
            background:#0c1829;
            color:rgba(255,255,255,0.75);
            padding:60px 0 0;
        }
        .pk-footer-grid {
            display:grid;
            grid-template-columns:1.5fr 1fr 1fr 1.2fr;
            gap:40px;
        }
        .pk-footer h4 {
            color:#fff;
            font-size:16px;
            font-weight:700;
            margin-bottom:18px;
        }
        .pk-footer-brand img { height:50px; margin-bottom:14px; }
        .pk-footer-brand p { font-size:14px; line-height:1.6; }
        .pk-footer-links { list-style:none; }
        .pk-footer-links li { margin-bottom:10px; }
        .pk-footer-links a { font-size:14px; transition:color 0.25s; }
        .pk-footer-links a:hover { color:#fff; }
        .pk-footer-contact p { font-size:14px; margin-bottom:10px; display:flex; align-items:center; gap:8px; }
        .pk-footer-bottom {
            border-top:1px solid rgba(255,255,255,0.1);
            margin-top:40px;
            padding:20px 0;
            text-align:center;
            font-size:13px;
        }
        .pk-footer-social { display:flex; gap:12px; margin-top:15px; }
        .pk-footer-social a {
            width:36px;height:36px;
            background:rgba(255,255,255,0.1);
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:16px;
            transition:all 0.3s;
        }
        .pk-footer-social a:hover { background:var(--pk-blue); color:#fff; }

        /* ═══════════════════════════════
           RESPONSIVE
           ═══════════════════════════════ */
        @media(max-width:1024px) {
            .pk-why-grid { grid-template-columns:1fr; }
            .pk-features-grid { grid-template-columns:repeat(2,1fr); }
            .pk-footer-grid { grid-template-columns:repeat(2,1fr); }
        }
        @media(max-width:768px) {
            .pk-nav { display:none; }
            .pk-mobile-toggle { display:block; }
            .pk-nav.open {
                display:flex;
                flex-direction:column;
                position:absolute;
                top:100%;
                left:0;
                right:0;
                background:var(--pk-white);
                padding:20px;
                box-shadow:0 10px 30px rgba(0,0,0,0.1);
                z-index:99;
            }
            .pk-hero { height:420px; }
            .pk-slide-title { font-size:32px; }
            .pk-slide-subtitle { font-size:15px; }
            .pk-section-title { font-size:28px; }
            .pk-why-text h2 { font-size:26px; }
            .pk-features-grid { grid-template-columns:1fr 1fr; }
            .pk-footer-grid { grid-template-columns:1fr; }
            .pk-stats .pk-container { justify-content:center; }
            .pk-topbar { display:none; }
        }
        @media(max-width:480px) {
            .pk-hero { height:380px; }
            .pk-slide-title { font-size:26px; }
            .pk-features-grid { grid-template-columns:1fr; }
            .pk-stat-number { font-size:28px; }
        }

        /* ═══════════════════════════════
           ANIMATIONS
           ═══════════════════════════════ */
        .pk-fade-up {
            opacity:1;
            transform:translateY(20px);
            transition:all 0.7s ease;
        }
        .pk-fade-up.visible {
            opacity:1;
            transform:translateY(0);
        }


/* ═══════════════════════════════════
   MAXIMA - Header con imagen de fondo
   ═══════════════════════════════════ */

.mx-announce {
    background: linear-gradient(90deg, #f59e0b 0%, #ff8c00 50%, #f59e0b 100%);
    color: #06304c;
    font-weight: 600;
    font-size: 13px;
    padding: 8px 0;
    text-align: center;
}
.mx-announce-inner {
    display: flex; align-items: center; justify-content: center;
    gap: 20px; flex-wrap: wrap; padding: 0 40px;
}
.mx-announce-item { white-space: nowrap; }
.mx-announce-sep { opacity: 0.5; }

.mx-topbar {
    background: #06304c !important;
}
.mx-topbar-inner {
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 48px;
    flex-wrap: wrap;
    gap: 10px;
}
.mx-topbar-hours {
    color: #fff; opacity: 0.85; font-size: 13px; margin-right: 12px;
}

/* ── Header principal con imagen de fondo ── */
.mx-header {
    position: relative;
    background:
        url('/modules/maximahome/views/img/header-bg.jpg') center/cover no-repeat;
    min-height: 130px;
    overflow: hidden;
    border-bottom: 5px solid #f59e0b;
    box-shadow: 0 6px 30px rgba(6,48,76,0.12);
}
.mx-header-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(6,48,76,0.92) 0%,
        rgba(13,79,122,0.88) 40%,
        rgba(13,79,122,0.75) 65%,
        rgba(13,79,122,0.4) 100%
    );
    z-index: 1;
}
.mx-header-inner {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    padding: 24px 48px;
}
.mx-logo img {
    height: 80px;
    max-width: 220px;
    object-fit: contain;
    background: rgba(255,255,255,0.95);
    padding: 8px 16px;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.15);
}
.mx-nav {
    display: flex;
    gap: 28px;
    align-items: center;
    flex: 1;
    justify-content: center;
}
.mx-nav a {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: rgba(255,255,255,0.9);
    position: relative;
    padding: 8px 0;
    transition: color 0.2s;
}
.mx-nav a:hover { color: #f59e0b; }
.mx-nav a::after {
    content: "";
    position: absolute;
    left: 50%; bottom: 0;
    transform: translateX(-50%);
    width: 0; height: 3px;
    background: #f59e0b;
    transition: width 0.25s ease;
    border-radius: 2px;
}
.mx-nav a:hover::after { width: 100%; }
.mx-nav-cta {
    background: #f59e0b !important;
    color: #06304c !important;
    padding: 10px 22px !important;
    border-radius: 6px;
    font-weight: 700;
    transition: transform 0.2s, box-shadow 0.2s;
    box-shadow: 0 2px 8px rgba(245,158,11,0.4);
}
.mx-nav-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(245,158,11,0.5);
    color: #06304c !important;
}
.mx-nav-cta::after { display: none !important; }

.mx-header-actions {
    display: flex;
    align-items: center;
    gap: 14px;
}
.mx-cart-btn {
    background: rgba(255,255,255,0.15) !important;
    color: #fff !important;
    border: 2px solid rgba(255,255,255,0.3) !important;
}
.mx-cart-btn:hover {
    background: #f59e0b !important;
    color: #06304c !important;
    border-color: #f59e0b !important;
}

/* Imagen decorativa en la esquina derecha (solo desktop) */
.mx-header-img {
    position: absolute;
    right: 0; top: 0; bottom: 0;
    width: 320px;
    z-index: 2;
    overflow: hidden;
    pointer-events: none;
}
.mx-header-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.35;
    mask-image: linear-gradient(90deg, transparent 0%, black 40%, black 100%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 40%, black 100%);
}

.mx-mobile-toggle {
    display: none;
    font-size: 28px;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
}

/* ── Responsive ── */
@media (max-width: 1200px) {
    .mx-header-img { width: 250px; }
    .mx-header-inner { padding: 20px 32px; }
    .mx-nav { gap: 20px; }
    .mx-nav a { font-size: 14px; }
}
@media (max-width: 1000px) {
    .mx-header-img { display: none; }
}
@media (max-width: 900px) {
    .mx-announce { font-size: 12px; padding: 6px 0; }
    .mx-announce-inner { gap: 10px; padding: 0 16px; }
    .mx-announce-sep { display: none; }
    .mx-topbar-inner { padding: 6px 20px; flex-direction: column; gap: 4px; text-align: center; }
}
@media (max-width: 768px) {
    .mx-header-inner { padding: 16px 20px; gap: 16px; }
    .mx-logo img { height: 55px; padding: 6px 10px; }
    .mx-nav {
        position: fixed;
        top: 0; left: 0; right: 0; bottom: 0;
        background: rgba(6,48,76,0.97);
        flex-direction: column;
        justify-content: center;
        gap: 24px;
        z-index: 9999;
        transform: translateX(100%);
        transition: transform 0.3s ease;
    }
    .mx-nav.open { transform: translateX(0); }
    .mx-nav a { font-size: 18px; }
    .mx-mobile-toggle { display: inline-block; }
}