:root{
     --app-green:#00c853;
     --app-green-dark:#00a846;
     --app-blue:#0d8ddb;
     --app-blue-dark:#0877bd;
     --app-dark:#07111f;
     --app-slate:#5f6f85;
     --app-muted:#8a98aa;
     --app-light:#f4f8fb;
     --app-white:#ffffff;
     --app-border:rgba(13,141,219,.14);
     --app-shadow:0 24px 70px rgba(7,17,31,.12);
     --app-shadow-soft:0 14px 40px rgba(7,17,31,.08);
     --app-radius:28px;
     --app-radius-sm:18px;
     --app-gradient:linear-gradient(135deg,var(--app-green) 0%,var(--app-blue) 100%);
 }

 *{
     box-sizing:border-box;
 }

 html{
     scroll-behavior:smooth;
 }

 body{
     margin:0;
     font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
     color:var(--app-dark);
     background:#f7fbff;
     overflow-x:hidden;
 }

 body::before{
     content:'';
     position:fixed;
     inset:-30% -20% auto auto;
     width:620px;
     height:620px;
     background:radial-gradient(circle,rgba(13,141,219,.16),transparent 68%);
     z-index:-2;
     pointer-events:none;
 }

 body::after{
     content:'';
     position:fixed;
     left:-220px;
     bottom:-260px;
     width:620px;
     height:620px;
     background:radial-gradient(circle,rgba(0,200,83,.16),transparent 68%);
     z-index:-2;
     pointer-events:none;
 }

 img{
     max-width:100%;
     display:block;
 }

 a{
     text-decoration:none;
 }

 .container{
     width:min(1180px,calc(100% - 32px));
     margin-inline:auto;
 }

 /* NAVBAR */
 .navbar-appcloud{
     position:sticky;
     top:0;
     z-index:1000;
     padding:16px 0;
     background:rgba(247,251,255,.78);
     backdrop-filter:blur(18px);
     -webkit-backdrop-filter:blur(18px);
     border-bottom:1px solid rgba(13,141,219,.08);
 }

 .navbar-container{
     display:flex;
     align-items:center;
     justify-content:space-between;
     gap:22px;
 }

 .navbar-brand-app{
     display:flex;
     align-items:center;
     min-width:170px;
 }

 .navbar-logo{
     height:44px;
     width:auto;
     object-fit:contain;
 }

 .navbar-menu{
     display:flex;
     align-items:center;
     justify-content:center;
     gap:24px;
     padding:10px 18px;
     border:1px solid rgba(13,141,219,.10);
     background:rgba(255,255,255,.66);
     border-radius:999px;
     box-shadow:0 10px 30px rgba(7,17,31,.04);
 }

 .navbar-menu a{
     font-size:14px;
     font-weight:700;
     color:#314158;
     transition:.22s ease;
     white-space:nowrap;
 }

 .navbar-menu a:hover{
     color:var(--app-blue);
 }

 .navbar-actions{
     display:flex;
     align-items:center;
     justify-content:flex-end;
     gap:10px;
     min-width:270px;
 }

 .btn-demo,
 .btn-login-clientes,
 .btn-primary-app,
 .btn-outline-app{
     display:inline-flex;
     align-items:center;
     justify-content:center;
     border-radius:999px;
     font-weight:800;
     letter-spacing:-.01em;
     transition:.22s ease;
     border:0;
     white-space:nowrap;
 }

 .btn-demo{
     padding:11px 17px;
     color:#fff;
     background:var(--app-gradient);
     box-shadow:0 12px 26px rgba(13,141,219,.22);
 }

 .btn-demo:hover{
     transform:translateY(-2px);
     box-shadow:0 16px 34px rgba(13,141,219,.28);
     color:#fff;
 }

 .btn-login-clientes{
     padding:10px 16px;
     color:var(--app-blue);
     background:#fff;
     border:1px solid rgba(13,141,219,.18);
 }

 .btn-login-clientes:hover{
     color:#fff;
     background:var(--app-blue);
 }

 .mobile-menu-btn{
     display:none;
     width:44px;
     height:44px;
     border:0;
     border-radius:14px;
     color:#fff;
     background:var(--app-dark);
 }

 /* HERO */
 .hero-section{
     position:relative;
     min-height:calc(100vh - 78px);
     display:flex;
     align-items:center;
     padding:88px 0 80px;
     overflow:hidden;
 }

 .hero-bg{
     position:absolute;
     inset:0;
     z-index:-1;
     opacity:.42;
 }

 .hero-section::before{
     content:'';
     position:absolute;
     top:8%;
     right:5%;
     width:420px;
     height:420px;
     border-radius:50%;
     background:radial-gradient(circle,rgba(13,141,219,.20),transparent 70%);
     z-index:-2;
 }

 .hero-section::after{
     content:'';
     position:absolute;
     left:3%;
     bottom:4%;
     width:440px;
     height:440px;
     border-radius:50%;
     background:radial-gradient(circle,rgba(0,200,83,.17),transparent 70%);
     z-index:-2;
 }

 .hero-content{
     display:grid;
     grid-template-columns:1.02fr .98fr;
     align-items:center;
     gap:52px;
 }

 .hero-text{
     position:relative;
     z-index:2;
 }

 .badge-soft{
     display:inline-flex;
     align-items:center;
     gap:8px;
     padding:10px 16px;
     margin-bottom:22px;
     border-radius:999px;
     color:var(--app-blue);
     background:rgba(13,141,219,.08);
     border:1px solid rgba(13,141,219,.16);
     font-size:13px;
     font-weight:900;
 }

 .hero-text h1{
     margin:0 0 22px;
     font-size:clamp(42px,5.5vw,74px);
     line-height:.98;
     letter-spacing:-.065em;
     font-weight:900;
     color:#07111f;
 }

 .hero-text p{
     max-width:620px;
     margin:0 0 30px;
     font-size:19px;
     line-height:1.68;
     color:#526173;
     font-weight:500;
 }

 .hero-actions{
     display:flex;
     align-items:center;
     flex-wrap:wrap;
     gap:14px;
     margin-bottom:34px;
 }

 .btn-primary-app{
     min-height:56px;
     padding:0 26px;
     color:#fff;
     background:var(--app-gradient);
     box-shadow:0 18px 34px rgba(13,141,219,.24);
 }

 .btn-primary-app:hover{
     transform:translateY(-3px);
     color:#fff;
     box-shadow:0 24px 44px rgba(13,141,219,.30);
 }

 .btn-outline-app{
     min-height:56px;
     padding:0 26px;
     color:#132033;
     background:rgba(255,255,255,.78);
     border:1px solid rgba(13,141,219,.18);
     box-shadow:0 14px 30px rgba(7,17,31,.06);
 }

 .btn-outline-app:hover{
     color:var(--app-blue);
     background:#fff;
     transform:translateY(-3px);
 }

 .hero-stats{
     display:grid;
     grid-template-columns:repeat(3,minmax(0,1fr));
     gap:14px;
     max-width:640px;
 }

 .hero-stats div{
     padding:18px 18px;
     border-radius:20px;
     background:rgba(255,255,255,.78);
     border:1px solid rgba(13,141,219,.10);
     box-shadow:var(--app-shadow-soft);
 }

 .hero-stats strong{
     display:block;
     font-size:22px;
     color:#07111f;
     line-height:1;
 }

 .hero-stats span{
     display:block;
     margin-top:7px;
     font-size:13px;
     font-weight:700;
     color:#748399;
 }

 .hero-card{
     position:relative;
 }

 .hero-card::before{
     content:'';
     position:absolute;
     inset:32px -16px -20px 38px;
     border-radius:36px;
     background:linear-gradient(135deg,rgba(0,200,83,.34),rgba(13,141,219,.34));
     filter:blur(18px);
     opacity:.55;
     z-index:-1;
 }

 .mock-window{
     overflow:hidden;
     border-radius:32px;
     background:rgba(255,255,255,.82);
     border:1px solid rgba(255,255,255,.88);
     box-shadow:var(--app-shadow);
     backdrop-filter:blur(18px);
     -webkit-backdrop-filter:blur(18px);
 }

 .mock-top{
     height:54px;
     display:flex;
     align-items:center;
     gap:9px;
     padding:0 20px;
     background:linear-gradient(180deg,#fff,rgba(255,255,255,.72));
     border-bottom:1px solid rgba(13,141,219,.10);
 }

 .mock-top span{
     width:12px;
     height:12px;
     border-radius:50%;
     background:#d7e1ec;
 }

 .mock-top span:first-child{background:#ff6b6b;}
 .mock-top span:nth-child(2){background:#ffc857;}
 .mock-top span:nth-child(3){background:#00c853;}

 .mock-body{
     padding:24px;
 }

 .kpi-grid{
     display:grid;
     grid-template-columns:repeat(2,minmax(0,1fr));
     gap:14px;
 }

 .kpi-card{
     padding:20px;
     border-radius:22px;
     background:#fff;
     border:1px solid rgba(13,141,219,.10);
     box-shadow:0 12px 26px rgba(7,17,31,.06);
 }

 .kpi-card small{
     display:block;
     color:#7d8ca0;
     font-weight:800;
     margin-bottom:8px;
 }

 .kpi-card strong{
     font-size:28px;
     letter-spacing:-.04em;
     color:#07111f;
 }

 .chart-placeholder{
     height:210px;
     margin:18px 0;
     border-radius:26px;
     background:
         linear-gradient(180deg,rgba(13,141,219,.08),rgba(0,200,83,.08)),
         repeating-linear-gradient(90deg,rgba(13,141,219,.11) 0 1px,transparent 1px 56px),
         repeating-linear-gradient(0deg,rgba(13,141,219,.08) 0 1px,transparent 1px 46px);
     position:relative;
     overflow:hidden;
 }

 .chart-placeholder::before{
     content:'';
     position:absolute;
     left:8%;
     right:8%;
     bottom:28%;
     height:70px;
     border-radius:50% 50% 0 0;
     border-top:8px solid rgba(13,141,219,.72);
     transform:skewX(-14deg);
 }

 .chart-placeholder::after{
     content:'';
     position:absolute;
     left:15%;
     right:14%;
     bottom:18%;
     height:92px;
     border-radius:50% 50% 0 0;
     border-top:8px solid rgba(0,200,83,.72);
     transform:skewX(16deg);
 }

 .flow-line{
     display:flex;
     align-items:center;
     justify-content:space-between;
     gap:10px;
     padding:14px;
     border-radius:18px;
     background:#07111f;
 }

 .flow-line span{
     color:#fff;
     font-size:13px;
     font-weight:900;
 }

 .flow-line i{
     flex:1;
     height:2px;
     background:linear-gradient(90deg,var(--app-green),var(--app-blue));
     opacity:.9;
 }

 /* SECTIONS */
 .section{
     padding:96px 0;
     position:relative;
 }

 .section-title{
     max-width:760px;
     margin:0 auto 46px;
     text-align:center;
 }

 .section-title span{
     display:inline-flex;
     margin-bottom:12px;
     padding:8px 14px;
     border-radius:999px;
     color:var(--app-green-dark);
     background:rgba(0,200,83,.10);
     border:1px solid rgba(0,200,83,.18);
     font-size:13px;
     font-weight:900;
 }

 .section-title h2{
     margin:0 0 14px;
     font-size:clamp(32px,4vw,52px);
     line-height:1.05;
     letter-spacing:-.045em;
     font-weight:900;
 }

 .section-title p{
     margin:0;
     color:#657386;
     font-size:18px;
     line-height:1.65;
     font-weight:500;
 }

 .cards-grid,
 .module-grid{
     display:grid;
     grid-template-columns:repeat(4,minmax(0,1fr));
     gap:18px;
 }

 .info-card,
 .module-card{
     min-height:150px;
     padding:26px;
     border-radius:var(--app-radius-sm);
     background:rgba(255,255,255,.86);
     border:1px solid rgba(13,141,219,.12);
     box-shadow:var(--app-shadow-soft);
     transition:.24s ease;
 }

 .info-card:hover,
 .module-card:hover{
     transform:translateY(-6px);
     box-shadow:0 22px 48px rgba(7,17,31,.12);
 }

 .info-card{
     display:flex;
     align-items:end;
     font-size:20px;
     font-weight:900;
     letter-spacing:-.03em;
     color:#132033;
     position:relative;
     overflow:hidden;
 }

 .info-card::before{
     content:'';
     position:absolute;
     top:20px;
     left:24px;
     width:42px;
     height:42px;
     border-radius:14px;
     background:var(--app-gradient);
     opacity:.88;
 }

 .solution{
     background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(13,141,219,.06));
 }

 .process-flow{
     display:grid;
     grid-template-columns:repeat(6,minmax(0,1fr));
     gap:14px;
     padding:18px;
     border-radius:30px;
     background:#07111f;
     box-shadow:var(--app-shadow);
 }

 .process-flow div{
     min-height:100px;
     display:flex;
     align-items:center;
     justify-content:center;
     text-align:center;
     padding:18px;
     border-radius:22px;
     color:#fff;
     font-weight:900;
     background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05));
     border:1px solid rgba(255,255,255,.10);
     position:relative;
 }

 .process-flow div:not(:last-child)::after{
     content:'→';
     position:absolute;
     right:-15px;
     top:50%;
     transform:translateY(-50%);
     color:var(--app-green);
     font-size:26px;
     z-index:2;
 }

 .module-grid{
     grid-template-columns:repeat(3,minmax(0,1fr));
 }

 .module-card{
     min-height:210px;
     position:relative;
     overflow:hidden;
 }

 .module-card::before{
     content:'';
     position:absolute;
     right:-38px;
     top:-38px;
     width:120px;
     height:120px;
     border-radius:50%;
     background:radial-gradient(circle,rgba(13,141,219,.20),transparent 68%);
 }

 .module-card h3{
     margin:0 0 12px;
     font-size:25px;
     font-weight:900;
     letter-spacing:-.04em;
     color:#07111f;
 }

 .module-card p{
     margin:0;
     color:#657386;
     font-size:16px;
     line-height:1.65;
     font-weight:500;
 }

 /* GENERIC CONTENT */
 .glass-panel{
     border-radius:var(--app-radius);
     background:rgba(255,255,255,.80);
     border:1px solid rgba(255,255,255,.72);
     box-shadow:var(--app-shadow);
     backdrop-filter:blur(18px);
     -webkit-backdrop-filter:blur(18px);
 }

 .text-gradient{
     background:var(--app-gradient);
     -webkit-background-clip:text;
     background-clip:text;
     color:transparent;
 }

 /* FOOTER BASE */
 .footer-appcloud{
     padding:54px 0 28px;
     background:#07111f;
     color:#d9e5f2;
 }

 .footer-appcloud a{
     color:#d9e5f2;
 }

 .footer-appcloud a:hover{
     color:#fff;
 }

/* =====================================================
   APPCLOUD DARK MAQUETA OVERRIDES
   Ajuste final para acercar la landing a la maqueta comercial
===================================================== */

body{
    color:#ffffff;
    background:#061427;
}

body::before,
body::after{
    z-index:-3;
}

#appCloudSite{
    background:
        radial-gradient(circle at 12% 12%,rgba(0,200,83,.12),transparent 28%),
        radial-gradient(circle at 88% 8%,rgba(13,141,219,.22),transparent 34%),
        linear-gradient(180deg,#061427 0%,#07111f 42%,#061427 100%);
    min-height:100vh;
}

.navbar-appcloud{
    background:rgba(4,13,27,.82);
    border-bottom:1px solid rgba(255,255,255,.08);
    box-shadow:0 16px 44px rgba(0,0,0,.18);
}

.navbar-scrolled{
    background:rgba(4,13,27,.94);
    box-shadow:0 18px 54px rgba(0,0,0,.30);
}

.navbar-menu{
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 18px 48px rgba(0,0,0,.22);
}

.navbar-menu a{
    color:#dbe8f8;
}

.navbar-menu a:hover,
.navbar-menu a.active{
    color:#48d9ff;
}

.btn-login-clientes{
    color:#48d9ff;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(72,217,255,.26);
}

.btn-login-clientes:hover{
    color:#07111f;
    background:#48d9ff;
}

.hero-section,
.hero-premium{
    background:
        radial-gradient(circle at 10% 20%,rgba(0,200,83,.22),transparent 28%),
        radial-gradient(circle at 82% 18%,rgba(13,141,219,.32),transparent 34%),
        radial-gradient(circle at 55% 90%,rgba(13,141,219,.12),transparent 38%),
        linear-gradient(135deg,#061427 0%,#071c33 50%,#061427 100%);
    color:#fff;
    min-height:calc(100vh - 82px);
}

.hero-bg{
    opacity:.38;
}

.hero-text h1{
    color:#ffffff;
    text-shadow:0 10px 34px rgba(0,0,0,.28);
}

.hero-text p{
    color:#d3dfef;
}

.badge-soft{
    color:#62dcff;
    background:rgba(13,141,219,.13);
    border-color:rgba(72,217,255,.28);
}

.hero-checks span{
    color:#e4eefc;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 16px 42px rgba(0,0,0,.18);
}

.btn-outline-app{
    color:#ffffff;
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.16);
    box-shadow:0 16px 42px rgba(0,0,0,.20);
}

.btn-outline-app:hover{
    color:#07111f;
    background:#ffffff;
}

.dashboard-device.mock-window{
    background:#0b1b31;
    border:1px solid rgba(255,255,255,.16);
    box-shadow:0 34px 90px rgba(0,0,0,.38);
}

.dashboard-device .mock-top{
    background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.045));
    border-bottom:1px solid rgba(255,255,255,.08);
}

