/* ATLAS 1.1 - responsive extraction tools + module tile size preference */
:root{--atlas-card-scale:1.1}
.cards-grid{gap:calc(17px * var(--atlas-card-scale))}
.module-card{min-height:calc(235px * var(--atlas-card-scale));padding:calc(26px * var(--atlas-card-scale));border-radius:calc(20px * var(--atlas-card-scale));}
.module-graphic{width:calc(51px * var(--atlas-card-scale));height:calc(51px * var(--atlas-card-scale))}
.module-title{font-size:clamp(18px,calc(1.75vw * var(--atlas-card-scale)),30px)}
.atlas-range-setting{background:#0e1620;border:1px solid #283648;border-radius:12px;padding:16px;margin-top:17px}
.atlas-range-label{display:flex;justify-content:space-between;align-items:center;gap:15px}.atlas-range-label strong{color:#f05461;font-size:20px}
.atlas-scale-setting input[type=range]{width:100%;margin:15px 0 8px;accent-color:#e7374a;cursor:pointer;height:6px}
.range-ends{display:flex;justify-content:space-between;color:#8899aa;font-size:11px}.atlas-scale-setting small{display:block;color:#8293a5;margin-top:12px}
.extract-page{padding-top:32px}.extract-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 32px;background:radial-gradient(circle at 94% 30%,#99172830,transparent 40%),linear-gradient(135deg,#151b26,#0e131d);border:1px solid #313744;border-radius:20px;overflow:hidden;margin-bottom:22px}
.extract-eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#f16a7a}
.extract-hero h1{font-size:clamp(37px,4.4vw,65px);letter-spacing:-.06em;margin:9px 0}.extract-hero h1 span{color:#f04454}
.extract-hero p{margin:0;max-width:610px;color:#b4bfcb;font-size:14px}.extract-hero-icon{display:grid;place-items:center;width:130px;height:115px;flex:none;color:#f0495e;opacity:.8}.extract-hero-icon svg{width:100%;height:100%}
.extract-mode-tabs{display:flex;gap:9px;margin-bottom:18px}.extract-mode{flex:1;max-width:300px;display:flex;justify-content:center;align-items:center;gap:10px;padding:13px 15px;background:#111b27;border:1px solid #2b3a4d;border-radius:11px;color:#aebcce;font-size:13px;font-weight:750}.extract-mode span{font-size:20px}.extract-mode.selected{background:#3a1a24;border-color:#ae3444;color:#fff}.extract-mode:focus-visible{outline:2px solid #f54d62}
.extract-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(230px,.86fr);gap:17px;align-items:start}.extract-card,.extract-mini-panel{background:linear-gradient(140deg,#111c29,#0c141f);border:1px solid #2b3847;border-radius:16px;padding:24px}
.extract-card-header{display:flex;align-items:center;gap:15px;margin-bottom:25px}.extract-step{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:12px;background:#391b25;border:1px solid #883442;color:#ff6775;font-size:18px;font-weight:850}.extract-card-header h2{font-size:24px;margin:0 0 5px}.extract-card-header p{color:#96a5b5;font-size:13px;margin:0}
.extract-form{display:grid;gap:11px}.extract-form>label{color:#dce5f0;font-size:13px;font-weight:750;margin-top:7px}.extract-url-wrap{position:relative}.extract-url-wrap input{width:100%;min-height:49px;padding:12px 14px 12px 40px;border-radius:11px;background:#0b141e;color:#fff;border:1px solid #39495a;font-size:14px}.extract-url-icon{position:absolute;left:15px;top:11px;color:#8499af;font-size:21px}.extract-form small{font-size:11px;color:#8293a6;line-height:1.5}
.extract-format-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.extract-radio{display:flex;align-items:center;gap:12px;cursor:pointer;background:#121e2b;padding:16px;border:1px solid #364559;border-radius:11px}.extract-radio:has(input:checked){border-color:#cf3d50;background:#321c28}.extract-radio input{accent-color:#ed4254}.extract-radio span{display:grid;gap:2px}.extract-radio strong{font-size:16px}.extract-radio small{font-size:11px}
.extract-form select{width:100%;padding:12px 15px;border:1px solid #39495a;background:#0b141e;color:#f5f7f8;border-radius:10px}.extract-disclaimer{font-size:12px;line-height:1.55;color:#95a4b5;margin:2px 0 5px}.extract-submit{background:linear-gradient(110deg,#f0394b,#b3192b);color:#fff;font-size:14px;font-weight:850;border:1px solid #f04b5e;padding:14px 20px;border-radius:11px;margin-top:5px;min-height:49px}.extract-submit:disabled{filter:grayscale(1);opacity:.4;cursor:not-allowed}.extract-submit span{font-size:20px;margin-right:10px}
.extract-results{margin-top:22px;border-top:1px solid #253344;padding-top:20px;min-height:75px}.extract-idle{text-align:center;color:#8b9caf;font-size:12px}.extract-idle span{color:#5e7287;font-size:24px}.extract-idle p{margin:0}.extract-info{display:grid;gap:15px}.extract-mini-panel{padding:20px}.extract-server-status{font-size:13px;font-weight:750;color:#dbe3ed;display:flex;align-items:center;gap:9px;margin:16px 0}.extract-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#9a6371}.extract-dot.on{background:#74c7a7;box-shadow:0 0 0 4px #74c7a71e}.extract-dot.off{background:#dd6474}.extract-dot.checking{background:#cfaf79}.extract-link{color:#fd7987;background:none;border:0;padding:3px 0;font-weight:750;font-size:12px;text-align:left}.extract-link:hover{text-decoration:underline}.extract-mini-panel p{margin:13px 0 0;color:#94a4b5;font-size:12px;line-height:1.65}
.extract-info-step{display:flex;gap:14px;align-items:center;margin-top:15px;color:#ced8e4;font-size:12px}.extract-info-step b{background:#253041;border:1px solid #36475a;border-radius:7px;color:#f17a88;padding:6px;font-size:10px}.extract-alert{padding:15px 16px;background:#30211d;border:1px solid #866246;border-radius:12px;margin-bottom:22px}.extract-alert strong{color:#ffe3bf;font-size:14px}.extract-alert p{color:#e0bfa4;font-size:12px;line-height:1.6;margin:8px 0}
.extract-job-progress{display:flex;gap:17px;align-items:flex-start;color:#e9edf3;font-size:14px}.extract-job-progress p{font-size:12px;color:#97a8bc}.extract-spinner{width:23px;height:23px;border:3px solid #3e4b61;border-top-color:#fc5769;border-radius:50%;animation:extract-spin 1s linear infinite;flex:none}@keyframes extract-spin{to{transform:rotate(360deg)}}.extract-progress-track{height:6px;width:min(400px,50vw);background:#293547;border-radius:9px;overflow:hidden;margin-bottom:7px}.extract-progress-track>div{height:100%;background:linear-gradient(90deg,#b81e36,#f95362)}
.extract-success{display:flex;gap:13px;align-items:start}.extract-success>span{display:grid;place-items:center;width:34px;height:34px;border-radius:100%;background:#174537;color:#7adbb1;font-weight:900}.extract-success h3{margin:0 0 4px;font-size:17px}.extract-success p{font-size:12px;color:#9caabd;word-break:break-word}.extract-transcript{max-height:450px;overflow:auto;margin:14px 0;border-radius:11px;background:#070e16;border:1px solid #2e4150;padding:16px}.extract-transcript pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font:13px/1.65 ui-monospace,Consolas,monospace;color:#e3ebf5}.extract-result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:13px}.extract-result-actions button{padding:10px 15px;border:1px solid #5c5465;background:#192637;color:#f3f6f9;border-radius:10px;font-size:12px;font-weight:750}.extract-result-actions .extract-download-button{background:#b82236;border-color:#ef5362}.extract-error{padding:14px;background:#331c26;border:1px solid #9b4252;border-radius:12px;color:#ffbec8}.extract-error p{margin:8px 0;color:#edd0d6;font-size:13px}.extract-error small{font-size:11px;color:#d29faa}
@media(max-width:1100px){.extract-layout{grid-template-columns:1fr 250px}.extract-hero-icon{width:100px}}
@media(max-width:850px){.extract-layout{grid-template-columns:1fr}.extract-info{grid-template-columns:repeat(2,minmax(0,1fr))}.extract-mini-panel:last-child{grid-column:1/-1}}
@media(max-width:800px){body.atlas-home-screen .cards-grid{gap:calc(8px * var(--atlas-card-scale))}body.atlas-home-screen .module-card{height:clamp(89px,calc(13.9dvh * var(--atlas-card-scale)),calc(125px * var(--atlas-card-scale)));padding:calc(8px * var(--atlas-card-scale)) calc(10px * var(--atlas-card-scale));border-radius:calc(12px * var(--atlas-card-scale))}body.atlas-home-screen .module-graphic{width:calc(27px * var(--atlas-card-scale));height:calc(27px * var(--atlas-card-scale));top:9px;left:10px}body.atlas-home-screen .module-title{font-size:clamp(12px,calc(3.55vw * var(--atlas-card-scale)),18px)}body.atlas-home-screen .module-text{padding-top:calc(31px * var(--atlas-card-scale))}body.atlas-home-screen .module-arrow{width:calc(25px * var(--atlas-card-scale));height:calc(25px * var(--atlas-card-scale))}.module-card{min-height:calc(235px * var(--atlas-card-scale))}.extract-page{padding-top:12px}.extract-hero{padding:20px}.extract-hero h1{font-size:42px}.extract-card{padding:17px}}
@media(max-width:650px){.extract-hero-icon{width:68px;height:76px}.extract-hero h1{font-size:36px}.extract-hero p{font-size:12px}.extract-mode{font-size:11px;padding:12px 8px}.extract-card-header h2{font-size:21px}.extract-info{grid-template-columns:1fr}.extract-mini-panel:last-child{grid-column:auto}.extract-mode-tabs{gap:6px}.extract-card{padding:16px}}
@media(max-width:380px){.extract-hero{padding:15px}.extract-hero-icon{width:50px}.extract-hero h1{font-size:30px}.extract-hero p{font-size:11px}.extract-card-header h2{font-size:18px}.extract-card-header p{font-size:11px}.extract-radio{padding:9px}.extract-radio strong{font-size:13px}}
/* Fifth mobile navigation button for Extracción. */
@media(max-width:800px){.mobile-dock{grid-template-columns:repeat(5,minmax(0,1fr))}.dock-link{min-width:0;padding-inline:2px;font-size:9px}}
@media(max-width:360px){.dock-link{font-size:8px;gap:2px}.dock-link svg{height:18px;width:18px}}
@media(max-width:800px) and (max-height:630px){body.atlas-home-screen .module-card{height:clamp(71px,calc(13.1dvh * var(--atlas-card-scale)),calc(94px * var(--atlas-card-scale)))}}