/* DiarioTrading: presentación exclusiva de la entrada; no se carga en el panel. */
body.dt-login{margin:0;background:#f4f3ea;color:#102b26;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}
.dt-login *{box-sizing:border-box}
.dt-login .dt-access{display:grid;grid-template-columns:1.08fr 1fr;min-height:100vh;min-height:100svh}
.dt-login .dt-story{display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;background:#081c19;color:#f4f5e9;padding:clamp(44px,6vw,92px);padding-bottom:38px}
.dt-login .dt-story::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 85% 61%,#27472d66,transparent 57%);pointer-events:none}
.dt-login .dt-story-copy{position:relative;z-index:1}
.dt-login .dt-eyebrow,.dt-login .dt-panel-eyebrow{margin:0 0 28px;font-size:10px;line-height:1.6;letter-spacing:.17em;font-weight:650;text-transform:uppercase}
.dt-login .dt-eyebrow{color:#becfb5;display:flex;align-items:center;gap:10px}
.dt-login .dt-eyebrow span{height:5px;width:5px;border-radius:50%;background:#d4f59b;flex:none;box-shadow:0 0 12px #d4f59b40}
.dt-login .dt-story h2{font-family:inherit;font-size:clamp(39px,4.6vw,72px);font-weight:650;line-height:1.045;letter-spacing:-.062em;margin:0;max-width:610px}
.dt-login .dt-story h2 em{font-style:normal;color:#d4f59b}
.dt-login .dt-story-intro{color:#b7c7bc;font-size:15px;line-height:1.85;margin:26px 0 0}
.dt-login .dt-chart{width:calc(100% + 90px);align-self:center;flex:1;min-height:200px;display:flex;align-items:center;justify-content:center;margin:6px -45px 0;pointer-events:none}
.dt-login .dt-chart img{display:block;width:100%;height:auto;max-height:380px;object-fit:contain}
.dt-login .dt-story-footer{position:relative;display:flex;flex-direction:column;gap:22px;padding-top:4px}
.dt-login .dt-story-footer a{align-self:flex-start;font-size:12px;color:#d4e7bd;text-decoration:none;border-bottom:1px solid #6b8855;padding:7px 0;display:flex;gap:26px;align-items:center;min-height:38px}
.dt-login .dt-story-footer a:hover{color:#f2ffda;border-color:#d4f59b}
.dt-login .dt-story-footer a span{font-size:18px}
.dt-login .dt-story-footer p{display:flex;align-items:center;gap:18px;color:#9daf9c;font-size:10px;letter-spacing:.07em;margin:0}
.dt-login .dt-story-footer p span{color:#57795b}
.dt-login .dt-access-panel{display:flex;align-items:center;justify-content:center;min-width:0;padding:64px clamp(32px,5.5vw,90px);background:#f4f3ea}
.dt-login .dt-access-content{width:100%;max-width:398px}
.dt-login .dt-brand{display:inline-flex;gap:12px;align-items:center;color:#102b26;text-decoration:none;margin:0 0 64px}
.dt-login .dt-brand:hover{color:#102b26;text-decoration:none}
.dt-login .dt-brand img{width:46px;height:46px;flex:none}
.dt-login .dt-brand>span{font-size:25px;font-weight:700;line-height:1.2;letter-spacing:-.055em}
.dt-login .dt-brand small{display:block;font-size:8px;letter-spacing:.13em;font-weight:500;margin-top:8px;text-transform:uppercase;color:#53655b}
.dt-login .auth-card{background:transparent;box-shadow:none;border:0;border-radius:0;width:100%;max-width:none;overflow:visible}
.dt-login .auth-header{background:transparent;padding:0;margin:0 0 32px;border:0;text-align:left}
.dt-login .dt-panel-eyebrow{color:#60715c;margin-bottom:12px;font-size:9px;letter-spacing:.13em}
.dt-login .auth-title{font-family:inherit;font-size:36px;line-height:1.2;letter-spacing:-.045em;font-weight:600;color:#102b26;margin:0}
.dt-login .auth-body{padding:0}
.dt-login form>p{margin:0 0 22px}
.dt-login label{color:#213d33;font-size:12px;font-weight:600;margin-bottom:8px}
.dt-login input.w3-input{border:1px solid #ccd2c5!important;border-radius:4px;background:#fffef9;color:#102b26;min-height:51px;font-family:inherit;font-size:16px;padding:12px 14px;box-shadow:none}
.dt-login input.w3-input:focus{border-color:#587844!important;box-shadow:0 0 0 3px #8aa36b30;outline:2px solid transparent}
.dt-login .mt-24{margin:28px 0 0}
.dt-login .btn-primary{background:#102b26!important;color:#f6f7ee!important;min-height:52px;border:1px solid #102b26;border-radius:4px;font-family:inherit;font-size:13px;font-weight:600;position:relative;padding:13px 48px;transition:background-color .15s ease}
.dt-login .btn-primary::after{content:"→";position:absolute;right:21px;top:50%;transform:translateY(-52%);font-size:22px;font-weight:400;color:#d4f59b}
.dt-login .btn-primary:hover{background:#204537!important;color:#fff!important}
.dt-login .auth-footer{display:flex;flex-direction:column;gap:7px;border:0;background:transparent;text-align:left;padding:19px 0 0;font-size:11px;color:#526458}
.dt-login .auth-footer p{margin:0}
.dt-login .auth-footer a{display:inline-block;padding:5px 0;color:#526458;text-decoration:underline;text-decoration-color:#b1bbab;text-underline-offset:4px}
.dt-login .auth-footer a:hover{color:#153f2e;text-decoration-color:#153f2e}
.dt-login .dt-access-note{margin:31px 0 0;font-size:10px;letter-spacing:.025em;color:#677664;padding-left:17px;position:relative}
.dt-login .dt-access-note::before{content:"";position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background:#8aa36b}
.dt-login .alert{font-size:13px;border-radius:4px;padding:13px 15px;overflow-wrap:anywhere;margin-bottom:22px}
.dt-login .alert a{color:inherit;text-decoration:underline}
.dt-login .alert-danger{color:#742f23;background:#f9e9e2;border-color:#dbb4a4}
.dt-login .alert-success{color:#244b30;background:#e9efdd;border-color:#bdcea7}
.dt-login .alert-warning{color:#674917;background:#f5eddb;border-color:#d6c69f}
.dt-login :focus-visible{outline:2px solid #688546;outline-offset:5px}
.dt-login .dt-story :focus-visible{outline-color:#d4f59b}
.dt-login .dt-skip{position:absolute;left:20px;top:-80px;z-index:10;background:#d4f59b;color:#102b26;padding:11px 18px;border-radius:3px;font-size:14px}
.dt-login .dt-skip:focus{top:15px}
@media(min-width:901px){.dt-login .dt-story{grid-column:1;grid-row:1}.dt-login .dt-access-panel{grid-column:2;grid-row:1}}
@media(min-width:1500px){.dt-login .dt-story{padding-left:max(80px,calc((100vw - 1380px)/2));padding-right:75px}.dt-login .dt-chart{max-width:760px}}
@media(min-width:901px) and (max-height:760px){.dt-login .dt-story{padding-top:44px;padding-bottom:28px}.dt-login .dt-eyebrow{margin-bottom:22px}.dt-login .dt-story h2{font-size:clamp(38px,4.4vw,62px)}.dt-login .dt-story-intro{margin-top:20px}.dt-login .dt-chart{min-height:150px}.dt-login .dt-chart img{max-height:255px}.dt-login .dt-story-footer{gap:12px}.dt-login .dt-access-panel{padding-top:36px;padding-bottom:36px}.dt-login .dt-brand{margin-bottom:38px}.dt-login .dt-access-note{margin-top:22px}}
@media(max-width:1100px) and (min-width:901px){.dt-login .dt-story{padding-left:42px;padding-right:42px}.dt-login .dt-access-panel{padding-left:38px;padding-right:38px}.dt-login .dt-story h2{font-size:44px}}
@media(max-width:900px){.dt-login .dt-access{display:flex;flex-direction:column}.dt-login .dt-access-panel{order:-1;min-height:100svh;padding:42px 26px 44px}.dt-login .dt-access-content{max-width:398px}.dt-login .dt-brand{margin-bottom:42px}.dt-login .auth-title{font-size:34px}.dt-login .dt-story{padding:46px 30px 30px;min-height:0}.dt-login .dt-story h2{font-size:clamp(37px,7vw,57px)}.dt-login .dt-chart{max-width:640px;min-height:0;width:calc(100% + 40px);margin:0 -20px}.dt-login .dt-chart img{max-height:310px}.dt-login .dt-story-footer{gap:18px}.dt-login .dt-story-intro{font-size:14px}}
@media(max-width:380px){.dt-login .dt-access-panel{padding:30px 22px}.dt-login .dt-brand{gap:10px;margin-bottom:32px}.dt-login .dt-brand>span{font-size:24px}.dt-login .dt-brand img{width:42px;height:42px}.dt-login .auth-header{margin-bottom:26px}.dt-login .auth-title{font-size:32px}.dt-login .dt-access-note{margin-top:24px}.dt-login .dt-story{padding-left:22px;padding-right:22px}.dt-login .dt-story h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){.dt-login *{transition:none!important;scroll-behavior:auto!important}}