.dashboard-device .mock-body{
    background:linear-gradient(180deg,#0d1f37,#08172a);
}

.mock-header-line small,
.mock-header-line em{
    color:#9fb3ca;
}

.mock-header-line strong{
    color:#ffffff;
}

.kpi-card{
    background:rgba(255,255,255,.075);
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 18px 48px rgba(0,0,0,.18);
}

.kpi-card small{
    color:#9fb3ca;
}

.kpi-card strong{
    color:#ffffff;
}

.chart-placeholder{
    background:
        linear-gradient(180deg,rgba(13,141,219,.13),rgba(0,200,83,.08)),
        repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px 56px),
        repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 46px);
}

.section{
    background:#07111f;
    color:#ffffff;
}

.section-title h2{
    color:#ffffff;
}

.section-title p{
    color:#b9c6d8;
}

.section-title span,
.section-mini-badge{
    color:#34e58a;
    background:rgba(0,200,83,.13);
    border-color:rgba(0,200,83,.28);
}

.user-section,
.benefits-section,
.flow-section,
.modules-pro-section,
.industries-section,
.final-cta-section{
    background:
        radial-gradient(circle at 8% 18%,rgba(0,200,83,.11),transparent 26%),
        radial-gradient(circle at 92% 18%,rgba(13,141,219,.18),transparent 28%),
        #07111f;
}

