:root{
    --blue:#126cff;--blue2:#0056ff;--dark:#061a38;--green:#58e08d;--muted:#60708f;--line:#dce7f5
}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;font-family:'Inter',Arial,sans-serif;background:#edf5ff;color:#071b38}
form{height:100%;margin:0}
.login-shell{width:100vw;height:100vh;height:100dvh;min-height:620px;display:grid;grid-template-columns:61.3% 38.7%;overflow:hidden;background:#edf5ff}
.promo-side{position:relative;overflow:hidden;background:#061832;color:#fff;min-width:0}
.promo-photo{position:absolute;inset:0;background:url('../../Assets/Login/fondologin.png') -16% center/cover no-repeat;filter:saturate(1.08) contrast(1.04)}
.promo-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,14,33,.90) 0%,rgba(4,18,43,.74) 25%,rgba(4,18,43,.26) 60%,rgba(4,18,43,.02) 100%)}
.promo-shade:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,17,38,.04),rgba(3,14,33,.48)),radial-gradient(circle at 52% 42%,rgba(35,126,255,.13),transparent 34%)}
.brand-wrap{position:absolute;z-index:2;top:clamp(28px,4.5vh,52px);left:clamp(36px,4.5vw,78px);display:flex;align-items:center;gap:16px}
.brand-icon{width:66px;height:66px;border:3px solid #1d7cff;border-radius:22px;display:grid;place-items:center;color:#2584ff;background:rgba(3,22,53,.42);font-size:31px;box-shadow:0 16px 36px rgba(0,0,0,.18)}
.brand-name{font-size:clamp(25px,1.9vw,34px);font-weight:900;line-height:1;letter-spacing:-1px;text-shadow:0 8px 22px rgba(0,0,0,.28)}
.brand-name span{color:#2382ff}.brand-subtitle{font-size:clamp(15px,1.05vw,20px);margin-top:7px;font-weight:500;color:#eef6ff}
.promo-content{position:relative;z-index:2;width:min(690px,72%);padding-left:clamp(36px,4.5vw,78px);padding-top:clamp(150px,17.4vh,205px)}
.promo-content h1{margin:0 0 18px;font-size:clamp(34px,2.65vw,50px);line-height:1.10;font-weight:900;letter-spacing:-1.8px;text-shadow:0 10px 28px rgba(0,0,0,.34)}
.promo-content h1 span{color:var(--green)}
.promo-lead{max-width:630px;margin:0 0 26px;color:#f4f8ff;font-size:clamp(15px,1.04vw,19px);line-height:1.55;font-weight:500;text-shadow:0 5px 16px rgba(0,0,0,.28)}
.features-list{display:grid;gap:12px;max-width:585px}.feature-card{height:90px;display:flex;align-items:center;gap:18px;padding:16px 22px;border-radius:22px;border:1px solid rgba(80,148,255,.38);background:rgba(17,65,123,.82);box-shadow:0 18px 36px rgba(0,0,0,.18);backdrop-filter:blur(10px)}
.feature-icon{flex:0 0 56px;width:56px;height:56px;border-radius:18px;display:grid;place-items:center;color:white;font-size:24px;box-shadow:0 10px 25px rgba(0,0,0,.18)}
.feature-icon.green{background:linear-gradient(135deg,#27d86d,#26c7a0)}.feature-icon.blue{background:linear-gradient(135deg,#25a4ff,#2584ff)}.feature-icon.orange{background:linear-gradient(135deg,#ffb32c,#ff8e16)}.feature-icon.purple{background:linear-gradient(135deg,#8e4dff,#c84af7)}
.feature-card h3{font-size:18px;margin:0 0 5px;font-weight:900;letter-spacing:-.3px}.feature-card p{margin:0;color:#eef5ff;font-size:14px;line-height:1.35;font-weight:500}
.business-row{margin-top:16px;width:min(660px,100%);height:84px;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(47,119,236,.46);border-radius:20px;background:rgba(2,20,45,.72);overflow:hidden;box-shadow:0 20px 45px rgba(0,0,0,.16);backdrop-filter:blur(12px)}
.business-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-right:1px solid rgba(255,255,255,.1);font-size:11px;font-weight:900;text-transform:uppercase;white-space:nowrap}.business-item:last-child{border-right:0}.business-item i{font-size:25px}.business-item:nth-child(1) i{color:#34e979}.business-item:nth-child(2) i{color:#ff625e}.business-item:nth-child(3) i{color:#348cff}.business-item:nth-child(4) i{color:#ffc145}.business-item:nth-child(5) i{color:#8d54ff}
.growth-card{position:absolute;z-index:3;right:clamp(-460px,-25vw,-300px);bottom:clamp(118px,11vh,150px);width:315px;min-height:232px;padding:24px 25px 21px;border-radius:27px;border:1px solid rgba(83,145,255,.38);background:linear-gradient(145deg,rgba(11,48,95,.90),rgba(3,24,59,.88));box-shadow:0 28px 60px rgba(0,0,0,.30);backdrop-filter:blur(16px)}
.growth-cloud{font-size:38px;color:#2a8cff;margin-bottom:7px}.growth-title{font-size:20px;line-height:1.16;font-weight:600;margin-bottom:17px}.growth-card ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.growth-card li{font-size:14.5px;font-weight:500}.growth-card li i{width:20px;height:20px;display:inline-grid;place-items:center;border-radius:50%;background:#83e894;color:#083e1f;margin-right:9px;font-size:11px}
.trust-row{position:relative;margin-top:26px}.trust-row small{display:block;color:#d9e5ff;margin-bottom:11px;font-size:14px}.trust-logos{display:flex;align-items:flex-end;gap:24px;color:rgba(255,255,255,.72);font-size:14px;line-height:.95}.trust-logos b{font-size:24px;color:rgba(255,255,255,.84)}
.access-side{position:relative;display:grid;place-items:center;min-width:0;padding:34px 44px;overflow:hidden;background:linear-gradient(135deg,#f8fbff 0%,#edf6ff 52%,#d9eaff 100%)}
.blue-arc{position:absolute;right:-118px;top:-190px;width:430px;height:545px;border-radius:48% 0 0 50%;background:linear-gradient(155deg,#1e83ff,#004deb);transform:rotate(8deg)}
.language-pill{position:absolute;z-index:5;right:clamp(30px,3.4vw,58px);top:clamp(26px,3.2vh,42px);height:54px;padding:0 20px;border:0;border-radius:28px;background:#071d42;color:white;display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800;box-shadow:0 22px 45px rgba(4,28,70,.2);cursor:pointer}.flag-chile{width:27px;height:27px;border-radius:50%;display:inline-block;background:linear-gradient(#fff 0 50%,#e33b3b 50%);position:relative;overflow:hidden}.flag-chile:before{content:"";position:absolute;left:0;top:0;width:50%;height:50%;background:#1253b4}
.login-card{position:relative;z-index:2;width:min(575px,86%);min-height:700px;max-height:calc(100vh - 78px);border-radius:34px;background:rgba(255,255,255,.97);box-shadow:0 35px 90px rgba(24,62,113,.14);padding:44px 54px 96px;text-align:center;overflow:hidden}.login-card:before{content:"";position:absolute;inset:0;border-radius:34px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.75);pointer-events:none}.login-logo{width:76px;height:76px;border-radius:26px;margin:0 auto 20px;display:grid;place-items:center;background:#f7fbff;border:1px solid #dfeeff;color:#166dff;font-size:36px}.welcome{margin:0 0 8px;color:#60708f;font-size:19px}.login-card h2{margin:0;font-size:44px;line-height:1.08;font-weight:900;letter-spacing:-1.9px;color:#081d41}.login-card h2 span{color:#126cff}.login-text{margin:17px auto 28px;color:#60708f;font-size:16px;line-height:1.45;max-width:375px}.login-alert{margin:-12px 0 14px;padding:12px 16px;border-radius:16px;background:#fff1f1;color:#b42318;border:1px solid #ffd0d0;font-size:14px;font-weight:700}
.input-group{height:64px;margin-bottom:16px;border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;background:white;transition:.18s ease;box-shadow:0 10px 25px rgba(16,47,91,.03)}.input-group:focus-within{border-color:#2d82ff;box-shadow:0 0 0 4px rgba(45,130,255,.14)}.input-group>i{width:56px;color:#7b8ba6;font-size:20px}.login-input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#081d41;font-size:17px;font-weight:500}.login-input::placeholder{color:#7c8ca5}
.login-input:-webkit-autofill,
.login-input:-webkit-autofill:hover,
.login-input:-webkit-autofill:focus{
    -webkit-box-shadow:0 0 0 1000px #fff inset!important;
    -webkit-text-fill-color:#081d41!important;
    transition:background-color 9999s ease-in-out 0s;
}
.show-pass{width:50px;height:50px;border:0;background:transparent;color:#7687a5;font-size:18px;cursor:pointer}
.login-options{display:flex;align-items:center;justify-content:space-between;margin:3px 0 25px;color:#23385e;font-size:15px}.remember-box{display:flex;align-items:center;gap:10px;cursor:pointer}.remember-box input{width:20px;height:20px}.login-options a{color:#0062ff;text-decoration:none;font-weight:800}.btn-login{height:66px;width:100%;border:0;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:15px;background:linear-gradient(135deg,#2389ff,#004efe);color:white!important;text-decoration:none;font-size:18px;font-weight:900;box-shadow:0 17px 36px rgba(0,87,255,.25);transition:.15s ease}.btn-login:hover{transform:translateY(-1px);filter:brightness(1.03)}
.separator{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:28px 0 20px;color:#7d8faa;font-size:15px}.separator span{height:1px;background:#dce6f3}.separator em{font-style:normal}.social-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.social-btn{height:58px;border-radius:16px;border:1px solid #dce7f5;background:white;font-size:24px;font-weight:900;display:grid;place-items:center;cursor:pointer}.google{color:#ea4335}.microsoft{color:#139af5}.mail{color:#071d42}
.safe-card{position:absolute;left:0;right:0;bottom:0;height:96px;background:#edf5ff;display:flex;align-items:center;text-align:left;padding:0 52px;gap:18px}.safe-card>div{width:48px;height:48px;border-radius:17px;background:#dcebff;color:#126cff;display:grid;place-items:center;font-size:22px}.safe-card p{margin:0;color:#60708f;font-size:15px}.safe-card b{display:block;color:#21385d;font-size:17px;margin-bottom:5px}.access-footer{position:absolute;right:48px;bottom:20px;z-index:2;color:white;display:flex;align-items:center;gap:14px;font-size:18px;font-weight:800;text-shadow:0 8px 20px rgba(0,0,0,.18)}.access-footer i{width:1px;height:24px;background:rgba(255,255,255,.35)}
@media (max-height:940px){.login-shell{min-height:560px}.brand-wrap{top:27px}.brand-icon{width:56px;height:56px;border-radius:19px;font-size:26px}.brand-name{font-size:28px}.brand-subtitle{font-size:15px}.promo-content{padding-top:128px;width:min(610px,68%)}.promo-content h1{font-size:36px;line-height:1.10;margin-bottom:12px;letter-spacing:-1.35px}.promo-lead{font-size:15px;line-height:1.42;margin-bottom:16px;max-width:560px}.features-list{gap:9px;max-width:500px}.feature-card{height:72px;border-radius:17px;padding:10px 17px;gap:14px}.feature-icon{width:46px;height:46px;flex-basis:46px;border-radius:14px;font-size:20px}.feature-card h3{font-size:15.5px;margin-bottom:3px}.feature-card p{font-size:12.3px;line-height:1.25}.business-row{margin-top:10px;height:60px;width:560px;border-radius:15px}.business-item{gap:4px;font-size:9px}.business-item i{font-size:19px}.trust-row{display:none}.growth-card{width:258px;min-height:194px;right:-345px;bottom:76px;border-radius:22px;padding:18px 19px}.growth-cloud{font-size:29px;margin-bottom:7px}.growth-title{font-size:16px;margin-bottom:11px}.growth-card ul{gap:8px}.growth-card li{font-size:12.5px}.growth-card li i{width:18px;height:18px;font-size:9px;margin-right:8px}.access-side{padding:24px 38px}.language-pill{height:48px;font-size:15px}.login-card{width:min(515px,83%);min-height:620px;max-height:calc(100vh - 56px);padding:30px 48px 82px;border-radius:31px}.login-logo{width:60px;height:60px;border-radius:21px;font-size:29px;margin-bottom:13px}.welcome{font-size:16px;margin-bottom:5px}.login-card h2{font-size:36px}.login-text{font-size:14.5px;margin:10px auto 18px;max-width:340px}.input-group{height:54px;margin-bottom:11px;border-radius:16px}.input-group>i{width:52px;font-size:18px}.login-input{font-size:15px}.show-pass{width:46px;height:46px}.login-options{font-size:13.5px;margin-bottom:17px}.remember-box input{width:18px;height:18px}.btn-login{height:56px;border-radius:16px;font-size:16px}.separator{margin:18px 0 13px;font-size:13.5px}.social-row{gap:12px}.social-btn{height:48px;border-radius:14px;font-size:21px}.safe-card{height:78px;padding:0 42px}.safe-card b{font-size:15px}.safe-card p{font-size:13px}.safe-card>div{width:44px;height:44px}.access-footer{bottom:12px;font-size:15px}}
@media (max-height:780px){.promo-content{padding-top:108px}.brand-wrap{top:18px}.features-list{gap:7px}.feature-card{height:64px}.business-row{height:54px}.growth-card{bottom:60px;right:-330px}.login-card{min-height:565px;padding-top:22px}.login-logo{width:52px;height:52px;font-size:25px}.separator,.social-row{display:none}.safe-card{height:70px}}
@media (max-width:1180px){html,body{overflow:auto}.login-shell{height:auto;min-height:100dvh;display:block}.promo-side{min-height:100dvh}.access-side{display:none}.promo-content{width:84%}.growth-card{display:none}.trust-row{display:block}}
@media (max-width:768px){.promo-content{padding:130px 22px 38px;width:100%}.brand-wrap{left:22px}.feature-card{height:auto}.business-row{grid-template-columns:repeat(2,1fr);height:auto;width:100%}.business-item{height:70px}.promo-content h1{font-size:34px}.promo-lead{font-size:15px}}

/* AJUSTE FINAL v8 - fondo más a la derecha, tarjeta más compacta y responsive móvil */
.promo-photo{
    background-position:-36% center !important;
    background-size:cover !important;
}
.promo-content h1{
    font-size:clamp(32px,2.35vw,46px) !important;
    line-height:1.08 !important;
    max-width:650px !important;
}
.growth-card{
    right:clamp(-390px,-21vw,-255px) !important;
    bottom:clamp(112px,10vh,142px) !important;
    width:292px !important;
    min-height:214px !important;
    padding:21px 22px 19px !important;
    border-radius:24px !important;
}
.growth-cloud{font-size:33px !important;margin-bottom:6px !important;}
.growth-title{font-size:17.5px !important;line-height:1.15 !important;margin-bottom:13px !important;}
.growth-card ul{gap:9px !important;}
.growth-card li{font-size:13.5px !important;}
.growth-card li i{width:19px !important;height:19px !important;font-size:10px !important;margin-right:8px !important;}

@media (max-height:940px){
    .promo-photo{background-position:-38% center !important;}
    .promo-content h1{font-size:34px !important;line-height:1.08 !important;max-width:620px !important;}
    .growth-card{
        right:-385px !important;
        bottom:76px !important;
        width:242px !important;
        min-height:178px !important;
        padding:16px 17px !important;
        border-radius:20px !important;
    }
    .growth-cloud{font-size:26px !important;margin-bottom:5px !important;}
    .growth-title{font-size:14.5px !important;margin-bottom:9px !important;}
    .growth-card ul{gap:7px !important;}
    .growth-card li{font-size:11.6px !important;}
    .growth-card li i{width:16px !important;height:16px !important;font-size:8px !important;margin-right:7px !important;}
}

@media (max-height:780px){
    .promo-photo{background-position:-40% center !important;}
    .growth-card{right:-370px !important;bottom:58px !important;}
}

@media (max-width:1180px){
    html,body{overflow:auto !important;}
    .login-shell{
        height:auto !important;
        min-height:100dvh !important;
        display:flex !important;
        flex-direction:column !important;
        background:#edf5ff !important;
    }
    .promo-side{
        min-height:620px !important;
        height:auto !important;
        overflow:hidden !important;
    }
    .promo-photo{
        background-position:center center !important;
        background-size:cover !important;
    }
    .access-side{
        display:grid !important;
        min-height:auto !important;
        padding:38px 18px 46px !important;
    }
    .blue-arc{right:-170px !important;top:-230px !important;}
    .language-pill{right:22px !important;top:18px !important;height:46px !important;font-size:14px !important;}
    .login-card{
        width:min(520px,94vw) !important;
        min-height:auto !important;
        max-height:none !important;
        padding:28px 24px 84px !important;
        border-radius:28px !important;
    }
    .access-footer{position:static !important;margin-top:14px;color:#0756cb !important;text-shadow:none !important;justify-content:center !important;}
}

@media (max-width:768px){
    .promo-side{min-height:640px !important;}
    .promo-photo{background-position:34% center !important;filter:saturate(1.04) contrast(1.02) !important;}
    .promo-shade{background:linear-gradient(90deg,rgba(3,14,33,.93) 0%,rgba(4,18,43,.78) 45%,rgba(4,18,43,.36) 100%) !important;}
    .brand-wrap{top:22px !important;left:18px !important;gap:10px !important;}
    .brand-icon{width:52px !important;height:52px !important;border-radius:17px !important;font-size:25px !important;}
    .brand-name{font-size:24px !important;}
    .brand-subtitle{font-size:13px !important;margin-top:5px !important;}
    .promo-content{padding:112px 18px 28px !important;width:100% !important;}
    .promo-content h1{font-size:31px !important;line-height:1.08 !important;letter-spacing:-1px !important;margin-bottom:12px !important;}
    .promo-lead{font-size:14px !important;line-height:1.42 !important;margin-bottom:15px !important;}
    .features-list{gap:8px !important;max-width:100% !important;}
    .feature-card{height:62px !important;border-radius:16px !important;padding:9px 12px !important;gap:11px !important;}
    .feature-icon{width:42px !important;height:42px !important;flex-basis:42px !important;border-radius:13px !important;font-size:18px !important;}
    .feature-card h3{font-size:14px !important;margin-bottom:2px !important;}
    .feature-card p{font-size:11.5px !important;line-height:1.18 !important;}
    .business-row{margin-top:9px !important;grid-template-columns:repeat(2,1fr) !important;height:auto !important;width:100% !important;border-radius:15px !important;}
    .business-item{height:56px !important;font-size:8.5px !important;gap:3px !important;}
    .business-item i{font-size:18px !important;}
    .growth-card{display:none !important;}
    .trust-row{display:none !important;}
    .login-logo{width:58px !important;height:58px !important;font-size:28px !important;margin-bottom:12px !important;}
    .welcome{font-size:15px !important;}
    .login-card h2{font-size:34px !important;}
    .login-text{font-size:14px !important;margin:10px auto 18px !important;}
    .input-group{height:54px !important;border-radius:16px !important;margin-bottom:12px !important;}
    .btn-login{height:56px !important;border-radius:16px !important;font-size:16px !important;}
    .login-options{font-size:13px !important;gap:8px !important;}
    .social-row{display:grid !important;gap:10px !important;}
    .social-btn{height:48px !important;}
    .safe-card{height:76px !important;padding:0 20px !important;gap:12px !important;}
    .safe-card b{font-size:14px !important;}
    .safe-card p{font-size:12px !important;}
}

@media (max-width:430px){
    .promo-side{min-height:590px !important;}
    .promo-content h1{font-size:27px !important;}
    .promo-lead{font-size:13px !important;}
    .feature-card p{display:none !important;}
    .feature-card{height:58px !important;}
    .business-row{grid-template-columns:1fr 1fr !important;}
    .login-card{width:95vw !important;padding-left:18px !important;padding-right:18px !important;}
    .login-options{flex-direction:column !important;align-items:flex-start !important;}
}

/* AJUSTE FINAL v9 - pedido: fondo 20% más a la derecha, bloque izquierdo más abajo y tarjeta solución abajo/izquierda */
.promo-photo{
    background-position:-58% center !important;
    background-size:cover !important;
}
.promo-content{
    padding-top:clamp(190px,20vh,235px) !important;
}
.promo-content h1{
    font-size:clamp(31px,2.22vw,44px) !important;
    line-height:1.08 !important;
    max-width:640px !important;
    margin-bottom:12px !important;
}
.promo-lead{
    margin-bottom:18px !important;
}
.growth-card{
    right:clamp(-300px,-15.5vw,-190px) !important;
    bottom:clamp(58px,6.4vh,86px) !important;
    width:276px !important;
    min-height:202px !important;
    padding:19px 20px 17px !important;
    border-radius:23px !important;
}
.growth-cloud{font-size:31px !important;margin-bottom:5px !important;}
.growth-title{font-size:16.5px !important;line-height:1.14 !important;margin-bottom:11px !important;}
.growth-card ul{gap:8px !important;}
.growth-card li{font-size:12.8px !important;}
.growth-card li i{width:18px !important;height:18px !important;font-size:9px !important;margin-right:7px !important;}

@media (max-height:940px){
    .promo-photo{
        background-position:-60% center !important;
    }
    .promo-content{
        padding-top:158px !important;
    }
    .promo-content h1{
        font-size:32px !important;
        line-height:1.08 !important;
        max-width:610px !important;
    }
    .promo-lead{
        margin-bottom:15px !important;
    }
    .growth-card{
        right:-285px !important;
        bottom:38px !important;
        width:232px !important;
        min-height:170px !important;
        padding:15px 16px !important;
        border-radius:20px !important;
    }
    .growth-cloud{font-size:25px !important;margin-bottom:5px !important;}
    .growth-title{font-size:13.6px !important;line-height:1.12 !important;margin-bottom:8px !important;}
    .growth-card ul{gap:6px !important;}
    .growth-card li{font-size:11px !important;}
    .growth-card li i{width:15px !important;height:15px !important;font-size:8px !important;margin-right:6px !important;}
}

@media (max-height:780px){
    .promo-photo{background-position:-62% center !important;}
    .promo-content{padding-top:132px !important;}
    .growth-card{right:-275px !important;bottom:30px !important;}
}

@media (max-width:1180px){
    .promo-photo{
        background-position:56% center !important;
        background-size:cover !important;
    }
    .promo-content{
        padding-top:150px !important;
    }
    .growth-card{
        display:block !important;
        position:relative !important;
        right:auto !important;
        bottom:auto !important;
        margin:14px 0 0 auto !important;
        width:min(310px,92%) !important;
        min-height:auto !important;
    }
}

@media (max-width:768px){
    html,body{overflow:auto !important;}
    .login-shell{
        display:flex !important;
        flex-direction:column !important;
        height:auto !important;
        min-height:100dvh !important;
        overflow:visible !important;
    }
    .promo-side{
        min-height:auto !important;
        padding-bottom:22px !important;
    }
    .promo-photo{
        background-position:62% center !important;
        background-size:cover !important;
    }
    .promo-content{
        padding:130px 18px 18px !important;
    }
    .promo-content h1{
        font-size:28px !important;
        line-height:1.08 !important;
        max-width:100% !important;
    }
    .promo-lead{
        font-size:13.5px !important;
        margin-bottom:12px !important;
    }
    .growth-card{
        display:block !important;
        width:100% !important;
        margin:12px 0 0 0 !important;
        padding:16px !important;
        border-radius:18px !important;
    }
    .growth-title{font-size:14px !important;}
    .growth-card li{font-size:11.5px !important;}
    .access-side{
        display:grid !important;
        padding:28px 16px 38px !important;
    }
    .login-card{
        width:100% !important;
        max-width:430px !important;
        padding:26px 18px 80px !important;
    }
}

@media (max-width:430px){
    .promo-photo{background-position:68% center !important;}
    .promo-content{padding-top:118px !important;}
    .promo-content h1{font-size:25px !important;}
    .feature-card{height:56px !important;}
    .feature-card h3{font-size:13px !important;}
    .business-item{height:52px !important;}
}

/* AJUSTE FINAL v10 - fondo 20% más a la derecha, contenido izquierdo más abajo y tarjeta solución junto a Veterinarias */
.promo-photo{
    background-position:-78% center !important;
    background-size:cover !important;
}
.promo-content{
    padding-top:clamp(215px,22.5vh,260px) !important;
}
.promo-content h1{
    font-size:clamp(30px,2.12vw,42px) !important;
    line-height:1.08 !important;
    max-width:640px !important;
    margin-bottom:12px !important;
}
.promo-lead{
    margin-bottom:18px !important;
}
.growth-card{
    right:clamp(-300px,-15.5vw,-190px) !important;
    bottom:clamp(22px,3.8vh,48px) !important;
    width:268px !important;
    min-height:194px !important;
    padding:17px 18px 16px !important;
    border-radius:22px !important;
}
.growth-cloud{font-size:29px !important;margin-bottom:4px !important;}
.growth-title{font-size:15.8px !important;line-height:1.14 !important;margin-bottom:10px !important;}
.growth-card ul{gap:7px !important;}
.growth-card li{font-size:12.3px !important;}
.growth-card li i{width:17px !important;height:17px !important;font-size:8px !important;margin-right:7px !important;}

@media (max-height:940px){
    .promo-photo{background-position:-82% center !important;}
    .promo-content{padding-top:178px !important;}
    .promo-content h1{font-size:31px !important;line-height:1.08 !important;max-width:610px !important;}
    .promo-lead{margin-bottom:14px !important;}
    .growth-card{
        right:-285px !important;
        bottom:16px !important;
        width:224px !important;
        min-height:160px !important;
        padding:13px 14px !important;
        border-radius:19px !important;
    }
    .growth-cloud{font-size:23px !important;margin-bottom:4px !important;}
    .growth-title{font-size:12.9px !important;line-height:1.12 !important;margin-bottom:7px !important;}
    .growth-card ul{gap:5px !important;}
    .growth-card li{font-size:10.6px !important;}
    .growth-card li i{width:14px !important;height:14px !important;font-size:7px !important;margin-right:6px !important;}
}

@media (max-height:780px){
    .promo-photo{background-position:-86% center !important;}
    .promo-content{padding-top:148px !important;}
    .growth-card{right:-275px !important;bottom:8px !important;}
}

@media (max-width:1180px){
    .promo-photo{background-position:74% center !important;background-size:cover !important;}
    .promo-content{padding-top:160px !important;}
    .growth-card{
        display:block !important;
        position:relative !important;
        right:auto !important;
        bottom:auto !important;
        margin:10px 0 0 auto !important;
        width:min(300px,92%) !important;
        min-height:auto !important;
    }
}

@media (max-width:768px){
    .promo-photo{background-position:78% center !important;background-size:cover !important;}
    .promo-content{padding:140px 18px 18px !important;}
    .promo-content h1{font-size:27px !important;line-height:1.08 !important;max-width:100% !important;}
    .promo-lead{font-size:13.5px !important;margin-bottom:12px !important;}
    .growth-card{
        display:block !important;
        width:100% !important;
        margin:10px 0 0 0 !important;
        padding:15px !important;
        border-radius:18px !important;
    }
    .growth-title{font-size:13.5px !important;}
    .growth-card li{font-size:11.2px !important;}
}

@media (max-width:430px){
    .promo-photo{background-position:82% center !important;}
    .promo-content{padding-top:126px !important;}
    .promo-content h1{font-size:24px !important;}
}

/* AJUSTE v11 - Pantalla 1366x768 / notebook: achicar sin desordenar diseño anterior */
@media (min-width:1181px) and (max-width:1400px) and (max-height:820px){
    html,body{overflow:hidden !important;}
    .login-shell{
        min-height:0 !important;
        height:100vh !important;
        grid-template-columns:61.5% 38.5% !important;
    }

    /* Fondo 20% más a la derecha, manteniendo el diseño */
    .promo-photo{
        background-position:-82% center !important;
        background-size:cover !important;
    }

    .brand-wrap{
        top:18px !important;
        left:58px !important;
        gap:12px !important;
    }
    .brand-icon{
        width:52px !important;
        height:52px !important;
        border-radius:17px !important;
        font-size:24px !important;
    }
    .brand-name{font-size:25px !important;letter-spacing:-.8px !important;}
    .brand-subtitle{font-size:14px !important;margin-top:5px !important;}

    .promo-content{
        padding-left:58px !important;
        padding-top:124px !important;
        width:min(570px,70%) !important;
    }
    .promo-content h1{
        font-size:29px !important;
        line-height:1.08 !important;
        letter-spacing:-1.05px !important;
        max-width:540px !important;
        margin-bottom:10px !important;
    }
    .promo-lead{
        font-size:13.7px !important;
        line-height:1.34 !important;
        max-width:545px !important;
        margin-bottom:13px !important;
    }

    .features-list{
        gap:6px !important;
        max-width:500px !important;
    }
    .feature-card{
        height:56px !important;
        border-radius:15px !important;
        padding:8px 14px !important;
        gap:12px !important;
    }
    .feature-icon{
        width:40px !important;
        height:40px !important;
        flex-basis:40px !important;
        border-radius:13px !important;
        font-size:18px !important;
    }
    .feature-card h3{
        font-size:14.2px !important;
        margin-bottom:2px !important;
    }
    .feature-card p{
        font-size:11.4px !important;
        line-height:1.18 !important;
    }

    .business-row{
        margin-top:8px !important;
        height:52px !important;
        width:520px !important;
        border-radius:14px !important;
    }
    .business-item{
        gap:2px !important;
        font-size:8px !important;
        line-height:1 !important;
    }
    .business-item i{font-size:17px !important;}

    /* Tarjeta solución más baja, ordenada y sin tapar demasiado */
    .growth-card{
        position:absolute !important;
        right:-220px !important;
        bottom:18px !important;
        width:218px !important;
        min-height:158px !important;
        padding:13px 14px !important;
        border-radius:18px !important;
    }
    .growth-cloud{font-size:22px !important;margin-bottom:5px !important;}
    .growth-title{
        font-size:12.5px !important;
        line-height:1.12 !important;
        margin-bottom:8px !important;
    }
    .growth-card ul{gap:5px !important;}
    .growth-card li{
        font-size:10.2px !important;
        line-height:1.18 !important;
    }
    .growth-card li i{
        width:14px !important;
        height:14px !important;
        font-size:7px !important;
        margin-right:5px !important;
    }

    .access-side{padding:18px 28px !important;}
    .blue-arc{right:-120px !important;top:-210px !important;width:390px !important;height:520px !important;}
    .language-pill{
        top:28px !important;
        right:36px !important;
        height:42px !important;
        padding:0 16px !important;
        font-size:14px !important;
    }
    .flag-chile{width:23px !important;height:23px !important;}

    .login-card{
        width:min(430px,82%) !important;
        min-height:520px !important;
        max-height:calc(100vh - 38px) !important;
        padding:22px 36px 66px !important;
        border-radius:28px !important;
    }
    .login-logo{
        width:50px !important;
        height:50px !important;
        border-radius:17px !important;
        font-size:24px !important;
        margin-bottom:10px !important;
    }
    .welcome{font-size:14px !important;margin-bottom:4px !important;}
    .login-card h2{font-size:31px !important;line-height:1.05 !important;letter-spacing:-1.2px !important;}
    .login-text{font-size:13px !important;line-height:1.35 !important;margin:8px auto 14px !important;max-width:300px !important;}
    .login-alert{margin:-5px 0 9px !important;padding:9px 12px !important;border-radius:13px !important;font-size:12.5px !important;}

    .input-group{
        height:48px !important;
        margin-bottom:9px !important;
        border-radius:15px !important;
    }
    .input-group>i{width:46px !important;font-size:16px !important;}
    .login-input{font-size:14px !important;}
    .show-pass{width:42px !important;height:42px !important;font-size:16px !important;}
    .login-options{
        font-size:12.5px !important;
        margin:2px 0 13px !important;
        gap:8px !important;
    }
    .remember-box input{width:16px !important;height:16px !important;}
    .btn-login{
        height:50px !important;
        border-radius:15px !important;
        font-size:15px !important;
        gap:12px !important;
    }
    .separator,.social-row{display:none !important;}
    .safe-card{
        height:62px !important;
        padding:0 34px !important;
        gap:12px !important;
    }
    .safe-card>div{width:38px !important;height:38px !important;border-radius:14px !important;font-size:18px !important;}
    .safe-card b{font-size:13.5px !important;margin-bottom:2px !important;}
    .safe-card p{font-size:11.7px !important;line-height:1.25 !important;}
    .access-footer{right:34px !important;bottom:8px !important;font-size:13px !important;gap:10px !important;}
}


/* AJUSTE v12 - 1366x768: mover solo la tarjeta "Solución integral" hacia la izquierda, sin alterar el resto */
@media (min-width:1181px) and (max-width:1400px) and (max-height:820px){
    .growth-card{
        right:-220px !important;
    }
}