/* Source: page/index.php */
*{ margin:0; 
            padding:0; 
            box-sizing:border-box; 
        } 
        html, body{ 
            font-family:'Poppins',sans-serif; 
            background:#ffffff; 
            line-height:1.6; 
            color:#333; 
            max-width: 100%;
            overflow-x: hidden;
        } 
        .navbar-custom{ 
            background:rgba(255,255,255,0.95) !important; 
            backdrop-filter:blur(10px); 
            box-shadow:0 2px 20px rgba(0,0,0,0.1); 
            padding:1rem 0; 
            position:fixed; 
            top:0; 
            width:100%; 
            z-index:990; 
            transition:all 0.3s ease; 
        } 
        /* HERO */ 
            .hero-section{ 
                position:relative; 
                min-height:100vh; 
                display:flex; 
                align-items:center; 
                color:#fff; 
                text-align:center; 
                overflow:hidden; 
                background: linear-gradient(115deg,#00b34a 0%,#00c0aa 45%,#007bff 100%); 
            } 
            .hero-section::before{ 
                content:''; 
                position:absolute; 
                inset:0; 
                background:url('../../img/INDEX/PORTADA.png') center/cover no-repeat; 
                background-size: 100% 100%;
                mix-blend-mode:soft-light; 
                opacity:.5; } 
            .hero-inner{ 
                position:relative; 
                z-index:2; 
                width:100%; 
                padding:0 1rem; 
            } 
            .hero-pill{ 
                display:inline-flex; 
                align-items:center; 
                gap:.4rem; 
                padding:.4rem 1rem; 
                border-radius:999px; 
                background:rgba(255,255,255,.2); 
                font-size:.8rem; 
                text-transform:uppercase; 
                letter-spacing:.08em; 
            } 
            .hero-pill i{ 
                font-size:.9rem; 
            } 
            .hero-section h1{ 
                font-size:3.3rem; 
                font-weight:700; 
                margin-top:1.3rem; 
                margin-bottom:.4rem; 
                text-shadow:2px 2px 4px rgba(0,0,0,.35); 
            } 
            .hero-section p.hero-lead{ 
                font-size:1.2rem; 
                max-width:620px; 
                margin:0 auto 1.2rem; 
                opacity:.98; 
            } 
            .hero-section p.hero-sub{ 
                font-size:1rem; 
                max-width:580px; 
                margin:0 auto 1.6rem; 
                opacity:.95; 
            } 
            .btn-custom{ 
                background:linear-gradient(45deg,#ffcc00,#ffd700); 
                color:#000; 
                padding:14px 32px; 
                border:none; 
                border-radius:999px; 
                font-size:1.05rem; 
                font-weight:600; 
                text-decoration:none; 
                display:inline-block; 
                box-shadow:0 12px 32px rgba(255,204,0,.45); 
                transition:all .25s ease; 
            } 
            .btn-custom:hover{ 
                transform:translateY(-3px); 
                box-shadow:0 18px 45px rgba(255,204,0,.6); 
                color:#000; } 
            .hero-scroll-indicator{ 
                margin-top:2rem; 
                font-size:.8rem; 
                opacity:.92; 
            } 
            .hero-scroll-indicator i{ 
                display:block; 
                font-size:1.4rem; 
                margin-top:.2rem; 
            } 
            .section-modern{ 
                padding:100px 0; 
                background:#fff; 
            } 
            .section-modern:nth-of-type(even){ 
                background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%); 
            } 
            .title-section{ 
                font-size:2.8rem; 
                background:#0A4F6D; 
                -webkit-background-clip:text; 
                -webkit-text-fill-color:transparent; 
                background-clip:text; 
                font-weight:700; 
                margin-bottom:20px; 
            } 
            .subtitle-section{ 
                font-size:1.2rem; 
                color:#6c757d; 
                margin-bottom:60px; 
            } 
            img {
                max-width: 100%;
                height: auto;
                display: block;
            }
        /* CARDS*/ 
        .stats-section{ 
            background:linear-gradient(135deg,#ffffff 0%,#f4f7fb 40%,#ecf3ff 100%); 
            padding:30px 0; 
            position:relative; 
            overflow:hidden; 
            box-shadow:inset 0 2px 20px rgba(0,0,0,0.05); 
        }
        .stats-section::before, .stats-section::after{ 
            content:''; 
            position:absolute; 
            border-radius:50%; 
            filter:blur(40px); 
            opacity:0.4; 
            pointer-events:none; 
        } 
        .stats-section::before{ 
            width:260px; 
            height:260px; 
            background:#e0f7ef; 
            top:-120px; 
            left:-80px; 
        } 
        .stats-section::after{ 
            width:320px; 
            height:320px; 
            background:#dbe6ff; 
            bottom:-150px; 
            right:-100px; 
        } 
        .stats-inner{ 
            position:relative; 
            z-index:1; 
            max-width:1200px; 
            margin:0 auto; 
        } 
        .stats-header{ 
            text-align:center; 
            margin-bottom:40px; 
        } 
        .stats-pill{ 
            display:inline-block; 
            padding:6px 16px; 
            border-radius:999px; 
            background:rgba(0,167,93,0.08); 
            color:#00a75d; 
            font-size:0.85rem; 
            font-weight:600; 
            letter-spacing:.05em; 
            text-transform:uppercase; 
            margin-bottom:12px; 
        } 
        .stats-title{ 
            font-size:2rem; 
            font-weight:700; 
            color:#123057; 
            margin-bottom:8px; 
        } 
        .stats-subtitle{ 
            font-size:0.98rem; 
            color:#6c757d; 
            margin:0; 
        } 
        .stats-container, .stats-grid{ 
            display:grid; 
            grid-template-columns:repeat(4, 1fr);/* Desktop */ 
            gap:18px; max-width:1200px; margin:0 auto; padding:0 20px; 
        } 
        .stat-card, .stat-item{ 
            flex:1 1 0; 
            text-align:center; 
            } 
        .stat-card{ 
            background:#ffffff; 
            border-radius:18px; 
            padding:22px 18px 18px; 
            box-shadow:0 12px 35px rgba(15,35,52,0.06); 
            position:relative; 
            overflow:hidden; 
            transition:transform .25s ease,box-shadow .25s ease; 
            animation:statsFadeUp .7s ease forwards; 
            opacity:0; 
            transform:translateY(18px); 
            } 
        .stat-card::before{ 
            content:''; 
            position:absolute; 
            inset:0; 
            background:radial-gradient(circle at top,rgba(0,167,93,0.04),transparent 60%); 
            opacity:0; 
            transition:opacity .25s ease; 
            }
        .stat-card:hover{ 
            transform:translateY(-6px); 
            box-shadow:0 18px 45px rgba(15,35,52,0.12); 
            } 
        .stat-card:hover::before{ 
            opacity:1; 
            } 
        @keyframes statsFadeUp{ 
            to{opacity:1;transform:translateY(0);} 
        } 
        .stat-icon-wrap{ 
            width:46px; height:46px; 
            border-radius:16px; margin:0 auto 14px; 
            display:flex; 
            align-items:center; 
            justify-content:center; 
            background:linear-gradient(135deg,#007bff 0%,#00a75d 100%); 
            color:#fff; 
            box-shadow:0 10px 25px rgba(0,123,255,.35); 
        } 
        .stat-icon{font-size:1.6rem;} 
        .stat-content{margin-bottom:12px;} 
        .stat-number{ 
            font-size:2rem; 
            font-weight:800; 
            color:#00a75d; 
            letter-spacing:-0.03em; 
            margin-bottom:4px; 
            line-height:1; 
        } 
        .stat-label{ 
            font-size:0.95rem; 
            color:#6c757d; 
            font-weight:500; 
        } 
        .stat-accent-bar{ 
            height:3px; 
            width:40%; 
            margin:0 auto; 
            border-radius:999px; 
            background:linear-gradient(90deg,#00a75d,#00c38a); 
            opacity:0.6; 
            transition:width .25s ease,opacity .25s ease; 
        } 
        .stat-card:hover 
        .stat-accent-bar{ 
            width:70%; 
            opacity:1; } 
        @media (min-width: 1024px )
        {
            .stats-container, .stats-grid{ 
                display:grid; 
                grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); 
                grid-auto-rows: 1fr; 
                align-items: stretch; 
            } 
        } 
        /* ========================= SLIDER CONTAINER ========================= */ 
        .slider-container{ 
            position:relative; 
            overflow:hidden; 
            border-radius:25px; 
            box-shadow:0 30px 80px rgba(0,0,0,0.15); 
            background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);
        } 
        /* ========================= WRAPPER ========================= */ 
        .slider-wrapper{ 
            display:flex; 
            transition:transform 0.5s cubic-bezier(0.25,0.46,0.45,0.94); 
            height:auto; 
            min-height:60vh; 
        } 
        /* ========================= SLIDES ========================= */ 
            .slider-slide{ 
                min-width:100%;
                min-height:60vh; 
                position:relative; 
                display:flex; 
                align-items:center; 
                justify-content:center; 
                background-size:cover; 
                background-position:center; 
            } 
        /* Backgrounds */ 
        .slide-1{ background-image: linear-gradient(135deg,rgba(0,167,93,0.9),rgba(0,123,255,0.9)), url('../../img/INDEX/SLIDER-EDUCACION.png'); } 
        .slide-2{ background-image: linear-gradient(135deg,rgba(40,167,69,0.9),rgba(0,167,93,0.9)), url('../../img/INDEX/SLIDER-AHORRO.png'); } 
        .slide-3{ background-image: linear-gradient(135deg,rgba(0,123,255,0.9),rgba(40,167,69,0.9)), url('../../img/INDEX/SLIDER-MOVIL.png'); } 
        .slide-4{ background-image: linear-gradient(135deg,rgba(255,193,7,0.9),rgba(0,123,255,0.9)), url('../../img/INDEX/SLIDER-DEBITO.png'); } 
        /* ========================= CONTENT ========================= */ 
        .slide-content{ 
            text-align:center; 
            color:#fff; z-index:2; 
            max-width:600px; 
            padding:0 20px; 
        } 
        /* Slide number */ 
        .slide-number{ 
            position:absolute; top:30px; 
            left:30px; 
            background:rgba(255,255,255,0.2); 
            backdrop-filter:blur(10px); 
            color:#fff; 
            padding:10px 20px; 
            border-radius:50px; 
            font-weight:600; 
            font-size:clamp(0.8rem, 2vw, 1.1rem); 
        } 
        /* Icon */ 
        .slide-icon-large{ 
            font-size:clamp(3rem, 8vw, 6rem); 
            margin-bottom:30px; 
            text-shadow:0 4px 20px rgba(0,0,0,0.3); 
            animation:bounceIcon 2s infinite; 
        } 
        @keyframes bounceIcon{ 0%,20%,50%,80%,100%{transform:translateY(0);} 40%{transform:translateY(-10px);} 60%{transform:translateY(-5px);} } 
        /* Titles */ 
        .slide-title{
            font-size:clamp(1.8rem, 5vw, 3.5rem); 
            font-weight:800; margin-bottom:20px; 
            text-shadow:0 4px 20px rgba(0,0,0,0.5); 
        } 
        .slide-subtitle{ 
            font-size:clamp(1rem, 3vw, 1.4rem); 
            margin-bottom:30px; 
            opacity:0.95; 
        } 
        /* ========================= NAVIGATION ========================= */ 
        .slider-nav{ 
            position:absolute; 
            top:50%; 
            transform:translateY(-50%); 
            background:rgba(255,255,255,0.2); 
            backdrop-filter:blur(10px); 
            border:none; 
            width:60px; 
            height:60px; 
            border-radius:50%; 
            color:#fff; 
            font-size:1.5rem; 
            cursor:pointer; 
            transition:all 0.3s ease; 
                position: absolute;
            top: 50%;
            z-index: 50;
        } 
        .slider-nav.prev{left:30px;} 
        .slider-nav.next{right:30px;} 
        .slider-nav:hover{
            background:rgba(255,255,255,0.3); 
            transform:translateY(-50%) scale(1.1); 
        } 

        /* ========================= DOTS ========================= */ 
        .slider-dots{ 
            position:absolute; 
            bottom:30px; 
            left:50%; 
            transform:translateX(-50%); 
            display:flex; 
            gap:10px; 
            z-index:10; 
        } 
        .dot{ 
            width:12px; 
            height:12px; 
            border-radius:50%; 
            background:rgba(255,255,255,0.5); 
            cursor:pointer; 
            transition:all 0.3s ease; 
        } 
        .dot.active{ 
            background:#ffcc00;
            transform:scale(1.3); 
        } 
        /* ========================= RESPONSIVE BREAKPOINTS ========================= */ 
        @media (max-width: 768px){ 
            .slider-container{ border-radius:15px; } 
            .slider-nav{ 
                width:45px; 
                height:45px; 
                font-size:1.2rem; 
            } 
            .slider-nav.prev{left:10px;} 
            .slider-nav.next{right:10px;} 
            .slide-number  { 
                top:15px; 
                left:15px; 
                padding:6px 14px; 
            } 
        } 
        @media (max-width: 576px){ 
            .slider-wrapper, .slider-slide{ min-height:70vh; } 
            .slide-icon-large{animation:none; } 
            .slider-dots{ bottom:20px; } 
        } 
        .card-modern{ 
            background:#fff; 
            border-radius:20px; 
            padding:clamp(25px, 4vw, 40px) clamp(20px, 3vw, 30px); 
            text-align:center; 
            box-shadow:0 20px 60px rgba(0,0,0,0.1); 
            transition:transform 0.3s ease, box-shadow 0.3s ease; 
            height:100%; border:none; 
        } 
        /* Hover solo en dispositivos con mouse */ 
        @media (hover:hover){ 
            .card-modern:hover{ transform:translateY(-10px); box-shadow:0 30px 80px rgba(0,0,0,0.15); } 
        } 
        .card-modern i{ 
            font-size:clamp(2.8rem, 6vw, 4rem); 
            color:#00a75d; 
            margin-bottom:20px; } 
        .card-modern h5{ 
            font-size:clamp(1.2rem, 2.5vw, 1.4rem); 
            color:#333; 
            margin-bottom:15px; 
            font-weight:600; } 
        .partner-card{ 
            background:#fff; 
            border-radius:20px; 
            padding:clamp(20px, 3.5vw, 30px); 
            text-align:center; 
            box-shadow:0 20px 60px rgba(0,0,0,0.1); 
            transition:transform 0.3s ease, box-shadow 0.3s ease; 
            height:100%; } 
        @media (max-width:480px){
            .card-modern, .partner-card{ 
                border-radius:16px; 
            } 
        } 
        @media (hover:hover){ 
            .partner-card:hover{ 
                transform:translateY(-6px); 
                box-shadow:0 25px 70px rgba(0,0,0,0.15); 
            } 
        } 
        .partner-card:hover{ 
            transform:translateY(-5px); 
            box-shadow:0 25px 70px rgba(0,0,0,0.15); 
        } 
        .cards-grid{ 
            display:grid; 
            grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); 
            gap:30px; 
        } 
        .video-container{ 
            max-width:900px; 
            margin:0 auto; 
            border-radius:20px; 
            overflow:hidden; 
            box-shadow:0 20px 60px rgba(0,0,0,0.15); 
        } 
        @media (max-width:992px){ 
            .hero-section h1{font-size:2.8rem;} 
            .stats-container, 
            .stats-grid{ flex-wrap:wrap; } 
        } 
        @media (max-width: 576px){ 
            .cards-grid{ 
                grid-template-columns:repeat(2, 1fr); 
                gap:16px; 
            } 
        } 
        @media (max-width: 576px){ 
            .card-modern, .partner-card{ padding:18px 14px; } 
            .card-modern i{ 
                font-size:2.2rem; 
                margin-bottom:12px; 
            } 
        .card-modern h5{ font-size:1.05rem; } } 
        @media (hover:none){ 
            .card-modern:hover, .partner-card:hover{ 
                transform:none; 
                box-shadow:0 20px 60px rgba(0,0,0,0.1); 
            } 
        } 
        @media (max-width:768px){ 
            .hero-section{ padding:110px 0 80px; } 
            .hero-section h1{font-size:2.3rem;} 
            .section-modern{padding:60px 0;} 
            .title-section{font-size:2rem;} 
            .slider-slide, .slider-wrapper{height:400px;} 
            .slide-title{font-size:2.5rem;} 
            .slider-nav{ width:50px; height:50px; font-size:1.2rem; } 
            .stats-section{padding:50px 0;} 
        } 
        @media (max-width:570px){ 
            .stat-card{ padding:20px 100px 145px; } 
            .stats-container, .stats-grid{ flex-direction:column; flex-wrap:nowrap; gap:16px; } 
            .stat-card, .stat-item{ width:100%; } 
        } 
        /* ========================= */ /* MOBILE FIRST */ /* ========================= */ 
        /* Tablets */ 
        @media (max-width: 768px){ 
            .stats-container, .stats-grid{ 
                grid-template-columns: repeat(2, 1fr); 
                gap:16px; 
            } 
            .stat-card{ padding:20px 16px; } 
        } 
        /* Móviles normales */ 
        @media (max-width: 480px){ 
            .stats-container, .stats-grid{ 
                grid-template-columns: repeat(2, 1fr); 
                gap:14px; padding:0 14px; 
            } 
            .stat-card{ padding:18px 14px; } 
            .stat-content{ display:flex; flex-direction:column; align-items:center; text-align:center; } 
            .stat-number{ font-size:1.6rem; line-height:1.1; } 
            .stat-label{ font-size:0.9rem; line-height:1.3; white-space:normal; } 
            .stat-icon-wrap{ width:42px; height:42px; }
        } 
        /* Móviles pequeños (tipo iPhone SE, Android compactos) */ 
        @media (max-width: 360px){ 
            .stats-container, .stats-grid{ grid-template-columns: 1fr; } 
            .stat-card{ max-width:320px; margin:0 auto; } 
        } 
        /* =========================== SUCURSALES =========================== */ 
        .branch-map{ 
            height:88%;
            min-height:100px; 
            border-radius:20px; 
            overflow:hidden; 
            box-shadow:0 20px 60px rgba(0,0,0,0.15); 
        } 
        .branch-card{ 
            background:#fff; 
            border-radius:18px; 
            padding:28px 22px; 
            box-shadow:0 60px 45px rgba(0,0,0,0.08); 
            text-align:center; 
            height:100%; 
            transition:all .3s ease; 
            border:1px solid #eef1f6; 
        } 
        .branch-card:hover{ 
            transform:translateY(-6px); 
            box-shadow:0 25px 65px rgba(0,0,0,0.15); 
            border-color:#00a75d; 
        } 
        .branch-card h5{ 
            font-size:1.2rem; 
            font-weight:600; 
            margin-bottom:6px; 
            color:#123057; 
        } 
        .branch-card p{ 
            font-size:.95rem; 
            color:#6c757d; 
            margin-bottom:18px; 
        } 
        .btn-branch{ 
            display:inline-block; 
            padding:10px 22px; 
            border-radius:999px; 
            font-size:.85rem; 
            font-weight:600; 
            color:#fff; 
            background:linear-gradient(135deg,#00a75d,#007bff); 
            text-decoration:none; 
            transition:all .25s ease; 
            box-shadow:0 10px 25px rgba(0,167,93,.35); 
        } 
        .btn-branch:hover{ 
            transform:translateY(-2px); 
            box-shadow:0 14px 35px rgba(0,167,93,.45); 
            color:#fff; } 
        /* =========================== BANNER CTA =========================== */ 
        .banner-cta{ 
            padding:70px 0; 
            background: linear-gradient(135deg,#00a75d 0%,#007bff 100%); 
            color:#fff; 
            position:relative; 
            overflow:hidden; 
        } 
        .banner-cta::before{ 
            content:''; 
            position:absolute; 
            width:350px; 
            height:350px; 
            background:rgba(255,255,255,0.15); 
            border-radius:50%; 
            top:-120px; 
            right:-120px; 
            filter:blur(40px); 
        } 
        .banner-content{ 
            display:flex; 
            align-items:center; 
            justify-content:space-between; 
            gap:30px; 
            position:relative; 
            z-index:2; 
        } 
        .banner-text h2{ 
            font-size:2.4rem; 
            font-weight:800; 
            margin:15px 0 10px; 
        } 
        .banner-text p{
            font-size:1.1rem; 
            max-width:600px; 
            opacity:.95; 
        } 
        .banner-pill{ 
            display:inline-flex; 
            align-items:center; 
            gap:6px; 
            padding:6px 18px; 
            border-radius:999px; 
            background:rgba(255,255,255,.25); 
            font-size:.85rem; 
            font-weight:600; 
            letter-spacing:.05em; 
        } 
        .banner-actions{ 
            display:flex; 
            gap:15px; 
            flex-wrap:wrap; 
        } 
        .btn-banner-primary{ 
            padding:14px 30px; 
            border-radius:999px; 
            background:#ffcc00; 
            color:#000; 
            font-weight:700; 
            text-decoration:none; 
            box-shadow:0 15px 35px rgba(255,204,0,.5); 
            transition:.25s ease; 
        } 
        .btn-banner-primary:hover{ 
            transform:translateY(-3px); 
            box-shadow:0 20px 45px rgba(255,204,0,.7); 
            color:#000; 
        } 
        .btn-banner-secondary{ 
            padding:14px 30px; 
            border-radius:999px; 
            border:2px solid #fff; 
            color:#fff; 
            font-weight:600; 
            text-decoration:none; 
            transition:.25s ease; 
        } 
        .btn-banner-secondary:hover{ 
            background:#fff; 
            color:#007bff; 
        } 
        /* Responsive */ 
        @media(max-width:768px){ 
            .banner-content{ 
                flex-direction:column; 
                text-align:center; 
            } 
            .banner-text h2{ font-size:2rem; } 
        } 
        /* =========================== BANNER COSEDE =========================== */   
        .section-banner-cosede{ 
            padding:50px 0; 
            background:#f8f9fa; 
        } 
        .banner-cosede-link{ 
            display:block; 
            border-radius:20px; 
            overflow:hidden; 
            box-shadow:0 20px 60px rgba(0,0,0,0.15); 
            transition:all .3s ease; 
        } 
        .banner-cosede-link:hover{
            transform:translateY(-6px); 
            box-shadow:0 30px 80px rgba(0,0,0,0.25); 
        } 
        .banner-cosede-img{ 
            width:100%; 
            height:auto; 
            display:block; 
            border-radius:20px; 
        } 
                
        /* ====== ESTILO MODAL ====== */ 
                
        .custom-modal { 
            border-radius: 25px; 
            overflow: hidden; 
            font-family: 'Poppins', sans-serif; 
            box-shadow: 0 20px 60px rgba(0,0,0,0.15); 
        } 
        .custom-modal .modal-header {
            background: #00a75d; 
            color: #fff; 
            padding: 1.5rem; 
        } 
        .custom-modal .modal-title { 
            font-weight: 700; 
            font-size: 1.5rem; 
        } 
        .btn-close-white { 
            filter: invert(1); 
        } 
        .news-title { 
            font-size: 1.6rem; 
            font-weight: 700; 
            color: #123057; 
            margin-bottom: 1rem; 
        } 
        .news-image { 
            border-radius: 15px; 
            max-height: 350px; 
            object-fit: cover; 
            width: 100%; 
            box-shadow: 0 10px 30px rgba(0,0,0,0.1); 
        } 
        .news-content { 
            font-size: 1rem; 
            color: #333; 
            line-height: 1.6; 
            margin-bottom: 1rem; 
        }
        .modal-content .btn-news-primary { 
            background-color: #00a75d !important; /* verde */ 
            color: #fff !important; /* texto blanco */ 
            font-weight: 600; 
            padding: 0.6rem 1.5rem; 
            border-radius: 50px; 
            box-shadow: 0 10px 25px rgba(0, 167, 93, 0.3); 
            transition: all 0.25s ease; 
        } 
        .modal-content .btn-news-primary:hover { 
            transform: translateY(-3px); 
            box-shadow: 0 15px 35px rgba(0, 167, 93, 0.4); 
            color: #fff !important
        } 
        /* ======================================================
        SLIDER PARA MÓVIL
        ====================================================== */
        @media (max-width: 768px){

            .slide-1{
                background-image:
                linear-gradient(135deg,rgba(0,167,93,0.9),rgba(0,123,255,0.9)),
                url('../../img/INDEX/SLIDER-APP-EDUCACION.jpg');
            }

            .slide-2{
                background-image:
                linear-gradient(135deg,rgba(40,167,69,0.9),rgba(0,167,93,0.9)),
                url('../../img/INDEX/SLIDER-APP-AHORRO.jpg') ;
            }

            .slide-3{
                background-image:
                linear-gradient(135deg,rgba(0,123,255,0.9),rgba(40,167,69,0.9)),
                url('../../img/INDEX/SLIDER-MOVIL.png');
            }

            .slide-4{
                background-image:
                linear-gradient(135deg,rgba(255,193,7,0.9),rgba(0,123,255,0.9)),
                url('../../img/INDEX/SLIDER-APP-DEBITO.jpg');
            }

            .hero-section::before{ 
                background:url('../../img/INDEX/PORTADA.png') center/cover no-repeat,
                linear-gradient(115deg,#00b34a 0%,#00c0aa 45%,#007bff 100%); 
            }
        }
        /* Botón Portal de Pagos */
        .btn-portal{
            display:inline-block;
            background:linear-gradient(135deg,#00a75d,#1b75d0);
            color:#fff;
            padding:14px 35px;
            border-radius:12px;
            font-weight:600;
            text-decoration:none;
            transition:all .3s ease;
            box-shadow:0 10px 25px rgba(0,167,93,.25);
        }

        .btn-portal:hover{
            transform:translateY(-3px);
            box-shadow:0 15px 35px rgba(0,167,93,.35);
            color:#fff;
        }

.stat-delay-0 { animation-delay: 0s; }
.stat-delay-1 { animation-delay: 0.15s; }
.stat-delay-2 { animation-delay: 0.3s; }
.stat-delay-3 { animation-delay: 0.45s; }
.stat-delay-4 { animation-delay: 0.6s; }

.partner-logo {
  max-height: 60px;
}

.card-modern-action{
    display:flex;
    flex-direction:column;
}

.card-modern-action .card-modern-btn{
    margin-top:auto;
}

.card-modern-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:18px;
    padding:10px 16px;
    border-radius:999px;
    background:linear-gradient(135deg, #00a75d, #28a745);
    color:#fff;
    text-decoration:none;
    font-weight:600;
    font-size:.92rem;
    box-shadow:0 12px 24px rgba(0,167,93,0.18);
    transition:transform .2s ease, box-shadow .2s ease;
}

.card-modern-btn:hover{
    transform:translateY(-2px);
    color:#fff;
    text-decoration:none;
}