.user-grid{
    align-items:stretch;
}

.user-card{
    min-height:305px;
    display:flex;
    flex-direction:column;
    background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045));
    border:1px solid rgba(255,255,255,.12);
}

.user-photo{
    position:relative;
    display:block;
    height:154px;
    background-size:cover;
    background-position:center;
}

.user-photo::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 32%,rgba(7,17,31,.88) 100%);
}

/* Fotos de usuarios tipo maqueta, sin depender de archivos locales */
.user-admin{
    background-image:
        linear-gradient(135deg,rgba(13,141,219,.24),rgba(0,200,83,.16)),
        url('https://images.unsplash.com/photo-1560250097-0b93528c311a?auto=format&fit=crop&w=700&q=80');
}

.user-seller{
    background-image:
        linear-gradient(135deg,rgba(13,141,219,.24),rgba(0,200,83,.16)),
        url('https://images.unsplash.com/photo-1580894908361-967195033215?auto=format&fit=crop&w=700&q=80');
}

.user-cashier{
    background-image:
        linear-gradient(135deg,rgba(13,141,219,.24),rgba(0,200,83,.16)),
        url('https://images.unsplash.com/photo-1556745753-b2904692b3cd?auto=format&fit=crop&w=700&q=80');
}

.user-warehouse{
    background-image:
        linear-gradient(135deg,rgba(13,141,219,.24),rgba(0,200,83,.16)),
        url('https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=700&q=80');
}

.user-dispatch{
    background-image:
        linear-gradient(135deg,rgba(13,141,219,.24),rgba(0,200,83,.16)),
        url('https://images.unsplash.com/photo-1601584115197-04ecc0da31d7?auto=format&fit=crop&w=700&q=80');
}

.user-card h3{
    color:#ffffff;
}

.user-card p{
    color:#c4d1e2;
}

.benefit-strip,
.module-icon-grid,
.industry-grid{
    position:relative;
    z-index:2;
}

.benefit-item,
.module-icon-card,
.industry-card,
.flow-step{
    background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.04));
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 22px 58px rgba(0,0,0,.20);
}

.flow-section .section-title{
    max-width:900px;
}

.sales-flow-pro{
    margin-top:18px;
}

.platform-section{
    background:#07111f;
}

.platform-card{
    background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 22px 58px rgba(0,0,0,.20);
}

.platform-card h3{
    color:#ffffff;
}

.platform-card p{
    color:#c4d1e2;
}

.catalog-section{
    background:
        radial-gradient(circle at 82% 34%,rgba(13,141,219,.18),transparent 32%),
        radial-gradient(circle at 12% 80%,rgba(0,200,83,.12),transparent 32%),
        #07111f;
    color:#ffffff;
}

.catalog-content h2{
    color:#ffffff;
}

.catalog-content p,
.feature-list li{
    color:#c4d1e2;
}

.catalog-order-card{
    background:#0d1f37;
    border:1px solid rgba(255,255,255,.12);
    color:#ffffff;
}

.catalog-order-card span{
    color:#b9c6d8;
}

.final-cta{
    background:
        radial-gradient(circle at 8% 28%,rgba(0,200,83,.30),transparent 36%),
        radial-gradient(circle at 88% 24%,rgba(13,141,219,.32),transparent 36%),
        linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.045));
}

.footer-appcloud{
    background:#050d1a;
}

.footer-cta.glass-panel{
    background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.06));
    border:1px solid rgba(255,255,255,.13);
    color:#ffffff;
}

.footer-cta h2{
    color:#ffffff;
}

.footer-cta p{
    color:#c4d1e2;
}

.btn-outline-footer{
    color:#ffffff;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.15);
}

.btn-outline-footer:hover{
    color:#07111f;
    background:#ffffff;
}

/* Ajustes para evitar que se vea como texto plano si una imagen externa demora */
.user-card::before{
    content:'';
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 30% 20%,rgba(13,141,219,.16),transparent 38%);
    pointer-events:none;
}

.user-card > *{
    position:relative;
    z-index:1;
}

@media (max-width: 992px){
    .hero-section,
    .hero-premium{
        min-height:auto;
    }

    .navbar-menu{
        background:rgba(7,17,31,.96);
    }
}

@media (max-width: 768px){
    .hero-text h1{
        font-size:clamp(40px,13vw,62px);
    }

    .user-photo{
        height:210px;
    }
}

/* =====================================================
   APPCLOUD FINAL POLISH - MAQUETA FULL LANDING
   Corrección de grillas, cards, flujo y presentación visual
===================================================== */

/* Layout general más compacto y comercial */
.section{
    padding:82px 0 !important;
}

.hero-section{
    padding:74px 0 70px !important;
}

.hero-content{
    min-height:680px;
}

/* Evita que las secciones se vean como texto plano */
.user-grid,
.benefit-strip,
.module-icon-grid,
.industry-grid,
.platform-showcase{
    width:100%;
}

/* USUARIOS COMO CARDS DE MAQUETA */
.user-section{
    padding-top:78px !important;
    padding-bottom:78px !important;
}

.user-section .section-title{
    margin-bottom:44px !important;
}

.user-grid{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:18px !important;
    align-items:stretch !important;
}

.user-card{
    min-height:310px !important;
    border-radius:18px !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    background:linear-gradient(180deg,rgba(20,40,64,.96),rgba(10,24,42,.96)) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    box-shadow:0 18px 44px rgba(0,0,0,.22) !important;
    transform:none !important;
}

.user-card:hover{
    transform:translateY(-7px) !important;
    border-color:rgba(0,200,83,.34) !important;
    box-shadow:0 28px 64px rgba(0,0,0,.32) !important;
}

.user-photo{
    display:block !important;
    width:100% !important;
    height:150px !important;
    flex:0 0 150px !important;
    background-size:cover !important;
    background-position:center !important;
    opacity:1 !important;
    filter:saturate(1.08) contrast(1.03) !important;
}

.user-icon{
    top:126px !important;
    left:14px !important;
    width:38px !important;
    height:38px !important;
    border-radius:12px !important;
    font-size:15px !important;
}

.user-card h3{
    margin:26px 14px 7px !important;
    color:#ffffff !important;
    font-size:18px !important;
    line-height:1.1 !important;
}

.user-card p{
    margin:0 14px 16px !important;
    color:#c8d6e7 !important;
    font-size:12.5px !important;
    line-height:1.5 !important;
}

/* BENEFICIOS EN FRANJA PRO */
.benefits-section{
    padding:44px 0 !important;
}

.benefit-strip{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:18px !important;
}

.benefit-item{
    min-height:138px !important;
    align-items:flex-start !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,rgba(17,38,64,.92),rgba(9,24,43,.92)) !important;
}

/* FLUJO COMO DIAGRAMA HORIZONTAL */
.flow-section{
    padding-top:82px !important;
    padding-bottom:92px !important;
}

.sales-flow-pro{
    display:grid !important;
    grid-template-columns:repeat(6,minmax(150px,1fr)) !important;
    gap:14px !important;
    align-items:stretch !important;
    position:relative !important;
}

.sales-flow-pro::after{
    content:'Información en tiempo real';
    position:absolute;
    left:50%;
    bottom:-42px;
    transform:translateX(-50%);
    color:#9fb3ca;
    font-size:12px;
    font-weight:800;
    letter-spacing:.02em;
}

.flow-arrow{
    display:none !important;
}

.flow-step{
    min-height:220px !important;
    padding:26px 16px 20px !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,rgba(18,43,72,.96),rgba(10,26,46,.96)) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    box-shadow:0 18px 44px rgba(0,0,0,.24) !important;
}

.flow-step:not(:last-child)::after{
    content:'→';
    position:absolute;
    right:-17px;
    top:50%;
    transform:translateY(-50%);
    color:#42e889;
    font-size:24px;
    font-weight:900;
    z-index:3;
}

.flow-step .step-number{
    top:12px !important;
    left:12px !important;
    background:rgba(0,200,83,.15) !important;
    color:#42e889 !important;
    border:1px solid rgba(0,200,83,.28) !important;
}

.flow-step > i{
    width:58px !important;
    height:58px !important;
    display:grid !important;
    place-items:center !important;
    margin:12px auto 16px !important;
    border-radius:18px !important;
    background:rgba(72,217,255,.10) !important;
    color:#48d9ff !important;
    font-size:27px !important;
}

.flow-step h3{
    font-size:15px !important;
    line-height:1.2 !important;
}

.flow-step p{
    font-size:12px !important;
}

/* MODULOS COMO BLOQUES CON ICONOS */
.modules-pro-section{
    padding-top:82px !important;
}

.module-icon-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:16px !important;
}

.module-icon-card{
    min-height:150px !important;
    border-radius:18px !important;
    padding:22px !important;
    background:linear-gradient(180deg,rgba(18,43,72,.92),rgba(10,26,46,.92)) !important;
}

.module-icon-card i{
    width:46px !important;
    height:46px !important;
    border-radius:14px !important;
    margin-bottom:14px !important;
}

/* MOCKUPS DE PLATAFORMA */
.platform-showcase{
    display:grid !important;
    grid-template-columns:1.15fr .85fr .85fr !important;
    gap:18px !important;
}

.platform-card{
    border-radius:18px !important;
    background:linear-gradient(180deg,rgba(18,43,72,.92),rgba(10,26,46,.92)) !important;
}

.platform-card.large{
    grid-row:span 2 !important;
}

/* RUBROS */
.industry-grid{
    display:grid !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    gap:14px !important;
}

.industry-card{
    min-height:120px !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,rgba(18,43,72,.92),rgba(10,26,46,.92)) !important;
}

/* CATÁLOGO */
.catalog-layout{
    display:grid !important;
    grid-template-columns:1fr .9fr !important;
    gap:54px !important;
}

/* HERO mejora visual */
.hero-text h1{
    max-width:720px;
}

.hero-visual{
    align-self:center;
}

.dashboard-device{
    max-width:650px;
    margin-left:auto;
}

/* Responsive controlado */
@media (max-width: 1280px){
    .user-grid{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }

    .sales-flow-pro{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }

    .flow-step:nth-of-type(3)::after{
        display:none !important;
    }

    .benefit-strip,
    .industry-grid{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
}

@media (max-width: 992px){
    .hero-content{
        min-height:auto;
    }

    .user-grid,
    .benefit-strip,
    .module-icon-grid,
    .platform-showcase,
    .industry-grid,
    .catalog-layout{
        grid-template-columns:1fr 1fr !important;
    }

    .sales-flow-pro{
        grid-template-columns:1fr 1fr !important;
    }

    .flow-step::after{
        display:none !important;
    }

    .platform-card.large{
        grid-column:1 / -1 !important;
    }
}

@media (max-width: 680px){
    .user-grid,
    .benefit-strip,
    .module-icon-grid,
    .platform-showcase,
    .industry-grid,
    .catalog-layout,
    .sales-flow-pro{
        grid-template-columns:1fr !important;
    }

    .user-photo{
        height:220px !important;
        flex-basis:220px !important;
    }

    .section{
        padding:62px 0 !important;
    }
}

/* =====================================================
   APPCLOUD HARD FIX UI - CARDS, ICONS, FOOTER, FLOW
   Este bloque corrige visualmente elementos que estaban quedando planos.
===================================================== */

/* Fuente y contenedores */
body{
    font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
}

.container{
    width:min(1180px,calc(100% - 36px)) !important;
}

.section-title h2{
    max-width:880px;
    margin-left:auto !important;
    margin-right:auto !important;
}

.section-title p{
    max-width:850px;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Corrige iconos FontAwesome dentro de cards */
.benefit-item > i,
.module-icon-card > i,
.industry-card > i,
.flow-step > i{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-shrink:0 !important;
    line-height:1 !important;
    text-align:center !important;
}

.benefit-item > i::before,
.module-icon-card > i::before,
.industry-card > i::before,
.flow-step > i::before{
    display:block !important;
    line-height:1 !important;
}

/* Sección usuarios más parecida a maqueta */
.user-section{
    background:
        radial-gradient(circle at 22% 14%,rgba(13,141,219,.28),transparent 36%),
        radial-gradient(circle at 8% 75%,rgba(0,200,83,.10),transparent 30%),
        linear-gradient(180deg,#061427 0%,#07111f 100%) !important;
}

.user-grid{
    max-width:1120px !important;
    margin:0 auto !important;
}

.user-card{
    position:relative !important;
    isolation:isolate !important;
    padding:0 !important;
}

.user-card::before{
    z-index:0 !important;
    opacity:.55 !important;
}

.user-photo{
    border-bottom:1px solid rgba(255,255,255,.08) !important;
}

.user-photo::after{
    background:linear-gradient(180deg,rgba(7,17,31,0) 28%,rgba(7,17,31,.92) 100%) !important;
}

.user-icon{
    z-index:3 !important;
    color:#fff !important;
    background:linear-gradient(135deg,#10d777,#12a7e8) !important;
}

.user-card h3,
.user-card p{
    position:relative !important;
    z-index:3 !important;
}

/* Beneficios como tarjetas compactas y no texto plano */
.benefit-strip{
    max-width:1180px !important;
    margin:0 auto !important;
}

.benefit-item{
    display:grid !important;
    grid-template-columns:54px 1fr !important;
    gap:16px !important;
    padding:24px !important;
    align-items:start !important;
    overflow:hidden !important;
    position:relative !important;
}

.benefit-item::after{
    content:'';
    position:absolute;
    right:-34px;
    top:-34px;
    width:120px;
    height:120px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(72,217,255,.17),transparent 70%);
    pointer-events:none;
}

.benefit-item > i{
    width:54px !important;
    height:54px !important;
    border-radius:18px !important;
    font-size:22px !important;
    color:#43e88b !important;
    background:rgba(0,200,83,.12) !important;
    border:1px solid rgba(0,200,83,.26) !important;
}

.benefit-item h3{
    margin:2px 0 8px !important;
    font-size:19px !important;
    line-height:1.15 !important;
    color:#fff !important;
}

.benefit-item p{
    margin:0 !important;
    font-size:14px !important;
    color:#c4d1e2 !important;
    line-height:1.55 !important;
}

/* Flujo conectado: números redondos, no barras verdes */
.sales-flow-pro{
    max-width:1180px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

.flow-step{
    position:relative !important;
    overflow:visible !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
}

.flow-step .step-number{
    position:absolute !important;
    top:14px !important;
    left:14px !important;
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    max-width:30px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:11px !important;
    background:rgba(0,200,83,.16) !important;
    color:#39f48a !important;
    border:1px solid rgba(0,200,83,.35) !important;
    font-size:13px !important;
    font-weight:900 !important;
    line-height:1 !important;
}

.flow-step > i{
    width:64px !important;
    height:64px !important;
    margin:18px auto 18px !important;
    border-radius:22px !important;
    font-size:29px !important;
    color:#43dfff !important;
    background:linear-gradient(135deg,rgba(72,217,255,.18),rgba(13,141,219,.10)) !important;
    border:1px solid rgba(72,217,255,.18) !important;
}

.flow-step h3{
    margin:0 0 10px !important;
    font-size:17px !important;
    font-weight:900 !important;
    color:#fff !important;
}

.flow-step p{
    max-width:150px !important;
    margin:0 auto !important;
    color:#c8d6e7 !important;
    line-height:1.45 !important;
}

/* Módulos más vivos */
.module-icon-grid{
    max-width:1080px !important;
    margin:0 auto !important;
}

.module-icon-card{
    position:relative !important;
    display:block !important;
    overflow:hidden !important;
    padding:28px !important;
}

.module-icon-card::after{
    content:'';
    position:absolute;
    right:-44px;
    top:-44px;
    width:138px;
    height:138px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(72,217,255,.16),transparent 68%);
}

.module-icon-card > i{
    width:58px !important;
    height:58px !important;
    border-radius:19px !important;
    font-size:23px !important;
    color:#43e88b !important;
    background:rgba(0,200,83,.12) !important;
    border:1px solid rgba(0,200,83,.26) !important;
}

.module-icon-card h3{
    margin-top:22px !important;
    font-size:25px !important;
}

.module-icon-card p{
    max-width:310px !important;
    color:#d0dbea !important;
}

/* Rubros: icono centrado arriba, texto debajo */
.industry-grid{
    max-width:1100px !important;
    margin:0 auto !important;
}

.industry-card{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:14px !important;
    padding:18px !important;
    min-height:138px !important;
}

.industry-card > i{
    width:54px !important;
    height:54px !important;
    border-radius:18px !important;
    font-size:24px !important;
    color:#43e88b !important;
    background:rgba(0,200,83,.12) !important;
    border:1px solid rgba(0,200,83,.26) !important;
}

.industry-card span{
    display:block !important;
    font-size:15px !important;
    line-height:1.2 !important;
    color:#fff !important;
}

/* Catálogo: visual phone/card visibles */
.catalog-section{
    overflow:hidden !important;
}

.catalog-layout{
    max-width:1120px !important;
    margin:0 auto !important;
    align-items:center !important;
}

.catalog-content h2{
    max-width:620px !important;
}

.catalog-visual{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:480px !important;
}

.catalog-phone{
    display:block !important;
    position:relative !important;
}

.catalog-order-card{
    display:block !important;
    z-index:5 !important;
}

.feature-list li{
    list-style:none !important;
}

/* CTA final más premium */
.final-cta{
    max-width:1120px !important;
    margin:0 auto !important;
    padding:44px !important;
}

.final-cta-actions .btn-primary-app,
.final-cta-actions .btn-outline-app{
    width:100% !important;
}

/* Footer: corregir logo gigante y columnas */
.footer-appcloud{
    overflow:hidden !important;
}

.footer-appcloud img.footer-logo,
.footer-logo,
.footer-logo-link img{
    width:auto !important;
    max-width:190px !important;
    height:auto !important;
    max-height:56px !important;
    object-fit:contain !important;
}

.footer-grid{
    display:grid !important;
    grid-template-columns:1.45fr .8fr .8fr 1.1fr !important;
    gap:34px !important;
    align-items:start !important;
}

.footer-col a{
    display:block !important;
    margin-bottom:8px !important;
}

.footer-cta{
    max-width:1120px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Respuesta a pantallas medianas */
@media (max-width: 1180px){
    .sales-flow-pro{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }

    .flow-step:not(:last-child)::after{
        display:none !important;
    }
}

@media (max-width: 860px){
    .benefit-strip,
    .module-icon-grid,
    .industry-grid,
    .footer-grid{
        grid-template-columns:1fr 1fr !important;
    }
}

@media (max-width: 620px){
    .benefit-strip,
    .module-icon-grid,
    .industry-grid,
    .footer-grid{
        grid-template-columns:1fr !important;
    }

    .catalog-visual{
        min-height:420px !important;
    }

    .footer-cta,
    .final-cta{
        padding:28px !important;
    }
}

/* =====================================================
   APPCLOUD V2 - NUEVAS SECCIONES INDEX.PHP
   operation map, trust cards, plataforma pro y limpieza visual
===================================================== */

/* Limpieza visual global */
.hero-checks-list{
    margin:0 0 28px !important;
}

.hero-checks-list span{
    justify-content:flex-start !important;
}

/* Flujo superior tipo maqueta */
.operation-map-section{
    background:
        radial-gradient(circle at 12% 12%,rgba(0,200,83,.12),transparent 28%),
        radial-gradient(circle at 88% 12%,rgba(13,141,219,.18),transparent 30%),
        #07111f !important;
    color:#fff !important;
    padding-top:72px !important;
    padding-bottom:70px !important;
}

.operation-map-section .section-title{
    margin-bottom:34px !important;
}

.operation-map{
    max-width:1180px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr 46px 1fr 46px 1fr 46px 1fr 46px 1fr;
    align-items:stretch;
    gap:10px;
    padding:22px;
    border-radius:28px;
    background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 28px 80px rgba(0,0,0,.25);
}

.operation-node{
    min-height:170px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:22px 14px;
    border-radius:22px;
    background:linear-gradient(180deg,rgba(18,43,72,.92),rgba(10,26,46,.92));
    border:1px solid rgba(255,255,255,.11);
    transition:.24s ease;
}

.operation-node:hover{
    transform:translateY(-7px);
    border-color:rgba(0,200,83,.32);
    box-shadow:0 24px 56px rgba(0,0,0,.28);
}

.operation-node i{
    width:64px;
    height:64px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:16px;
    border-radius:22px;
    color:#43dfff;
    background:linear-gradient(135deg,rgba(72,217,255,.18),rgba(13,141,219,.10));
    border:1px solid rgba(72,217,255,.18);
    font-size:29px;
}

.operation-node h3{
    margin:0 0 8px;
    color:#fff;
    font-size:18px;
    font-weight:900;
    letter-spacing:-.03em;
}

.operation-node p{
    max-width:160px;
    margin:0 auto;
    color:#c4d1e2;
    font-size:13px;
    line-height:1.45;
    font-weight:600;
}

.operation-arrow{
    display:flex;
    align-items:center;
    justify-content:center;
    color:#42e889;
    font-size:26px;
}

/* Usuarios: layout más horizontal, como maqueta */
.user-grid-showcase{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    max-width:1120px !important;
}

.user-grid-showcase .user-card{
    min-height:300px !important;
}

.user-grid-showcase .user-photo{
    height:150px !important;
    flex-basis:150px !important;
}

/* Beneficios tipo franja comercial */
.benefits-section .container{
    max-width:1180px;
}

.benefit-strip .benefit-item{
    min-height:130px !important;
}

/* Flujo detallado limpio */
.sales-flow-clean{
    display:grid !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    gap:14px !important;
}

.sales-flow-clean::after{
    content:'Información en tiempo real' !important;
}

.sales-flow-clean .flow-step{
    min-height:210px !important;
}

.sales-flow-clean .flow-step:not(:last-child)::after{
    content:'→' !important;
    position:absolute !important;
    right:-17px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    color:#42e889 !important;
    font-size:24px !important;
    z-index:5 !important;
}

/* Módulos compactos como maqueta */
.module-grid-compact{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    max-width:1080px !important;
}

.module-grid-compact .module-icon-card{
    min-height:142px !important;
    display:grid !important;
    grid-template-columns:58px 1fr !important;
    gap:18px !important;
    align-items:center !important;
    padding:20px 22px !important;
}

.module-grid-compact .module-icon-card::after{
    opacity:.75 !important;
}

.module-grid-compact .module-icon-card > i{
    margin:0 !important;
}

.module-grid-compact .module-icon-card h3{
    margin:0 0 6px !important;
    font-size:20px !important;
}

.module-grid-compact .module-icon-card p{
    margin:0 !important;
    font-size:13px !important;
    line-height:1.45 !important;
}

/* Showcase de pantallas */
.platform-showcase-pro{
    max-width:1180px;
    margin:0 auto;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:18px !important;
}

.platform-showcase-pro .platform-card{
    padding:14px !important;
    border-radius:20px !important;
}

.platform-showcase-pro .platform-screen{
    height:185px !important;
    border-radius:16px !important;
}

.platform-showcase-pro .platform-card h3{
    margin:14px 4px 4px !important;
    font-size:16px !important;
    line-height:1.2 !important;
}

.reports-screen::after{
    border-color:#ffca3a !important;
}

/* Confianza */
.trust-section{
    background:
        radial-gradient(circle at 15% 15%,rgba(0,200,83,.10),transparent 26%),
        radial-gradient(circle at 88% 14%,rgba(13,141,219,.16),transparent 30%),
        #07111f !important;
    padding-top:42px !important;
    padding-bottom:72px !important;
}

.trust-grid{
    max-width:1180px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}

.trust-card{
    min-height:132px;
    display:grid;
    grid-template-columns:54px 1fr;
    gap:14px;
    align-items:center;
    padding:22px;
    border-radius:20px;
    background:linear-gradient(180deg,rgba(18,43,72,.92),rgba(10,26,46,.92));
    border:1px solid rgba(255,255,255,.11);
    box-shadow:0 22px 58px rgba(0,0,0,.20);
}

.trust-card i{
    width:54px;
    height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    color:#43e88b;
    background:rgba(0,200,83,.12);
    border:1px solid rgba(0,200,83,.26);
    font-size:23px;
}

.trust-card h3{
    margin:0 0 6px;
    color:#fff;
    font-size:17px;
    font-weight:900;
}

.trust-card p{
    margin:0;
    color:#c4d1e2;
    font-size:13px;
    line-height:1.45;
    font-weight:600;
}

/* Rubros pro */
.industry-grid-pro{
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    max-width:1120px !important;
}

.industry-grid-pro .industry-card{
    min-height:128px !important;
}

/* Catálogo pro */
.catalog-layout-pro{
    max-width:1120px !important;
    grid-template-columns:1fr .86fr !important;
}

.catalog-layout-pro .catalog-content p{
    max-width:620px;
}

.catalog-layout-pro .catalog-phone{
    transform:rotate(-2deg);
}

.catalog-layout-pro .catalog-order-card{
    right:10px !important;
    bottom:72px !important;
}

/* CTA final más parecido a banner de maqueta */
.final-cta-section{
    padding-top:74px !important;
    padding-bottom:74px !important;
}

.final-cta{
    display:grid !important;
    grid-template-columns:1fr 280px !important;
    align-items:center !important;
    gap:30px !important;
    border-radius:28px !important;
}

.final-cta span{
    display:block;
    margin-bottom:8px;
    color:#7be7ff !important;
}

.final-cta h2{
    margin:0 0 10px !important;
}

.final-cta-actions{
    min-width:0 !important;
}

/* Corrección de logo footer por si queda desbordado */
.footer-brand .footer-logo-link{
    display:inline-flex !important;
    width:auto !important;
    max-width:210px !important;
}

.footer-brand .footer-logo{
    display:block !important;
    width:auto !important;
    height:46px !important;
    max-width:210px !important;
}

/* Responsive */
@media (max-width: 1280px){
    .operation-map{
        grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    }

    .operation-arrow{
        display:none !important;
    }

    .sales-flow-clean{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }

    .sales-flow-clean .flow-step::after{
        display:none !important;
    }

    .platform-showcase-pro,
    .trust-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media (max-width: 980px){
    .operation-map,
    .user-grid-showcase,
    .module-grid-compact,
    .industry-grid-pro,
    .catalog-layout-pro{
        grid-template-columns:1fr 1fr !important;
    }

    .final-cta{
        grid-template-columns:1fr !important;
    }
}

@media (max-width: 640px){
    .operation-map,
    .user-grid-showcase,
    .module-grid-compact,
    .platform-showcase-pro,
    .trust-grid,
    .industry-grid-pro,
    .catalog-layout-pro,
    .sales-flow-clean{
        grid-template-columns:1fr !important;
    }

    .module-grid-compact .module-icon-card,
    .trust-card{
        grid-template-columns:1fr !important;
    }

    .operation-node{
        min-height:150px;
    }
}

/* =====================================================
   APPCLOUD FOOTER PRO V2
   Estilos para includes/footer.php actualizado
===================================================== */

.footer-appcloud{
    position:relative !important;
    overflow:hidden !important;
    padding:88px 0 30px !important;
    background:
        radial-gradient(circle at 8% 18%,rgba(0,200,83,.12),transparent 30%),
        radial-gradient(circle at 92% 12%,rgba(13,141,219,.18),transparent 34%),
        linear-gradient(180deg,#061427 0%,#040b16 100%) !important;
    color:#d9e5f2 !important;
}

.footer-glow{
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    pointer-events:none;
    filter:blur(10px);
    opacity:.75;
}

.footer-glow-left{
    left:-220px;
    top:80px;
    background:radial-gradient(circle,rgba(0,200,83,.22),transparent 68%);
}

.footer-glow-right{
    right:-220px;
    top:10px;
    background:radial-gradient(circle,rgba(13,141,219,.30),transparent 68%);
}

.footer-appcloud .container{
    position:relative;
    z-index:2;
}

.footer-cta.glass-panel{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    gap:34px !important;
    align-items:center !important;
    max-width:1120px !important;
    margin:0 auto 58px !important;
    padding:38px !important;
    border-radius:30px !important;
    background:
        radial-gradient(circle at 8% 24%,rgba(0,200,83,.22),transparent 34%),
        radial-gradient(circle at 92% 20%,rgba(13,141,219,.26),transparent 34%),
        linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.055)) !important;
    border:1px solid rgba(255,255,255,.14) !important;
    box-shadow:0 28px 84px rgba(0,0,0,.30) !important;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}

.footer-cta-content{
    max-width:720px;
}

.footer-eyebrow{
    display:inline-flex !important;
    align-items:center;
    gap:8px;
    margin-bottom:10px !important;
    padding:8px 13px;
    border-radius:999px;
    color:#43e88b !important;
    background:rgba(0,200,83,.12);
    border:1px solid rgba(0,200,83,.26);
    font-size:12px;
    font-weight:900;
}

.footer-cta h2{
    max-width:760px;
    margin:0 0 12px !important;
    color:#fff !important;
    font-size:clamp(28px,3vw,42px) !important;
    line-height:1.08 !important;
    letter-spacing:-.045em !important;
    font-weight:900 !important;
}

.footer-cta p{
    max-width:700px;
    margin:0 !important;
    color:#c5d2e3 !important;
    font-size:16px !important;
    line-height:1.65 !important;
    font-weight:500 !important;
}

.footer-cta-actions{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    min-width:245px !important;
}

.footer-cta-actions .btn-primary-app,
.footer-cta-actions .btn-outline-footer{
    width:100% !important;
    min-height:54px !important;
}

.btn-outline-footer{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    min-height:54px !important;
    padding:0 24px !important;
    border-radius:999px !important;
    color:#fff !important;
    background:rgba(255,255,255,.075) !important;
    border:1px solid rgba(255,255,255,.15) !important;
    font-weight:900 !important;
    box-shadow:0 16px 38px rgba(0,0,0,.18) !important;
    transition:.22s ease !important;
}

.btn-outline-footer:hover{
    color:#07111f !important;
    background:#fff !important;
    transform:translateY(-3px);
}

.footer-grid-pro{
    display:grid !important;
    grid-template-columns:1.35fr .75fr .75fr 1.05fr !important;
    gap:30px !important;
    align-items:start !important;
    max-width:1120px !important;
    margin:0 auto !important;
}

.footer-brand,
.footer-col{
    min-width:0 !important;
}

.footer-logo-link{
    display:inline-flex !important;
    align-items:center !important;
    max-width:210px !important;
    margin-bottom:18px !important;
}

.footer-logo-link img,
.footer-logo{
    display:block !important;
    width:auto !important;
    height:48px !important;
    max-width:210px !important;
    max-height:48px !important;
    object-fit:contain !important;
}

.footer-brand p{
    max-width:360px !important;
    margin:0 0 18px !important;
    color:#aebdce !important;
    font-size:14px !important;
    line-height:1.68 !important;
    font-weight:500 !important;
}

.footer-feature-list{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    margin:0 0 20px !important;
}

.footer-feature-list span{
    display:inline-flex !important;
    align-items:center !important;
    gap:7px !important;
    padding:8px 10px !important;
    border-radius:999px !important;
    color:#dbe8f8 !important;
    background:rgba(255,255,255,.065) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    font-size:12px !important;
    font-weight:800 !important;
}

.footer-feature-list i{
    color:#43e88b !important;
    font-size:11px !important;
}

.footer-social{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    margin-top:18px !important;
}

.footer-social a{
    width:42px !important;
    height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:15px !important;
    color:#dbe8f8 !important;
    background:rgba(255,255,255,.07) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    transition:.22s ease !important;
}

.footer-social a:hover{
    color:#07111f !important;
    background:#43e88b !important;
    transform:translateY(-3px) !important;
}

.footer-col h3{
    margin:0 0 18px !important;
    color:#fff !important;
    font-size:16px !important;
    font-weight:900 !important;
    letter-spacing:-.02em !important;
}

.footer-col-links a{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    min-height:36px !important;
    margin:0 0 10px !important;
    color:#aebdce !important;
    font-size:14px !important;
    font-weight:700 !important;
    transition:.18s ease !important;
}

.footer-col-links a i{
    width:18px !important;
    min-width:18px !important;
    color:#43dfff !important;
    font-size:13px !important;
}

.footer-col-links a:hover{
    color:#fff !important;
    transform:translateX(4px) !important;
}

.footer-col-contact{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
}

.footer-contact-card{
    display:grid !important;
    grid-template-columns:42px 1fr !important;
    gap:12px !important;
    align-items:center !important;
    padding:12px !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.065) !important;
    border:1px solid rgba(255,255,255,.10) !important;
}

.footer-contact-card > i{
    width:42px !important;
    height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:14px !important;
    color:#43e88b !important;
    background:rgba(0,200,83,.12) !important;
    border:1px solid rgba(0,200,83,.22) !important;
}

.footer-contact-card small,
.footer-contact-card span{
    display:block !important;
}

.footer-contact-card small{
    margin-bottom:2px !important;
    color:#7be7ff !important;
    font-size:11px !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    letter-spacing:.04em !important;
}

.footer-contact-card span{
    color:#dbe8f8 !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.25 !important;
    word-break:break-word !important;
}

.footer-login-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    min-height:48px !important;
    margin-top:6px !important;
    padding:0 18px !important;
    border-radius:999px !important;
    color:#fff !important;
    background:var(--app-gradient) !important;
    font-size:14px !important;
    font-weight:900 !important;
    box-shadow:0 16px 36px rgba(13,141,219,.24) !important;
    transition:.22s ease !important;
}

.footer-login-btn:hover{
    color:#fff !important;
    transform:translateY(-3px) !important;
    box-shadow:0 20px 46px rgba(13,141,219,.32) !important;
}

.footer-bottom-pro{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:18px !important;
    max-width:1120px !important;
    margin:46px auto 0 !important;
    padding-top:22px !important;
    border-top:1px solid rgba(255,255,255,.10) !important;
    color:#8294aa !important;
}

.footer-bottom-pro p{
    margin:0 !important;
    color:#8294aa !important;
    font-size:13px !important;
    line-height:1.5 !important;
}

.footer-bottom-links{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex-wrap:wrap !important;
    gap:9px !important;
    color:#657b94 !important;
}

.footer-bottom-links a{
    color:#9eb0c7 !important;
    font-size:13px !important;
    font-weight:800 !important;
}

.footer-bottom-links a:hover{
    color:#fff !important;
}

/* Evita conflictos con reglas viejas del footer */
.footer-grid-pro .footer-col a{
    margin-bottom:0 !important;
}

.footer-grid-pro .footer-col-contact a.footer-login-btn{
    margin-top:8px !important;
}

/* Acciones principales: iconos con separación consistente */
.navbar-actions-pro .btn-demo-pro,
.navbar-actions-pro .btn-login-pro{
    gap:10px !important;
    min-height:44px !important;
    padding-inline:18px !important;
    line-height:1 !important;
}

.navbar-actions-pro .btn-demo-pro i,
.navbar-actions-pro .btn-login-pro i{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    font-size:13px !important;
}

/* Los enlaces de contacto deben conservar la grilla de sus tarjetas. */
.footer-grid-pro .footer-col-contact a.footer-contact-card{
    display:grid !important;
    grid-template-columns:42px minmax(0,1fr) !important;
    gap:12px !important;
    align-items:center !important;
    width:100% !important;
    margin:0 !important;
}

.footer-grid-pro .footer-col-contact a.footer-login-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    width:100% !important;
    min-height:50px !important;
    margin-top:8px !important;
    padding:0 18px !important;
    line-height:1.2 !important;
}

.footer-grid-pro .footer-col-contact a.footer-login-btn i{
    flex:0 0 auto !important;
    margin:0 !important;
    font-size:13px !important;
}

@media (max-width: 1080px){
    .footer-grid-pro{
        grid-template-columns:1fr 1fr !important;
    }

    .footer-cta.glass-panel{
        grid-template-columns:1fr !important;
    }

    .footer-cta-actions{
        flex-direction:row !important;
        flex-wrap:wrap !important;
    }

    .footer-cta-actions .btn-primary-app,
    .footer-cta-actions .btn-outline-footer{
        width:auto !important;
    }
}

@media (max-width: 720px){
    .footer-appcloud{
        padding:62px 0 26px !important;
    }

    .footer-cta.glass-panel{
        padding:28px !important;
        border-radius:24px !important;
    }

    .footer-grid-pro{
        grid-template-columns:1fr !important;
    }

    .footer-cta-actions{
        flex-direction:column !important;
        width:100% !important;
    }

    .footer-cta-actions .btn-primary-app,
    .footer-cta-actions .btn-outline-footer{
        width:100% !important;
    }

    .footer-bottom-pro{
        flex-direction:column !important;
        align-items:flex-start !important;
    }

    .footer-bottom-links{
        justify-content:flex-start !important;
    }
}

/* =====================================================
   APPCLOUD INDEX SECTIONS V3
===================================================== */

.hero-trust-row{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    max-width:620px;
    margin-top:8px;
}

.hero-trust-row div{
    padding:16px 14px;
    border-radius:18px;
    background:rgba(255,255,255,.065);
    border:1px solid rgba(255,255,255,.11);
    box-shadow:0 18px 42px rgba(0,0,0,.16);
}

.hero-trust-row strong{
    display:block;
    margin-bottom:5px;
    color:#fff;
    font-size:22px;
    font-weight:900;
}

.hero-trust-row span{
    display:block;
    color:#aebdce;
    font-size:12px;
    font-weight:800;
}

.mock-activity-list{
    display:grid;
    gap:10px;
    margin-top:14px;
}

.mock-activity-list div{
    display:grid;
    grid-template-columns:14px 1fr auto;
    align-items:center;
    gap:10px;
    padding:12px 13px;
    border-radius:16px;
    background:rgba(255,255,255,.065);
    border:1px solid rgba(255,255,255,.09);
}

.mock-activity-list p{
    margin:0;
    color:#dbe8f8;
    font-size:12px;
    font-weight:800;
}

.mock-activity-list strong{
    color:#fff;
    font-size:12px;
    font-weight:900;
}

.activity-dot{
    width:10px;
    height:10px;
    border-radius:50%;
    display:block;
}

.activity-dot.success{background:#43e88b;}
.activity-dot.info{background:#48d9ff;}
.activity-dot.warning{background:#ffca3a;}

.problem-solution-section,
.packs-section,
.integrations-section{
    background:
        radial-gradient(circle at 12% 18%,rgba(0,200,83,.12),transparent 28%),
        radial-gradient(circle at 92% 18%,rgba(13,141,219,.18),transparent 32%),
        #07111f !important;
}

.problem-solution-layout,
.integrations-layout{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:26px;
    align-items:stretch;
    max-width:1120px;
}

.problem-column,
.solution-column,
.pack-card,
.integration-card{
    position:relative;
    overflow:hidden;
    padding:34px;
    border-radius:28px;
    background:linear-gradient(180deg,rgba(18,43,72,.92),rgba(10,26,46,.92));
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 28px 80px rgba(0,0,0,.24);
}

.problem-column h2,
.solution-column h2,
.integrations-content h2{
    margin:14px 0 24px;
    color:#fff;
    font-size:clamp(30px,4vw,48px);
    line-height:1.08;
    font-weight:900;
    letter-spacing:-.045em;
}

.problem-list{
    display:grid;
    gap:12px;
}

.problem-list div{
    display:grid;
    grid-template-columns:46px 1fr;
    align-items:center;
    gap:13px;
    padding:12px;
    border-radius:18px;
    background:rgba(255,255,255,.065);
    border:1px solid rgba(255,255,255,.10);
}

.problem-list i,
.solution-icon,
.integration-card i{
    width:54px;
    height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    color:#43e88b;
    background:rgba(0,200,83,.12);
    border:1px solid rgba(0,200,83,.26);
}

.problem-list i{
    color:#ffca3a;
    background:rgba(255,202,58,.10);
    border-color:rgba(255,202,58,.22);
}

.problem-list span{
    color:#dbe8f8;
    font-size:14px;
    font-weight:750;
}

.solution-card-main{
    display:grid;
    grid-template-columns:72px 1fr;
    gap:18px;
    padding:24px;
    border-radius:24px;
    background:linear-gradient(135deg,rgba(0,200,83,.14),rgba(13,141,219,.10));
    border:1px solid rgba(72,217,255,.16);
}

.solution-icon{
    width:72px;
    height:72px;
    font-size:30px;
}

.solution-card-main h3{
    margin:0 0 10px;
    color:#fff;
    font-size:24px;
    font-weight:900;
}

.solution-card-main p,
.integrations-content p{
    margin:0;
    color:#c4d1e2;
    font-size:15px;
    line-height:1.65;
    font-weight:600;
}

.packs-grid{
    max-width:1120px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.pack-card{
    min-height:420px;
    padding:30px;
}

.pack-card.featured{
    border-color:rgba(0,200,83,.34);
    transform:translateY(-10px);
}

.pack-badge{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:0 13px;
    margin-bottom:18px;
    border-radius:999px;
    color:#43e88b;
    background:rgba(0,200,83,.12);
    border:1px solid rgba(0,200,83,.26);
    font-size:12px;
    font-weight:900;
}

.pack-card h3{
    margin:0 0 12px;
    color:#fff;
    font-size:28px;
    line-height:1.08;
    font-weight:900;
}

.pack-card p{
    margin:0 0 22px;
    color:#c4d1e2;
    font-size:15px;
    line-height:1.6;
    font-weight:600;
}

.pack-card ul{
    display:grid;
    gap:12px;
    margin:0;
    padding:0;
    list-style:none;
}

.pack-card li{
    display:flex;
    gap:10px;
    color:#dbe8f8;
    font-size:14px;
    font-weight:750;
}

.pack-card li i{
    color:#43e88b;
    margin-top:3px;
}

.integrations-layout{
    grid-template-columns:1fr .95fr;
    gap:42px;
}

.integrations-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}

.integration-card{
    min-height:160px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:16px;
    text-align:center;
}

.integration-card i{
    width:62px;
    height:62px;
    font-size:27px;
}

.integration-card span{
    color:#fff;
    font-size:16px;
    font-weight:900;
}

.problem-column:hover,
.solution-column:hover,
.pack-card:hover,
.integration-card:hover,
.hero-trust-row div:hover,
.mock-activity-list div:hover{
    transform:translateY(-6px);
    border-color:rgba(72,217,255,.22);
    box-shadow:0 30px 80px rgba(0,0,0,.26);
}

@media (max-width:1080px){
    .problem-solution-layout,
    .integrations-layout{
        grid-template-columns:1fr;
    }

    .packs-grid{
        grid-template-columns:1fr;
        max-width:720px;
    }

    .pack-card.featured{
        transform:none;
    }
}

@media (max-width:720px){
    .hero-trust-row,
    .integrations-grid{
        grid-template-columns:1fr;
    }

    .problem-column,
    .solution-column,
    .pack-card{
        padding:24px;
        border-radius:22px;
    }

    .solution-card-main{
        grid-template-columns:1fr;
        text-align:center;
    }

    .solution-icon{
        margin:0 auto;
    }

    .problem-list div{
        grid-template-columns:1fr;
        text-align:center;
    }

    .problem-list i{
        margin:0 auto;
    }

    .mock-activity-list div{
        grid-template-columns:12px 1fr;
    }

    .mock-activity-list strong{
        grid-column:2;
    }
}
/* =====================================================
   APPCLOUD PRO FINAL STYLE
   Capa final: landing directa, comercial y premium
===================================================== */

/* Base visual */
#appCloudSite{
    background:
        radial-gradient(circle at 14% 8%, rgba(0,200,83,.13), transparent 28%),
        radial-gradient(circle at 86% 4%, rgba(13,141,219,.22), transparent 34%),
        linear-gradient(180deg,#061427 0%,#07111f 44%,#061427 100%) !important;
}

.section{
    padding:88px 0 !important;
}

.section-title{
    max-width:820px !important;
    margin-bottom:42px !important;
}

.section-title span,
.badge-soft{
    box-shadow:0 14px 34px rgba(0,200,83,.08);
}

.section-title h2{
    font-size:clamp(34px,4.4vw,58px) !important;
    line-height:1.03 !important;
    letter-spacing:-.058em !important;
}

.section-title p{
    max-width:720px !important;
    font-size:17px !important;
    color:#c1cfdf !important;
}

/* HERO PRO */
.landing-simple{
    padding:118px 0 92px !important;
    min-height:auto !important;
}

.simple-hero-layout{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(420px,.9fr) !important;
    gap:66px !important;
    align-items:center !important;
    min-height:0 !important;
}

.hero-text h1{
    max-width:760px !important;
    font-size:clamp(48px,6vw,82px) !important;
    line-height:.94 !important;
    letter-spacing:-.075em !important;
}

.hero-text p{
    max-width:640px !important;
    font-size:19px !important;
    line-height:1.68 !important;
    color:#d8e4f1 !important;
}

.hero-actions{
    margin-bottom:20px !important;
}

.btn-primary-app,
.btn-outline-app,
.btn-outline-footer,
.footer-login-btn{
    min-height:56px !important;
    border-radius:999px !important;
    font-weight:900 !important;
}

.btn-primary-app{
    background:linear-gradient(135deg,#00d86a 0%,#0d8ddb 100%) !important;
    box-shadow:0 18px 44px rgba(13,141,219,.30) !important;
}

.btn-primary-app:hover{
    box-shadow:0 24px 60px rgba(0,200,83,.24),0 18px 50px rgba(13,141,219,.24) !important;
}

.simple-trust-row{
    margin-top:26px !important;
}

.simple-trust-row div{
    background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045)) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    min-height:92px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.simple-trust-row strong{
    color:#fff !important;
    font-size:20px !important;
}

.simple-trust-row span{
    color:#aebdce !important;
}

.simple-dashboard{
    position:relative !important;
    max-width:680px !important;
    border-radius:34px !important;
    border:1px solid rgba(255,255,255,.16) !important;
    box-shadow:0 36px 110px rgba(0,0,0,.44) !important;
}

.simple-dashboard::before{
    content:'';
    position:absolute;
    inset:28px -18px -24px 44px;
    border-radius:38px;
    background:linear-gradient(135deg,rgba(0,200,83,.28),rgba(13,141,219,.34));
    filter:blur(28px);
    opacity:.62;
    z-index:-1;
}

.simple-dashboard .mock-body{
    padding:26px !important;
}

.kpi-card{
    border-radius:20px !important;
    background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.055)) !important;
}

.chart-placeholder{
    height:225px !important;
    border:1px solid rgba(255,255,255,.08);
}

/* Cards base PRO */
.simple-offer-card,
.simple-case-card,
.simple-pack-card,
.simple-flow article{
    isolation:isolate;
    background:
        radial-gradient(circle at 84% 12%,rgba(72,217,255,.11),transparent 34%),
        linear-gradient(180deg,rgba(18,43,72,.96),rgba(8,22,40,.96)) !important;
    border:1px solid rgba(255,255,255,.115) !important;
    box-shadow:0 22px 64px rgba(0,0,0,.24) !important;
}

.simple-offer-card::before,
.simple-case-card::before,
.simple-pack-card::before,
.simple-flow article::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,rgba(255,255,255,.075),transparent 42%);
    pointer-events:none;
    z-index:-1;
}

.simple-offer-card:hover,
.simple-case-card:hover,
.simple-pack-card:hover,
.simple-flow article:hover{
    transform:translateY(-9px) !important;
    border-color:rgba(0,200,83,.34) !important;
    box-shadow:0 32px 84px rgba(0,0,0,.34) !important;
}

.simple-offer-card i,
.simple-case-card i,
.simple-flow i{
    background:linear-gradient(135deg,rgba(0,200,83,.16),rgba(13,141,219,.12)) !important;
    color:#43e88b !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 16px 32px rgba(0,200,83,.10);
}

.simple-offer-card h3,
.simple-case-card h3,
.simple-pack-card h3,
.simple-flow h3{
    color:#fff !important;
    letter-spacing:-.045em !important;
}

.simple-offer-card p,
.simple-case-card p,
.simple-pack-card p,
.simple-flow p{
    color:#c7d5e5 !important;
}

/* Qué ofrecemos */
.simple-offer-grid{
    gap:20px !important;
}

.simple-offer-card{
    min-height:270px !important;
    padding:30px !important;
}

/* Flujo */
.simple-flow{
    position:relative;
    gap:16px !important;
}

.simple-flow::before{
    content:'';
    position:absolute;
    left:8%;
    right:8%;
    top:50%;
    height:2px;
    transform:translateY(-50%);
    background:linear-gradient(90deg,transparent,rgba(0,200,83,.45),rgba(13,141,219,.45),transparent);
    z-index:0;
}

.simple-flow article{
    z-index:1;
    min-height:205px !important;
}

/* Casos */
.simple-cases-grid{
    gap:20px !important;
}

.simple-case-card{
    min-height:265px !important;
}

/* Packs */
.simple-packs-grid{
    gap:20px !important;
}

.simple-pack-card{
    min-height:260px !important;
}

.simple-pack-card.featured{
    transform:translateY(-10px) !important;
    border-color:rgba(0,200,83,.44) !important;
    box-shadow:0 32px 90px rgba(0,200,83,.10),0 26px 80px rgba(0,0,0,.34) !important;
}

.simple-pack-card span{
    color:#43e88b !important;
    background:rgba(0,200,83,.13) !important;
}

/* CTA */
.simple-final-cta{
    max-width:1120px !important;
    border-radius:32px !important;
    background:
        radial-gradient(circle at 8% 24%,rgba(0,200,83,.30),transparent 34%),
        radial-gradient(circle at 92% 18%,rgba(13,141,219,.34),transparent 34%),
        linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.045)) !important;
}

.simple-final-cta h2{
    max-width:720px !important;
}

.simple-final-cta p{
    color:#c8d6e7 !important;
}

/* Navbar simplificada */
.navbar-menu-pro .nav-link-app{
    font-size:13px !important;
}

/* Footer más limpio después de simplificar landing */
.footer-appcloud{
    margin-top:0 !important;
}

/* Responsive PRO */
@media (max-width:1180px){
    .simple-hero-layout{
        grid-template-columns:1fr !important;
        max-width:900px !important;
        text-align:center !important;
        gap:48px !important;
    }

    .hero-text h1,
    .hero-text p,
    .simple-trust-row{
        margin-inline:auto !important;
    }

    .hero-actions{
        justify-content:center !important;
    }

    .simple-dashboard{
        margin-inline:auto !important;
    }

    .simple-flow::before{
        display:none !important;
    }
}

@media (max-width:900px){
    .section{
        padding:72px 0 !important;
    }

    .simple-offer-grid,
    .simple-cases-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .simple-flow{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .simple-packs-grid{
        grid-template-columns:1fr !important;
        max-width:640px !important;
    }

    .simple-pack-card.featured{
        transform:none !important;
    }
}

@media (max-width:680px){
    .landing-simple{
        padding:92px 0 58px !important;
    }

    .hero-text h1{
        font-size:clamp(38px,13vw,54px) !important;
        line-height:1 !important;
    }

    .hero-text p{
        font-size:16px !important;
    }

    .hero-actions{
        display:grid !important;
        grid-template-columns:1fr !important;
        max-width:360px !important;
        margin-inline:auto !important;
    }

    .simple-trust-row,
    .simple-offer-grid,
    .simple-cases-grid,
    .simple-flow,
    .simple-packs-grid{
        grid-template-columns:1fr !important;
    }

    .simple-dashboard .mock-body{
        padding:18px !important;
    }

    .simple-dashboard .kpi-grid{
        grid-template-columns:1fr !important;
    }

    .chart-placeholder{
        height:160px !important;
    }

    .flow-line{
        display:none !important;
    }

    .simple-offer-card,
    .simple-case-card,
    .simple-pack-card,
    .simple-flow article{
        min-height:auto !important;
        padding:24px !important;
        text-align:center !important;
    }

    .simple-offer-card i,
    .simple-case-card i,
    .simple-flow i{
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .final-cta.simple-final-cta{
        text-align:center !important;
        padding:28px !important;
    }
}

@media (max-width:420px){
    .container{
        width:calc(100% - 20px) !important;
    }

    .section-title h2,
    .simple-final-cta h2{
        font-size:30px !important;
    }

    .simple-dashboard{
        border-radius:22px !important;
    }

    .mock-header-line strong{
        font-size:18px !important;
    }

    .simple-trust-row div{
        min-height:auto !important;
        padding:14px !important;
    }
}