*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,sans-serif;background:#f6f8f4;color:#17231f}header{background:white;border-bottom:1px solid #e3e9e2}.wrap{max-width:1120px;margin:auto;padding:0 22px}.nav{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 0;flex-wrap:wrap}.brand{font-weight:850;font-size:1.2rem}.brand span{color:#126b50}nav{display:flex;gap:16px;flex-wrap:wrap}a{color:#126b50;text-decoration:none;font-weight:650}.hero{padding:40px 0}.hero h1{font-size:clamp(2.3rem,5vw,4rem);line-height:1.05;letter-spacing:-2px}.hero h1 span{color:#126b50}.muted{color:#68756f;line-height:1.6}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel,.task,.card{background:white;border:1px solid #e3e9e2;border-radius:16px;padding:22px;margin:12px 0}.field{margin:13px 0}.field label{display:block;font-weight:700;font-size:.86rem;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid #dce4dc;border-radius:10px;font:inherit}.field textarea{min-height:85px}.btn{border:0;border-radius:10px;padding:12px 16px;font-weight:750;cursor:pointer;display:inline-block}.primary{background:#126b50;color:white}.lime{background:#d7f36a;color:#17231f}.outline{background:white;border:1px solid #dce4dc}.full{width:100%}.row{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.tag{background:#edf5df;color:#126b50;padding:5px 9px;border-radius:30px;font-size:.75rem;font-weight:800}.task p{color:#68756f;line-height:1.5}.notice{font-size:.8rem;color:#68756f;line-height:1.5}.empty{padding:22px;border:1px dashed #cbd7ca;border-radius:12px;color:#68756f}.stat{font-size:1.8rem;font-weight:850;color:#126b50}.toast{display:none;position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#17231f;color:white;padding:13px 18px;border-radius:10px;z-index:5}@media(max-width:740px){.grid{grid-template-columns:1fr}}

/* ✨ Microanimaciones y acabado visual */
:root{scroll-behavior:smooth;scroll-padding-top:24px}
body{animation:pageIn .65s ease both;background:radial-gradient(ellipse at 8% 0%,#e8f4e9 0,transparent 34%),#f6f8f4}
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);box-shadow:0 4px 22px rgba(23,35,31,.035);transition:box-shadow .3s ease}
.brand{transition:transform .3s ease;display:inline-flex;align-items:center;gap:4px}.brand:hover{transform:translateY(-2px) scale(1.025)}
nav a{position:relative;transition:color .25s ease,transform .25s ease}nav a:hover{color:#0a4937;transform:translateY(-2px)}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:2px;background:#b5dc4c;border-radius:9px;transition:right .25s ease}nav a:hover:after{right:0}
.hero{animation:riseIn .75s cubic-bezier(.2,.75,.25,1) both}.hero h1{animation:riseIn .8s .08s both}.hero>.muted{animation:riseIn .8s .16s both}
.panel,.card,.task{box-shadow:0 8px 26px rgba(24,54,39,.045);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.panel:hover,.card:hover,.task:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(24,54,39,.09);border-color:#d2e2cf}
.btn{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(18,107,80,.17);filter:brightness(1.035)}.btn:active{transform:translateY(0) scale(.975)}.btn:focus-visible{outline:3px solid #b5dc4c;outline-offset:3px}
.btn.primary:before,.btn.lime:before{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.22),transparent 70%);transition:transform .55s ease}.btn.primary:hover:before,.btn.lime:hover:before{transform:translateX(120%)}
.field input,.field select,.field textarea{transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:#58a487;box-shadow:0 0 0 4px rgba(18,107,80,.10);background:#fff}
.tag{transition:transform .2s ease,background .2s ease}.task:hover .tag{transform:scale(1.04);background:#e3f2cc}
.empty{animation:softPulse 3.5s ease-in-out infinite}
.toast{animation:toastIn .32s cubic-bezier(.2,.8,.2,1) both;box-shadow:0 12px 32px rgba(0,0,0,.2)}
/* Elementos que entran suavemente al desplazarse */
.motion-ready .reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.25,1)}
.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes pageIn{from{opacity:0}to{opacity:1}}
@keyframes riseIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes toastIn{from{opacity:0;transform:translate(-50%,12px) scale(.97)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@keyframes softPulse{0%,100%{opacity:1}50%{opacity:.78}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.motion-ready .reveal{opacity:1;transform:none}}

/* Tema delivery: naranja energético, azul noche y crema cálido */
:root{--brand:#f26a21;--brand-dark:#d95312;--ink:#17253b;--cream:#fff8f1;--yellow:#ffd166;scroll-padding-top:28px}
body{background:var(--cream);color:var(--ink)}
header{background:rgba(255,255,255,.94);border-color:#f1e5da}
.brand span,a{color:var(--brand)}
.hero{min-height:450px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:28px;padding-top:64px;padding-bottom:54px}
.hero h1{font-size:clamp(2.5rem,5vw,4.25rem);color:var(--ink);margin:15px 0}.hero h1 span,.auth-side h1 span{color:var(--brand)}
.eyebrow{font-size:.75rem;letter-spacing:1.7px;font-weight:850;color:var(--brand)}
.hero-actions{margin:24px 0 12px}.hero-art{position:relative;min-height:300px;display:grid;place-items:center}
.delivery-circle{width:260px;height:260px;border-radius:50%;background:linear-gradient(145deg,#ffe0c5,#ffd166);display:grid;place-items:center;position:relative;box-shadow:0 24px 55px rgba(218,105,32,.14);animation:floatDelivery 4s ease-in-out infinite}
.delivery-emoji{font-size:8rem;filter:drop-shadow(0 12px 9px rgba(23,37,59,.13));transform:scaleX(-1)}
.delivery-badge{position:absolute;bottom:25px;right:-20px;background:#fff;color:var(--ink);padding:11px 15px;border-radius:12px;font-weight:800;box-shadow:0 10px 28px #17253b18;transform:rotate(-4deg)}
.floating-card{position:absolute;top:28px;left:0;background:white;border:1px solid #f2e3d5;border-radius:13px;padding:12px 15px;box-shadow:0 12px 30px #17253b12;animation:floatCard 4.8s ease-in-out infinite}.floating-card small{display:block;color:#77808d;margin-top:3px}
.btn.primary{background:var(--brand);color:white}.btn.primary:hover{background:var(--brand-dark);box-shadow:0 8px 20px #f26a2138}.btn.lime{background:var(--yellow);color:var(--ink)}.btn.outline{border:1px solid #ead9cb;color:var(--ink);background:white}
.btn:focus-visible{outline-color:var(--yellow)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px #f26a2118}
.tag{background:#fff0e4;color:#c44e12}.stat{color:var(--brand)}
.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:4px auto 35px}.feature-strip>div{background:#fff;border:1px solid #f0e3d8;border-radius:14px;padding:16px;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}.feature-strip>div:first-letter{font-size:1.4rem}.feature-strip span{grid-column:2;color:#77808d;font-size:.84rem;margin-top:2px}
.section{padding-top:45px;padding-bottom:36px}.section-heading{text-align:center;margin-bottom:22px}.section-heading h2{font-size:clamp(1.7rem,3vw,2.35rem);margin:8px 0;color:var(--ink)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps .panel{margin:0;border-color:#f0e3d8}.step-number{display:inline-grid;place-items:center;background:#fff0e4;color:var(--brand);font-weight:900;border-radius:9px;width:42px;height:36px}.steps h3{margin-bottom:5px}.steps p{color:#77808d;line-height:1.55;margin-bottom:0}
.request-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.request-grid .task{margin:0;border-color:#f0e3d8}.task{border-color:#f0e3d8}.cta-banner{margin-top:38px;margin-bottom:35px;padding:28px 32px;background:var(--ink);border-radius:18px;color:white;display:flex;justify-content:space-between;align-items:center;gap:22px}.cta-banner h2{margin:8px 0 0;max-width:660px}.cta-banner .eyebrow{color:var(--yellow)}.footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:18px;padding-bottom:28px;color:#77808d;font-size:.9rem}
.auth-page{min-height:100vh}.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1020px;padding-top:42px;padding-bottom:65px}.auth-side h1{font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.08;letter-spacing:-1.5px}.auth-illustration{margin-top:25px;background:linear-gradient(135deg,#ffe5d0,#ffce67);border-radius:22px;height:190px;display:grid;place-items:center;font-size:6rem;position:relative;overflow:hidden}.auth-illustration span{position:absolute;font-size:2.5rem;right:22%;bottom:25px;animation:floatCard 4s ease-in-out infinite}.auth-card{padding:26px;max-width:500px;width:100%;margin:0 auto;border-color:#f0e3d8;box-shadow:0 20px 55px #17253b0d}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#fff2e7;border-radius:12px;padding:5px;margin-bottom:23px}.auth-tab{border:0;border-radius:9px;padding:11px;font:inherit;font-weight:800;color:#77808d;background:transparent;cursor:pointer}.auth-tab.active{background:#fff;color:var(--brand);box-shadow:0 3px 12px #17253b0c}.auth-card h2{margin-bottom:5px}.auth-foot{font-size:.78rem;color:#88909b;border-top:1px solid #f2e8df;padding-top:14px;margin-top:18px}.text-button{background:transparent;color:var(--brand);margin-top:9px}
@keyframes floatDelivery{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}@keyframes floatCard{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(1deg)}}
@media(max-width:740px){.hero{grid-template-columns:1fr;padding-top:38px}.hero-art{min-height:250px}.delivery-circle{width:210px;height:210px}.delivery-emoji{font-size:6rem}.feature-strip{grid-template-columns:1fr}.steps,.request-grid,.auth-layout{grid-template-columns:1fr}.auth-layout{gap:22px;padding-top:25px}.auth-side{text-align:center}.auth-illustration{height:120px;font-size:4rem}.cta-banner{align-items:flex-start;flex-direction:column;padding:24px}.nav nav{gap:9px}.nav nav a{font-size:.9rem}}

/* Delivery STC logo branding */
.brand{display:inline-flex;align-items:center;gap:9px;min-height:48px}.brand-logo{display:block;width:168px;height:58px;object-fit:contain;object-position:left center;border-radius:7px}.brand-suffix{color:var(--ink)!important;font-size:.95rem}.delivery-logo-wrap{position:relative;width:min(100%,390px);margin:auto;animation:floatDelivery 4.5s ease-in-out infinite}.delivery-logo{display:block;width:100%;height:auto;object-fit:contain;border-radius:18px;filter:drop-shadow(0 18px 24px rgba(23,37,59,.10))}.delivery-logo-wrap .delivery-badge{bottom:2px;right:-6px}
@media(max-width:740px){.brand-logo{width:138px;height:48px}.delivery-logo-wrap{max-width:310px}.delivery-logo-wrap .delivery-badge{right:0;bottom:0}}

/* ===== Delivery STC · Sistema visual profesional ===== */
:root{
  --brand:#f26522;--brand-dark:#d94d0d;--ink:#18263d;--muted:#687588;
  --cream:#fffaf5;--surface:#ffffff;--line:#e9e5df;--yellow:#ffd166;
  --shadow-sm:0 4px 14px rgba(24,38,61,.045);
  --shadow-md:0 14px 38px rgba(24,38,61,.075);
  --radius:18px;
}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(180deg,#fffaf5 0%,#fff 58%,#fffaf5 100%);line-height:1.55;-webkit-font-smoothing:antialiased}
.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto;padding-inline:0}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(233,229,223,.9);box-shadow:0 5px 24px rgba(24,38,61,.035)}
.nav{min-height:78px;padding-block:10px;gap:22px}
.brand{flex-shrink:0;min-height:48px;gap:10px}
.brand-logo{width:174px;height:58px;object-fit:contain}
nav{align-items:center;justify-content:flex-end;gap:8px 20px}
nav a:not(.btn){font-size:.92rem;font-weight:700;color:#526075;transition:color .2s ease}
nav a:not(.btn):hover{color:var(--brand)}
a{color:var(--brand);text-underline-offset:4px}
.btn{min-height:46px;padding:12px 19px;border-radius:12px;font-size:.92rem;line-height:1.2;font-weight:750;letter-spacing:.005em;box-shadow:none}
.btn.primary{background:linear-gradient(135deg,#ff762f,var(--brand));color:#fff;border:1px solid transparent}
.btn.primary:hover{background:var(--brand-dark);box-shadow:0 9px 22px rgba(242,101,34,.22)}
.btn.lime{background:var(--yellow);color:var(--ink);border:1px solid #f5c451}
.btn.lime:hover{background:#ffca4a;box-shadow:0 9px 22px rgba(255,190,57,.2)}
.btn.outline{background:#fff;color:var(--ink);border:1px solid #dedfe4}
.btn.outline:hover{border-color:#f5a47b;background:#fff8f3}
.btn:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}
.hero{min-height:560px;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:clamp(28px,5vw,72px);padding-block:72px 64px}
.hero h1{font-size:clamp(2.7rem,5.4vw,4.55rem);line-height:1.035;letter-spacing:-.055em;font-weight:850;margin:18px 0 20px;max-width:700px}
.hero-copy>.muted{max-width:600px;font-size:1.04rem;line-height:1.8;color:#687588}
.eyebrow{display:inline-block;font-size:.72rem;letter-spacing:.16em;font-weight:850;color:var(--brand)}
.hero-actions{gap:12px;margin:28px 0 14px}
.notice{color:#7a8491;font-size:.83rem}
.hero-art{min-height:350px;padding:12px}
.delivery-logo-wrap{width:min(100%,420px);filter:drop-shadow(0 22px 32px rgba(24,38,61,.08))}
.delivery-logo{border-radius:24px}
.delivery-badge{border:1px solid #f1e6db;box-shadow:var(--shadow-md);padding:13px 18px;border-radius:14px;font-size:.9rem}
.floating-card{border:1px solid #f1e6db;border-radius:15px;padding:15px 18px;box-shadow:var(--shadow-md);font-size:.95rem}
.floating-card small{font-size:.78rem;color:var(--muted)}
.section{padding-block:54px 38px}
.section-heading{max-width:700px;margin:0 auto 30px;text-align:center}
.section-heading h2{font-size:clamp(1.8rem,3vw,2.55rem);letter-spacing:-.035em;line-height:1.15;margin:10px 0;color:var(--ink)}
.section-heading p{margin:10px auto 0;max-width:570px}
.panel,.task,.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(20px,2.5vw,30px);box-shadow:var(--shadow-sm);margin:0}
.panel h2,.card h2{font-size:1.3rem;letter-spacing:-.025em;margin:0 0 12px}
.panel h3,.card h3{font-size:1.05rem;letter-spacing:-.015em}
.grid{gap:22px;align-items:start;margin-block:22px}
.steps{gap:20px}
.steps .panel{padding:25px;min-height:190px}
.step-number{width:44px;height:40px;border-radius:12px;background:#fff0e5;color:var(--brand);font-size:.9rem}
.steps h3{margin:17px 0 7px}
.steps p,.muted{color:var(--muted)}
.feature-strip{gap:16px;margin-block:10px 28px}
.feature-strip>div{padding:20px;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm);font-size:1rem;grid-template-columns:36px 1fr;column-gap:12px}
.feature-strip>div:first-letter{font-size:1.5rem}
.feature-strip span{font-size:.84rem;color:var(--muted)}
.request-grid{gap:16px}
.task{padding:21px}
.task p{line-height:1.7;color:var(--muted);margin:12px 0}
.tag{background:#fff0e5;color:#c94d12;padding:6px 11px;font-size:.74rem;letter-spacing:.015em}
.empty{border:1px dashed #d9dce2;border-radius:16px;background:#fff;padding:26px;text-align:center;color:var(--muted)}
.cta-banner{padding:clamp(25px,4vw,42px);border-radius:22px;background:linear-gradient(120deg,#18263d,#253955);box-shadow:var(--shadow-md);margin-block:48px 36px}
.cta-banner h2{font-size:clamp(1.45rem,3vw,2.15rem);letter-spacing:-.03em;line-height:1.2}
.footer{border-top:1px solid var(--line);padding-block:22px 30px;color:var(--muted);align-items:center}
/* Formularios y pantallas de cuenta */
.auth-page{background:radial-gradient(ellipse at 5% 0%,#fff0e5 0,transparent 34%),linear-gradient(180deg,#fffaf5,#fff)}
.auth-layout{max-width:1080px;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);gap:clamp(28px,6vw,78px);padding-block:64px 80px;align-items:center}
.auth-side h1{font-size:clamp(2.35rem,4.4vw,3.65rem);line-height:1.08;letter-spacing:-.05em;margin:14px 0}
.auth-side .muted{font-size:1rem;line-height:1.8;max-width:490px}
.auth-illustration{height:220px;border-radius:22px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);margin-top:28px}
.auth-card{max-width:520px;padding:clamp(22px,3vw,34px);border:1px solid var(--line);border-radius:22px;box-shadow:0 22px 65px rgba(24,38,61,.09);background:#fff}
.auth-tabs{background:#f5f6f8;border:1px solid #eceef1;padding:5px;border-radius:13px;gap:5px;margin-bottom:25px}
.auth-tab{border-radius:10px;padding:12px;font-size:.9rem}
.auth-tab.active{background:#fff;color:var(--brand);box-shadow:0 3px 10px rgba(24,38,61,.09)}
.auth-card h2{font-size:1.45rem;letter-spacing:-.03em;margin:0 0 6px}
.field{margin:17px 0}
.field label{font-size:.84rem;font-weight:750;color:#344158;margin-bottom:8px}
.field input,.field select,.field textarea,select{width:100%;min-height:48px;padding:12px 14px;border:1px solid #dfe3e9;border-radius:11px;background:#fff;color:var(--ink);font:inherit;font-size:.94rem;transition:border-color .2s,box-shadow .2s}
.field textarea{min-height:110px;resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:#a1a8b3}
.field input:focus,.field select:focus,.field textarea:focus,select:focus{outline:0;border-color:#f28b59;box-shadow:0 0 0 4px rgba(242,101,34,.11)}
.auth-card .btn.full,.panel .btn.full{margin-top:8px;min-height:49px}
.auth-foot{font-size:.79rem;color:#8a93a0;border-top:1px solid #edf0f3;padding-top:16px;margin-top:20px;line-height:1.6}
.text-button{font:inherit;font-weight:750;color:var(--brand)}
/* Dashboards: admin, mandadero, perfil y solicitud de alta */
main.wrap{padding-block:34px 64px}
main.wrap>h1,main.wrap h1{font-size:clamp(1.8rem,3vw,2.55rem);line-height:1.15;letter-spacing:-.04em;margin:12px 0 24px}
main.wrap>h2{letter-spacing:-.025em}
main.wrap>.panel,.auth-page main>.panel{margin-block:18px}
main.wrap .row{gap:10px}
main.wrap .panel .row,main.wrap .task .row{margin-top:12px}
main.wrap .task+.task{margin-top:14px}
main.wrap form .btn{margin-top:8px}
main.wrap button,main.wrap input,main.wrap select,main.wrap textarea{font-family:inherit}
main.wrap [hidden]{display:none!important}
#dash>.grid{margin-top:22px;margin-bottom:22px}
#dash>.panel{margin-top:20px}
#workers,#applications,#locations,#requests{display:grid;gap:14px}
#workers .task,#applications .task,#locations .task,#requests .task{margin:0;background:#fff;border:1px solid #e9e5df;border-radius:15px;padding:20px}
#requests select{width:auto;min-width:155px}
.stat{font-size:2rem;color:var(--brand);letter-spacing:-.04em}
.toast{max-width:min(560px,calc(100vw - 32px));border:1px solid rgba(255,255,255,.1);box-shadow:0 15px 40px rgba(15,25,40,.22);border-radius:13px;padding:14px 20px;font-size:.9rem}
/* Espaciado simétrico y adaptación */
@media(max-width:900px){
 .wrap{width:min(100% - 36px,720px)}
 .nav{justify-content:center;padding-block:10px}
 .nav nav{justify-content:center}
 .hero{grid-template-columns:1fr;gap:22px;padding-block:48px 38px;text-align:center}
 .hero-copy>.muted{margin-inline:auto}
 .hero-actions{justify-content:center}
 .hero-art{min-height:280px;max-width:520px;width:100%;margin:auto}
 .auth-layout{grid-template-columns:1fr;max-width:620px;gap:26px;padding-block:38px 55px}
 .auth-side{text-align:center}
 .auth-side .muted{margin-inline:auto}
 .auth-illustration{max-width:460px;margin:22px auto 0}
 .auth-card{max-width:none}
}
@media(max-width:620px){
 .wrap{width:calc(100% - 28px)}
 .nav{gap:8px}
 .brand-logo{width:145px;height:49px}
 .nav nav{gap:8px;max-width:100%}
 nav a:not(.btn){font-size:.82rem}
 .nav nav .btn{min-height:40px;padding:10px 12px;font-size:.82rem}
 .hero{padding-block:36px 28px}
 .hero h1{font-size:clamp(2.35rem,11vw,3.2rem);letter-spacing:-.05em}
 .hero-copy>.muted{font-size:.96rem}
 .hero-actions{flex-direction:column;align-items:stretch}
 .hero-actions .btn{width:100%;text-align:center}
 .hero-art{min-height:230px;padding:0}
 .delivery-logo-wrap{max-width:285px}
 .delivery-badge{font-size:.78rem;padding:10px 12px;right:0;bottom:0}
 .floating-card{font-size:.78rem;padding:10px 12px;top:5px;left:0}
 .feature-strip,.steps,.request-grid,.grid{grid-template-columns:1fr}
 .feature-strip{gap:10px}
 .section{padding-block:38px 26px}
 .section-heading{margin-bottom:22px}
 .panel,.task,.card{padding:19px;border-radius:15px}
 .cta-banner{margin-block:30px 24px;padding:24px;border-radius:17px}
 .cta-banner .btn{width:100%;text-align:center}
 .footer{justify-content:center;text-align:center}
 main.wrap{padding-block:24px 45px}
 main.wrap>h1,main.wrap h1{font-size:1.85rem}
 #requests select{width:100%}
 .auth-layout{padding-block:26px 40px}
 .auth-side h1{font-size:2.25rem}
 .auth-illustration{height:145px;font-size:4.4rem}
 .auth-card{padding:20px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Página principal ampliada: servicios, cobertura, beneficios y FAQ */
.home-hero{position:relative;isolation:isolate}.hero-trust{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:20px;color:#68758a;font-size:.82rem;font-weight:700}.service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.service-card{display:flex;flex-direction:column;align-items:flex-start;min-height:215px;padding:21px;background:#fff;border:1px solid #f0e3d8;border-radius:17px;color:var(--ink);box-shadow:0 8px 24px rgba(24,38,61,.04);transition:transform .25s,box-shadow .25s,border-color .25s}.service-card:hover{transform:translateY(-4px);border-color:#f5b28e;box-shadow:0 14px 32px rgba(24,38,61,.09)}.service-icon{display:grid;place-items:center;width:49px;height:49px;background:#fff0e4;border-radius:14px;font-size:1.55rem}.service-card h3{margin:15px 0 5px;font-size:1.05rem}.service-card p{margin:0 0 15px;color:#77808d;font-size:.88rem;line-height:1.55}.service-link{margin-top:auto;color:var(--brand);font-size:.83rem;font-weight:800}.coverage-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;padding:clamp(23px,4vw,38px);border:1px solid #f0e3d8;border-radius:22px;background:linear-gradient(115deg,#fff 0%,#fff7ef 100%)}.coverage-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:#fff0e4;font-size:1.8rem}.coverage-card h2{margin:8px 0;font-size:clamp(1.4rem,2.5vw,2rem);letter-spacing:-.035em}.coverage-card p{max-width:610px}.coverage-card .btn{margin-top:8px}.coverage-map{display:grid;place-items:center;align-content:center;gap:8px;width:150px;height:130px;border-radius:16px;background:repeating-linear-gradient(35deg,#e8f0dc 0 14px,#eff4e8 14px 28px);font-size:2.4rem;color:#466c47}.coverage-map span{font-size:.73rem;font-weight:850;text-align:center;color:#35583c}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.benefit-grid article{padding:22px;background:#fff;border:1px solid #f0e3d8;border-radius:16px}.benefit-grid article>span{font-size:1.6rem}.benefit-grid h3{margin:12px 0 6px;font-size:1rem}.benefit-grid p{margin:0;color:#77808d;font-size:.88rem;line-height:1.6}.faq-list{max-width:850px;margin:auto;display:grid;gap:10px}.faq-list details{background:#fff;border:1px solid #f0e3d8;border-radius:13px;padding:0 18px}.faq-list summary{position:relative;cursor:pointer;list-style:none;padding:17px 28px 17px 0;font-weight:800;color:var(--ink)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:2px;top:12px;color:var(--brand);font-size:1.4rem}.faq-list details[open] summary:after{content:'−'}.faq-list details p{margin:0;padding:0 0 18px;color:#77808d;line-height:1.65}.worker-banner{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:clamp(24px,4vw,38px);background:#fff;border:1px solid #f0e3d8;border-radius:20px}.worker-banner h2{margin:8px 0;font-size:clamp(1.4rem,2.5vw,2rem)}.worker-banner p{max-width:670px;color:#77808d;line-height:1.6;margin:0}.worker-banner .btn{flex-shrink:0}.cta-banner p{margin-bottom:0;color:#d7deea}.footer{align-items:center}
html[data-theme="dark"] .service-card,html[data-theme="dark"] .coverage-card,html[data-theme="dark"] .benefit-grid article,html[data-theme="dark"] .faq-list details,html[data-theme="dark"] .worker-banner{background:#1f2937!important;color:#e5e7eb!important;border-color:#374151!important}html[data-theme="dark"] .service-card h3,html[data-theme="dark"] .faq-list summary,html[data-theme="dark"] .coverage-card h2,html[data-theme="dark"] .worker-banner h2{color:#f3f4f6}html[data-theme="dark"] .service-card p,html[data-theme="dark"] .benefit-grid p,html[data-theme="dark"] .faq-list p,html[data-theme="dark"] .worker-banner p{color:#cbd5e1}html[data-theme="dark"] .coverage-map{background:repeating-linear-gradient(35deg,#253b31 0 14px,#1d332a 14px 28px)}
@media(max-width:950px){.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.benefit-grid{grid-template-columns:repeat(2,1fr)}.coverage-card{grid-template-columns:auto minmax(0,1fr)}.coverage-map{display:none}}
@media(max-width:620px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-card{min-height:195px;padding:16px}.coverage-card{grid-template-columns:1fr;text-align:center}.coverage-icon{margin:auto}.benefit-grid{grid-template-columns:1fr}.worker-banner{align-items:stretch;flex-direction:column}.worker-banner .btn{width:100%;text-align:center}.hero-trust{justify-content:center}.cta-banner{align-items:stretch;flex-direction:column}.coverage-card .btn{width:100%;text-align:center}}

/* ===== Fondo ambiental Delivery STC (adaptable a ambos temas) ===== */
body{
  position:relative;
  isolation:isolate;
  background-color:#fffaf5;
  background-image:
    radial-gradient(ellipse at 8% 8%, rgba(242,101,34,.105) 0, transparent 31%),
    radial-gradient(ellipse at 92% 22%, rgba(255,209,102,.16) 0, transparent 28%),
    radial-gradient(ellipse at 52% 78%, rgba(24,38,61,.045) 0, transparent 38%),
    linear-gradient(135deg,#fffaf5 0%,#ffffff 48%,#fff8f1 100%);
  background-attachment:fixed;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.23;
  background-image:radial-gradient(rgba(242,101,34,.20) .8px,transparent .8px);
  background-size:25px 25px;
  mask-image:linear-gradient(to bottom,black,transparent 78%);
}
html[data-theme="dark"] body{
  background-color:#0f1724;
  background-image:
    radial-gradient(ellipse at 8% 8%, rgba(242,101,34,.12) 0, transparent 32%),
    radial-gradient(ellipse at 92% 22%, rgba(255,166,77,.065) 0, transparent 29%),
    radial-gradient(ellipse at 52% 78%, rgba(76,112,161,.10) 0, transparent 40%),
    linear-gradient(135deg,#0f1724 0%,#111c2b 52%,#151d2a 100%);
}
html[data-theme="dark"] body::before{
  opacity:.13;
  background-image:radial-gradient(rgba(255,174,112,.25) .8px,transparent .8px);
}
@media(prefers-reduced-motion:reduce){body{background-attachment:scroll}}

/* Portal Delivery: panel operativo claro, ordenado y adaptable */
.delivery-portal{padding-bottom:42px}.delivery-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 0 20px}.delivery-top h1{margin:7px 0 5px}.delivery-top .muted{margin:0}.delivery-kicker{display:inline-block;color:var(--brand,#f26522);font-size:.72rem;font-weight:900;letter-spacing:.12em}.delivery-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:6px 0 20px}.delivery-stat{padding:19px 22px;background:var(--surface,#fff);border:1px solid var(--line,#e5e7eb);border-radius:16px;box-shadow:var(--shadow-sm,0 8px 25px #17263d08)}.delivery-stat span{display:block;color:var(--muted,#68758a);font-size:.83rem;font-weight:700}.delivery-stat b{display:block;margin-top:5px;font-size:1.8rem;letter-spacing:-.04em}.delivery-profile{margin-bottom:20px!important}.delivery-profile summary{cursor:pointer;font-weight:800}.delivery-profile #profile{padding-top:13px;color:var(--muted)}.delivery-section{margin:30px 0}.delivery-section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:15px}.delivery-section-head h2{margin:5px 0;font-size:clamp(1.35rem,2.5vw,1.8rem)}.delivery-section-head p{margin:4px 0 0}.delivery-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.delivery-job{min-width:0;padding:22px;background:var(--surface,#fff);border:1px solid var(--line,#e5e7eb);border-radius:17px;box-shadow:var(--shadow-sm,0 8px 25px #17263d08)}.job-card-head,.job-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.job-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#fff0e5;font-size:1.35rem}.delivery-job h3{margin:13px 0 7px;font-size:1.15rem}.job-zone{color:var(--muted);margin:0 0 14px}.job-meta{font-size:.8rem;color:var(--muted);margin:12px 0}.privacy-hint{padding:11px 12px;margin:14px 0;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;color:#9a3412;font-size:.8rem;line-height:1.5}.delivery-job .full{width:100%;text-align:center;margin-top:5px}.client-contact{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.client-contact>div,.route-details>div{min-width:0;padding:12px;background:var(--soft,#f8fafc);border:1px solid var(--line,#e5e7eb);border-radius:11px}.client-contact small,.route-details small{display:block;margin-bottom:5px;color:var(--muted);font-size:.68rem;font-weight:900;letter-spacing:.06em}.client-contact b{display:block;overflow-wrap:anywhere;font-size:.9rem}.job-detail{padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);line-height:1.55}.job-detail p,.route-details p{margin:5px 0 0;overflow-wrap:anywhere;color:var(--muted);line-height:1.55}.route-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.job-actions{margin-top:14px}.job-actions .btn{text-align:center}.active-tag{background:#ffedd5;color:#9a3412}.done-tag{background:#dcfce7;color:#166534}.pending-tag{background:#e0f2fe;color:#075985}.delivery-search{width:min(300px,100%);padding:11px 13px;border:1px solid var(--line,#e5e7eb);border-radius:10px;background:var(--surface,#fff);color:inherit;font:inherit}.delivery-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 15px}.filter-btn{padding:9px 13px;border:1px solid var(--line,#e5e7eb);border-radius:999px;background:var(--surface,#fff);color:inherit;font:inherit;font-size:.82rem;font-weight:750;cursor:pointer}.filter-btn.active{background:var(--ink,#17263d);color:#fff;border-color:var(--ink,#17263d)}.delivery-empty{grid-column:1/-1;text-align:center;padding:35px 20px}.delivery-empty>span{display:block;font-size:2rem;margin-bottom:8px}.delivery-empty b{display:block;color:var(--ink);font-size:1.02rem}.delivery-empty p{margin:6px 0 0;color:var(--muted)}
html[data-theme="dark"] .delivery-stat,html[data-theme="dark"] .delivery-job{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb}html[data-theme="dark"] .client-contact>div,html[data-theme="dark"] .route-details>div{background:#111827;border-color:#374151}html[data-theme="dark"] .privacy-hint{background:#422006;border-color:#92400e;color:#fed7aa}html[data-theme="dark"] .job-icon{background:#3b2b20}html[data-theme="dark"] .delivery-empty b{color:#f3f4f6}html[data-theme="dark"] .filter-btn{background:#1f2937;border-color:#374151;color:#e5e7eb}html[data-theme="dark"] .filter-btn.active{background:#f26522;border-color:#f26522;color:white}
@media(max-width:760px){.delivery-top{align-items:flex-start;flex-direction:column}.delivery-stats{gap:9px}.delivery-stat{padding:15px}.delivery-stat b{font-size:1.5rem}.delivery-list{grid-template-columns:1fr}.delivery-section-head{align-items:stretch;flex-direction:column}.delivery-search{width:100%}}
@media(max-width:440px){.client-contact,.route-details{grid-template-columns:1fr}.delivery-stats{grid-template-columns:1fr 1fr}.delivery-stat:last-child{grid-column:1/-1}.delivery-job{padding:17px}.job-actions{flex-direction:column;align-items:stretch}.job-actions .btn{width:100%}}


/* Delivery STC · paleta suave y descansada, aplicada a todas las páginas */
:root{
  --brand:#C87955;          /* terracota suave */
  --brand-dark:#A95F43;
  --ink:#344256;
  --muted:#778394;
  --cream:#FAF7F3;
  --surface:#FFFEFC;
  --line:#E8E2DB;
  --yellow:#E8D5A5;
  --soft:#F4F1EC;
  --shadow-sm:0 4px 14px rgba(52,66,86,.045);
  --shadow-md:0 14px 38px rgba(52,66,86,.075);
}
body{background-color:var(--cream);color:var(--ink)}
.btn.primary{background:var(--brand);border-color:transparent;color:#fff}
.btn.primary:hover{background:var(--brand-dark);box-shadow:0 8px 20px rgba(169,95,67,.18)}
.btn.lime{background:#E8D5A5;border-color:#DCC795;color:#4B4D50}
.btn.lime:hover{background:#DFCA91}
.tag{background:#F3E6DE;color:#8D543C}
.eyebrow,.delivery-kicker,.stat{color:var(--brand)}
.panel,.card,.task,.delivery-job,.delivery-stat{border-color:var(--line)}
.floating-card,.delivery-badge{border-color:#E8E2DB}
html[data-theme="dark"]{--brand:#D39A7D;--brand-dark:#E0AE93;--ink:#E5E1DC;--muted:#B5B5B2;--cream:#202832;--surface:#29323D;--line:#414B56;--yellow:#BDAA7B;--soft:#303A45}
html[data-theme="dark"] .btn.primary{background:#C58A6D;color:#171F28}
html[data-theme="dark"] .btn.lime{background:#BDAA7B;color:#202832;border-color:#A99565}
html[data-theme="dark"] .tag{background:#493B35;color:#F0C9B4}
html[data-theme="dark"] .delivery-stat,html[data-theme="dark"] .delivery-job,html[data-theme="dark"] .client-contact>div,html[data-theme="dark"] .route-details>div{background:var(--surface)!important;border-color:var(--line)!important;color:var(--ink)}
.password-panel{margin-top:22px}.password-panel .field{margin-bottom:14px}.password-panel #passwordMessage{margin:12px 0 0;font-weight:650}
/* Solicitud de mandado: jerarquía visual y guía paso a paso */
.request-steps{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}.request-steps span{background:#edf5df;color:#126b50;border-radius:999px;padding:8px 14px;font-size:.82rem;font-weight:800}.request-panel{padding:clamp(18px,4vw,32px)}.request-tip{display:flex;gap:12px;background:#f3f8ed;border:1px solid #e0ebd5;border-radius:13px;padding:15px;margin-bottom:25px;color:#34483c}.request-tip>span{font-size:1.5rem}.request-tip p{margin:4px 0 0;color:#68756f;line-height:1.5;font-size:.9rem}.form-section-title{font-size:1.08rem;margin:25px 0 12px;padding-bottom:9px;border-bottom:1px solid #e8eee6;color:#126b50}.field small{display:block;color:#77847b;font-size:.8rem;line-height:1.4;margin:0 0 7px}.submit-note{background:#f7f8f5;border-radius:10px;padding:12px;margin:20px 0;color:#68756f;font-size:.85rem;line-height:1.5}.request-panel .field{margin:16px 0}.request-panel input,.request-panel select,.request-panel textarea{background:#fff}


/* ===== Delivery STC · Tipografía más nítida y modo oscuro legible ===== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');
:root{
  --font-body:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-heading:'Manrope','Inter',ui-sans-serif,system-ui,sans-serif;
}
html{font-size:16px;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}
body{font-family:var(--font-body);font-size:1rem;line-height:1.65;font-weight:400;letter-spacing:.005em;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4,h5,h6,.brand,.stat,.delivery-stat b,.form-section-title{font-family:var(--font-heading);font-weight:750;letter-spacing:-.025em}
p,li,.muted,.notice,.field small{line-height:1.7}
.field label{font-size:.9rem;font-weight:700;letter-spacing:.005em}
input,select,textarea,button{font:inherit}
input,select,textarea{line-height:1.45}
::placeholder{opacity:1;color:#8993a1}
:focus-visible{outline:3px solid rgba(200,121,85,.62);outline-offset:3px}

/* El tema oscuro usa grises cálidos y texto claro, evitando texto apagado */
html[data-theme="dark"]{
  color-scheme:dark;
  --ink:#F1F3F6;
  --muted:#C0C8D3;
  --cream:#151D28;
  --surface:#202B38;
  --line:#3A4858;
  --soft:#273342;
}
html[data-theme="dark"] body{color:var(--ink);font-family:var(--font-body);background-color:var(--cream)}
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] label,
html[data-theme="dark"] .brand,
html[data-theme="dark"] .form-section-title{color:#F5F7FA}
html[data-theme="dark"] p,
html[data-theme="dark"] li,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .notice,
html[data-theme="dark"] .field small,
html[data-theme="dark"] .service-card p,
html[data-theme="dark"] .benefit-grid p,
html[data-theme="dark"] .faq-list details p,
html[data-theme="dark"] .worker-banner p,
html[data-theme="dark"] .job-zone,
html[data-theme="dark"] .job-meta,
html[data-theme="dark"] .delivery-empty p{color:#C0C8D3}
html[data-theme="dark"] nav a:not(.btn){color:#D4DCE6}
html[data-theme="dark"] .panel,
html[data-theme="dark"] .card,
html[data-theme="dark"] .task,
html[data-theme="dark"] .request-panel,
html[data-theme="dark"] .service-card,
html[data-theme="dark"] .coverage-card,
html[data-theme="dark"] .benefit-grid article,
html[data-theme="dark"] .faq-list details,
html[data-theme="dark"] .worker-banner,
html[data-theme="dark"] .delivery-job,
html[data-theme="dark"] .delivery-stat{background:var(--surface);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .delivery-search{background:#151E29!important;color:#F1F3F6!important;border-color:#465568!important}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#AAB5C3}
html[data-theme="dark"] .field input:focus,
html[data-theme="dark"] .field select:focus,
html[data-theme="dark"] .field textarea:focus{background:#192432!important;border-color:#D39A7D!important;box-shadow:0 0 0 4px rgba(211,154,125,.17)}
html[data-theme="dark"] .request-tip,
html[data-theme="dark"] .submit-note{background:#263329;border-color:#3C5745;color:#E3EDE4}
html[data-theme="dark"] .request-tip p,
html[data-theme="dark"] .submit-note{color:#CBD9CE}
html[data-theme="dark"] .form-section-title{border-color:var(--line);color:#E8B59A}
html[data-theme="dark"] .btn.outline{background:#263342;color:#F1F3F6;border-color:#465568}
html[data-theme="dark"] .tag{font-weight:750}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ===== Rediseño visual Delivery STC · moderno, claro y mobile-first ===== */
:root{
  --brand:#C56F49;--brand-dark:#A95735;--ink:#263447;--muted:#657386;
  --cream:#FBF8F4;--surface:#FFFFFF;--line:#E8E1D9;--soft:#F5F0EA;
  --yellow:#F0D7A0;--shadow-sm:0 5px 18px rgba(38,52,71,.055);
  --shadow-md:0 18px 48px rgba(38,52,71,.10);
}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{font-family:var(--font-body,Inter,system-ui,sans-serif);color:var(--ink);background:var(--cream);line-height:1.65}
.wrap{max-width:1200px;padding-inline:clamp(18px,3vw,32px)}
header{border-bottom:1px solid rgba(232,225,217,.85);background:rgba(255,255,255,.88);backdrop-filter:blur(18px);box-shadow:0 6px 24px rgba(38,52,71,.045)}
.nav{min-height:82px;gap:20px}.brand-logo{width:158px;height:56px}
nav{gap:8px 14px}nav a:not(.btn){padding:10px 4px;color:#4D5B6D;font-weight:650}
nav a:after{display:none}nav a:not(.btn):hover{color:var(--brand);transform:none}
.btn{border-radius:13px;padding:13px 18px;font-weight:750;letter-spacing:-.01em;box-shadow:0 2px 4px rgba(38,52,71,.035)}
.btn.primary{background:var(--brand);color:#fff}.btn.primary:hover{background:var(--brand-dark)}
.btn.lime{background:#F0D7A0;color:#3E3A32;border:1px solid #E7CA87}.btn.lime:hover{background:#E8C982}
.btn.outline{background:var(--surface);border:1px solid var(--line);color:var(--ink)}
.hero.home-hero{position:relative;isolation:isolate;min-height:520px;grid-template-columns:1.08fr .92fr;gap:clamp(24px,5vw,70px);padding-block:clamp(54px,8vw,100px)}
.home-hero:before{content:"";position:absolute;z-index:-1;inset:20px -2vw;border-radius:34px;background:linear-gradient(115deg,rgba(255,255,255,.86),rgba(255,244,232,.62));border:1px solid rgba(255,255,255,.85)}
.hero-copy{max-width:650px}.eyebrow{font-size:.72rem;letter-spacing:.14em;font-weight:850}
.hero h1{font-family:var(--font-heading,Inter,sans-serif);font-size:clamp(2.7rem,5.3vw,4.65rem);line-height:1.04;letter-spacing:-.065em;margin:17px 0 20px}
.hero h1 span{color:var(--brand)}.hero-copy>.muted{max-width:570px;font-size:1.06rem;color:#647184}
.hero-actions{margin:28px 0 14px}.hero-actions .btn{padding:15px 21px;font-size:1rem}
.notice{font-size:.82rem;color:#778294}.hero-trust{gap:9px;margin-top:23px}
.hero-trust span{padding:8px 12px;border:1px solid #EAE2D9;border-radius:999px;background:rgba(255,255,255,.76);font-size:.78rem;color:#586779}
.hero-art{min-height:370px}.delivery-logo-wrap{width:min(100%,440px);padding:14px;border-radius:30px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);box-shadow:0 24px 65px rgba(83,58,42,.10)}
.delivery-logo{border-radius:22px;filter:none}.delivery-badge{border-radius:999px;padding:12px 17px;box-shadow:0 12px 30px rgba(38,52,71,.13);font-size:.84rem}
.floating-card{border-radius:16px;border:1px solid #F0E4D8;box-shadow:0 15px 35px rgba(38,52,71,.10);padding:14px 17px}
.section{padding-block:clamp(44px,6vw,76px) 28px}.section-heading{margin-bottom:30px}
.section-heading h2{font-family:var(--font-heading,Inter,sans-serif);font-size:clamp(1.8rem,3.4vw,2.55rem);letter-spacing:-.05em;margin:9px 0 10px}
.section-heading p{max-width:650px;margin-inline:auto}
.service-grid{gap:16px}.service-card{min-height:222px;padding:23px;border-radius:21px;border-color:#EEE5DC;background:rgba(255,255,255,.92);box-shadow:0 7px 22px rgba(38,52,71,.045)}
.service-card:hover{transform:translateY(-5px);border-color:#DDA487;box-shadow:0 18px 38px rgba(38,52,71,.10)}
.service-icon{width:54px;height:54px;border-radius:17px;background:#FFF0E5;font-size:1.65rem}
.service-card h3{font-size:1.08rem;letter-spacing:-.025em;margin-top:17px}.service-card p{color:#68778A;line-height:1.6}
.service-link{font-size:.82rem}.steps{gap:18px}.steps .panel{padding:25px;border-radius:20px;border-color:#EEE5DC;background:rgba(255,255,255,.92)}
.step-number{width:46px;height:40px;border-radius:12px;background:#FFF0E5;color:var(--brand)}
.coverage-card{border-radius:26px;padding:clamp(25px,4vw,45px);border-color:#EEE3D8;background:linear-gradient(120deg,#fff 0%,#FFF4E9 100%);box-shadow:var(--shadow-sm)}
.coverage-icon{border-radius:19px;background:#FFF0E5}.coverage-map{border-radius:20px}
.benefit-grid{gap:16px}.benefit-grid article{border-radius:19px;padding:24px;border-color:#EEE5DC;box-shadow:0 5px 18px rgba(38,52,71,.035)}
.benefit-grid article>span{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#FFF0E5}
.benefit-grid h3{letter-spacing:-.02em}.faq-list{gap:12px}.faq-list details{border-radius:16px;border-color:#EEE5DC;box-shadow:0 4px 14px rgba(38,52,71,.025)}
.faq-list summary{padding-block:19px;font-size:.97rem}.faq-list details p{line-height:1.7}
.cta-banner{border-radius:24px;padding:clamp(26px,4vw,42px);background:linear-gradient(115deg,#263447,#34465B);box-shadow:0 20px 48px rgba(38,52,71,.14)}
.cta-banner h2{font-size:clamp(1.55rem,3vw,2.25rem);letter-spacing:-.045em}.worker-banner{border-radius:24px;padding:clamp(26px,4vw,42px);border-color:#EEE5DC;box-shadow:var(--shadow-sm)}
.footer{padding-block:30px 36px;border-top:1px solid rgba(232,225,217,.8);margin-top:42px;color:#738093}
.panel,.card,.task,.delivery-job,.delivery-stat{border-radius:18px;box-shadow:var(--shadow-sm)}
.field input,.field select,.field textarea{border-radius:12px;padding:13px 14px;border-color:#DDE2E8;background:#fff}
.field label{color:var(--ink)}
.auth-card{border-radius:22px;box-shadow:0 22px 60px rgba(38,52,71,.09)}
/* Dark mode: superficies y texto con contraste uniforme en todas las vistas */
html[data-theme="dark"]{--brand:#E0A184;--brand-dark:#EDB397;--ink:#F0F3F7;--muted:#C0CAD6;--cream:#141C27;--surface:#202B38;--line:#394858;--soft:#273443;--yellow:#D4B982;color-scheme:dark}
html[data-theme="dark"] body{color:var(--ink);background-color:var(--cream)}
html[data-theme="dark"] header{background:rgba(24,34,47,.9);border-color:#344151}
html[data-theme="dark"] .home-hero:before{background:linear-gradient(115deg,rgba(31,43,57,.94),rgba(43,49,57,.72));border-color:#344151}
html[data-theme="dark"] .hero-copy>.muted,html[data-theme="dark"] .notice{color:#C2CBD6}
html[data-theme="dark"] .hero-trust span{background:#202B38;border-color:#3A4858;color:#D3DCE6}
html[data-theme="dark"] .delivery-logo-wrap{background:rgba(32,43,56,.72);border-color:#3A4858;box-shadow:0 22px 55px rgba(0,0,0,.22)}
html[data-theme="dark"] .service-card,html[data-theme="dark"] .steps .panel,html[data-theme="dark"] .coverage-card,html[data-theme="dark"] .benefit-grid article,html[data-theme="dark"] .faq-list details,html[data-theme="dark"] .worker-banner,html[data-theme="dark"] .panel,html[data-theme="dark"] .card,html[data-theme="dark"] .task,html[data-theme="dark"] .auth-card{background:var(--surface)!important;border-color:var(--line)!important;color:var(--ink)}
html[data-theme="dark"] .service-card h3,html[data-theme="dark"] .coverage-card h2,html[data-theme="dark"] .worker-banner h2,html[data-theme="dark"] .faq-list summary,html[data-theme="dark"] .benefit-grid h3,html[data-theme="dark"] .steps h3{color:#F2F5F8}
html[data-theme="dark"] .service-card p,html[data-theme="dark"] .benefit-grid p,html[data-theme="dark"] .faq-list details p,html[data-theme="dark"] .worker-banner p,html[data-theme="dark"] .steps p,html[data-theme="dark"] .coverage-card p{color:#C0CAD6}
html[data-theme="dark"] .service-icon,html[data-theme="dark"] .step-number,html[data-theme="dark"] .coverage-icon,html[data-theme="dark"] .benefit-grid article>span{background:#3A302B;color:#F0B79B}
html[data-theme="dark"] .coverage-map{background:repeating-linear-gradient(35deg,#293C37 0 14px,#22332F 14px 28px);color:#D5E4DA}
html[data-theme="dark"] .btn.outline{background:#273443;color:#F0F3F7;border-color:#455568}
html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea,html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#151F2B!important;color:#F0F3F7!important;border-color:#465568!important}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#AEBAC8}
html[data-theme="dark"] .form-section-title{color:#E8B59A;border-color:#394858}
html[data-theme="dark"] .request-tip,html[data-theme="dark"] .submit-note{background:#26352F;border-color:#3D5549;color:#D6E4DA}
html[data-theme="dark"] .cta-banner{background:linear-gradient(115deg,#202C3B,#2B394A)}
html[data-theme="dark"] .footer{border-color:#344151;color:#AEBAC8}
html[data-theme="dark"] nav a:not(.btn){color:#D5DDE7}
@media(max-width:900px){.hero.home-hero{grid-template-columns:1fr;gap:28px;padding-block:42px}.hero-copy{max-width:760px;margin:auto;text-align:center}.hero-copy>.muted{margin-inline:auto}.hero-actions,.hero-trust{justify-content:center}.hero-art{min-height:280px}.delivery-logo-wrap{max-width:370px}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.nav{justify-content:center;padding-block:9px}.nav nav{justify-content:center;gap:6px;max-width:100%}.nav nav a{font-size:.82rem}.nav nav .btn{padding:10px 12px;min-height:40px}.brand-logo{width:132px;height:48px}.hero.home-hero{padding-block:28px}.home-hero:before{inset:8px -8px;border-radius:23px}.hero h1{font-size:clamp(2.25rem,10vw,3.1rem);letter-spacing:-.055em}.hero-copy>.muted{font-size:.98rem}.hero-trust{gap:7px}.hero-trust span{font-size:.72rem;padding:7px 10px}.hero-art{min-height:230px}.delivery-logo-wrap{max-width:290px;padding:8px;border-radius:22px}.delivery-badge{font-size:.72rem;padding:9px 12px}.floating-card{font-size:.75rem;padding:10px 12px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-card{min-height:190px;padding:16px;border-radius:17px}.service-icon{width:45px;height:45px;font-size:1.4rem;border-radius:13px}.service-card h3{font-size:.98rem;margin-top:12px}.service-card p{font-size:.82rem}.section{padding-block:38px 22px}.section-heading{margin-bottom:22px}.steps,.benefit-grid{grid-template-columns:1fr}.coverage-card{padding:23px;border-radius:20px}.worker-banner{border-radius:20px}.cta-banner{border-radius:20px}.footer{gap:16px;justify-content:center;text-align:center}}


/* ===== Rediseño integral STC · Claro, ilustrado y elegante ===== */
:root{
 --brand:#f47a45;--brand-dark:#df6330;--ink:#16435a;--muted:#7e8d91;
 --cream:#fffaf4;--surface:#fff;--line:#e9e9e1;--yellow:#ffd36b;
 --teal:#287c72;--shadow-sm:0 8px 24px rgba(22,67,90,.045);
 --shadow-md:0 20px 55px rgba(22,67,90,.09);--radius:22px;
}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body{background:#e9ebf3!important;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.65}
body::before{display:none!important}
header{background:var(--cream)!important;border:0!important;box-shadow:none!important;position:relative}
header .nav{width:min(1200px,calc(100% - 56px));max-width:1200px;min-height:90px;padding:15px 0;gap:24px}
.brand-logo{width:145px;height:56px;object-fit:contain}
nav{gap:8px 16px}
nav a:not(.btn){font-size:.9rem;color:#3d6674;font-weight:600}
nav a:not(.btn):hover{color:var(--teal)}
nav a:after{display:none}
a{color:var(--teal)}
.btn{border-radius:999px;min-height:48px;padding:13px 22px;font-weight:700;box-shadow:none!important}
.btn.primary{background:var(--teal)!important;color:white!important;border:1px solid var(--teal)}
.btn.primary:hover{background:#1d655d!important}
.btn.lime,.btn.soft{background:#f4c85d!important;color:#173f52!important;border:1px solid #e9bd51}
.btn.outline{background:transparent;color:var(--teal);border:1px solid #cbded8}
.btn:focus-visible{outline:3px solid #f4c85d;outline-offset:3px}
main{background:var(--cream);max-width:1280px;margin:0 auto;overflow:hidden}
.wrap{width:min(1120px,calc(100% - 64px));max-width:1120px;padding-inline:0}
.home-hero{min-height:610px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;padding-block:54px 64px}
.hero h1{font-size:clamp(3rem,5.2vw,4.8rem);font-weight:850;line-height:1.03;letter-spacing:-.055em;color:var(--ink);margin:18px 0 22px}
.hero h1 span{color:var(--brand)}
.eyebrow{font-size:.7rem;letter-spacing:.14em;color:#d7784e;font-weight:850}
.hero-copy>.muted{max-width:490px;color:#829093;font-size:1rem;line-height:1.8}
.hero-actions{margin:27px 0 12px}
.notice{font-size:.77rem;color:#8a9596}
.hero-trust{gap:9px;margin-top:22px}
.hero-trust span{padding:8px 12px;border:1px solid #e9e9e1;border-radius:999px;background:#fff;color:#54717a;font-size:.75rem}
.hero-art{min-height:410px;padding:0;position:relative}
.hero-illustration{position:relative;width:100%;max-width:620px;margin:auto}
.hero-illustration>img{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 25px rgba(22,67,90,.06))}
.illustration-note{position:absolute;left:1%;top:8%;display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid #f0e9df;border-radius:15px;background:#fff;box-shadow:var(--shadow-md);transform:rotate(-2deg)}
.note-dot{width:10px;height:10px;border-radius:50%;background:#42a99a;box-shadow:0 0 0 5px #e6f5ee}
.illustration-note b{display:block;font-size:.82rem;color:var(--ink)}
.illustration-note small{display:block;font-size:.72rem;color:#8a9699}
.illustration-pin{position:absolute;right:5%;top:37%;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fff;color:var(--teal);font-size:1.8rem;box-shadow:var(--shadow-md)}
.illustration-pin small{font-size:.55rem;font-weight:900;letter-spacing:.08em}
.section{padding-block:56px 38px}
.section-heading{margin-bottom:30px}
.section-heading h2{font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-.045em;color:var(--ink)}
.service-grid{gap:15px}
.service-card{border:1px solid #ece9e2;border-radius:19px;background:#fff;box-shadow:var(--shadow-sm);padding:22px;min-height:220px}
.service-card:hover{transform:translateY(-4px);border-color:#f4c1a7;box-shadow:var(--shadow-md)}
.service-icon{border-radius:50%;background:#fff2e8;color:var(--brand)}
.service-card h3{color:var(--ink)}
.service-card p,.steps p,.benefit-grid p,.faq-list details p{color:#849194}
.steps{gap:16px}
.steps .panel,.panel,.task,.card{background:#fff;border:1px solid #ece9e2;border-radius:20px;box-shadow:var(--shadow-sm)}
.steps .panel{padding:25px;min-height:190px}
.step-number{border-radius:50%;background:#fff0e5;color:var(--brand)}
.coverage-card{border:1px solid #ece9e2;border-radius:24px;background:#fffdf9;box-shadow:var(--shadow-sm)}
.coverage-icon{background:#e8f5f0;border-radius:50%;color:var(--teal)}
.coverage-map{border-radius:20px;background:repeating-linear-gradient(35deg,#e5f2e8 0 14px,#f0f6e9 14px 28px)}
.benefit-grid article{border:1px solid #ece9e2;border-radius:19px;background:#fff;box-shadow:var(--shadow-sm)}
.faq-list details{border:1px solid #ece9e2;border-radius:15px;background:#fff}
.faq-list summary{color:var(--ink)}
.cta-banner{background:#eaf5ef;border:1px solid #dcebe3;border-radius:24px;box-shadow:none;color:var(--ink)}
.cta-banner .eyebrow{color:#d7784e}
.cta-banner h2{color:var(--ink)}
.cta-banner p{color:#6d8586}
.worker-banner{background:#fff;border:1px solid #ece9e2;border-radius:22px;box-shadow:var(--shadow-sm)}
.worker-banner h2{color:var(--ink)}
.footer{max-width:1280px;width:100%;padding:25px max(32px,calc((100% - 1120px)/2)) 32px;background:var(--cream);border-top:1px solid #efebe5;color:#879394}
.auth-page{background:#e9ebf3!important}
.auth-page main.wrap{max-width:1120px;width:min(1120px,calc(100% - 64px));padding-block:55px 70px}
.auth-layout{max-width:100%;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);gap:clamp(30px,6vw,75px)}
.auth-side h1{color:var(--ink);font-size:clamp(2.5rem,4.4vw,3.8rem);letter-spacing:-.055em}
.auth-side h1 span{color:var(--brand)}
.auth-card{border:1px solid #ece9e2;border-radius:24px;background:#fff;box-shadow:var(--shadow-md)}
.auth-tabs{background:#f5f5ef;border-radius:999px}
.auth-tab.active{border-radius:999px;color:var(--teal)}
.field input,.field select,.field textarea,select{border-radius:12px;border-color:#e1e6e2;background:#fff}
main.wrap{background:var(--cream);max-width:1120px;width:min(1120px,calc(100% - 64px));padding-block:40px 70px}
main.wrap>h1,main.wrap h1{color:var(--ink);letter-spacing:-.045em}
main.wrap>.panel,main.wrap .task{box-shadow:var(--shadow-sm);border-radius:19px}
.tag{background:#fff0e5;color:#c95b2a}
.stat{color:var(--teal)}
.delivery-stat,.delivery-job{background:#fff;border:1px solid #ece9e2;border-radius:19px;box-shadow:var(--shadow-sm)}
.delivery-top{padding-top:25px}
.delivery-search,.filter-btn{border-radius:999px;border-color:#e2e7e2}
.filter-btn.active{background:var(--teal);border-color:var(--teal)}
footer.wrap{background:var(--cream)}
#themeToggle{display:none!important}
@media(max-width:900px){
 header .nav{width:calc(100% - 36px);justify-content:center}
 .home-hero{grid-template-columns:1fr;text-align:center;padding-block:38px 45px}
 .hero-copy>.muted{margin-inline:auto}
 .hero-actions,.hero-trust{justify-content:center}
 .hero-art{max-width:620px;margin:0 auto;min-height:300px}
 .wrap{width:calc(100% - 40px)}
 .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .auth-page main.wrap,main.wrap{width:calc(100% - 40px)}
}
@media(max-width:620px){
 header .nav{gap:10px;padding-block:12px}
 .brand-logo{width:125px;height:48px}
 nav{justify-content:center;gap:7px}
 nav a:not(.btn){font-size:.78rem}
 nav .btn{min-height:39px;padding:9px 13px;font-size:.8rem}
 .wrap{width:calc(100% - 30px)}
 .home-hero{padding-block:30px 35px;gap:10px}
 .hero h1{font-size:clamp(2.55rem,12vw,3.45rem)}
 .hero-copy>.muted{font-size:.93rem}
 .hero-actions{align-items:stretch}
 .hero-actions .btn{width:100%}
 .hero-art{min-height:210px}
 .illustration-note{top:3%;left:0;padding:9px 11px}
 .illustration-note b{font-size:.68rem}
 .illustration-pin{width:43px;height:43px;font-size:1.35rem}
 .service-grid,.steps,.benefit-grid,.request-grid,.grid{grid-template-columns:1fr}
 .service-card{min-height:0}
 .section{padding-block:38px 25px}
 .coverage-card{grid-template-columns:1fr;text-align:center}
 .coverage-icon{margin:auto}
 .cta-banner,.worker-banner{align-items:stretch;flex-direction:column;padding:23px}
 .cta-banner .btn,.worker-banner .btn{width:100%;text-align:center}
 .auth-page main.wrap,main.wrap{width:calc(100% - 30px);padding-block:25px 42px}
 .auth-layout{grid-template-columns:1fr;gap:22px;padding-block:20px 35px}
 .auth-side{text-align:center}
 .auth-side .muted{margin-inline:auto}
 .auth-card{padding:20px}
 .delivery-stats,.delivery-list{grid-template-columns:1fr}
 .footer{padding:22px 15px;justify-content:center;text-align:center}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* Correcciones de navegación, accesibilidad y tema claro/oscuro */
header .nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 22px}
header nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px}
header nav>a,header nav>button{flex:0 0 auto;white-space:nowrap}
header nav .btn{display:inline-flex;align-items:center;justify-content:center;text-align:center}
#themeToggle{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;
  background:#fff!important;color:var(--ink)!important;border:1px solid #d7e1dc!important;
  border-radius:999px!important;min-height:44px;padding:10px 15px;font:inherit;font-size:.86rem;font-weight:750;
  box-shadow:0 3px 12px rgba(22,67,90,.05)!important}
#themeToggle:hover{border-color:var(--teal)!important;transform:translateY(-1px)}
@media(min-width:901px){
 header .nav{width:min(1200px,calc(100% - 56px))}
 header nav{gap:8px 12px}
}
@media(max-width:900px){
 header .nav{width:calc(100% - 36px);justify-content:center}
 header nav{justify-content:center}
}
@media(max-width:620px){
 header .nav{width:calc(100% - 24px);gap:9px}
 header nav{gap:7px}
 header nav>a,header nav>button{font-size:.78rem!important}
 header nav .btn,#themeToggle{min-height:38px;padding:8px 11px}
}

/* Paleta nocturna legible en todas las vistas del sitio */
html[data-theme="dark"]{color-scheme:dark;--ink:#edf3f7;--muted:#bac6ce;--cream:#121b26;--surface:#1c2936;--line:#344555;--teal:#65c4b2}
html[data-theme="dark"] body,
html[data-theme="dark"] main,
html[data-theme="dark"] main.wrap,
html[data-theme="dark"] .auth-page{background:#121b26!important;color:#edf3f7!important}
html[data-theme="dark"] header,
html[data-theme="dark"] footer,
html[data-theme="dark"] .footer{background:#172330!important;color:#bac6ce!important;border-color:#344555!important}
html[data-theme="dark"] .hero h1,
html[data-theme="dark"] main.wrap h1,
html[data-theme="dark"] main.wrap h2,
html[data-theme="dark"] main.wrap h3,
html[data-theme="dark"] .section-heading h2,
html[data-theme="dark"] .auth-side h1{color:#edf3f7!important}
html[data-theme="dark"] .muted,
html[data-theme="dark"] .notice,
html[data-theme="dark"] .service-card p,
html[data-theme="dark"] .steps p,
html[data-theme="dark"] .benefit-grid p,
html[data-theme="dark"] .faq-list details p{color:#bac6ce!important}
html[data-theme="dark"] .panel,
html[data-theme="dark"] .card,
html[data-theme="dark"] .task,
html[data-theme="dark"] .service-card,
html[data-theme="dark"] .steps .panel,
html[data-theme="dark"] .coverage-card,
html[data-theme="dark"] .benefit-grid article,
html[data-theme="dark"] .faq-list details,
html[data-theme="dark"] .worker-banner,
html[data-theme="dark"] .auth-card,
html[data-theme="dark"] .delivery-stat,
html[data-theme="dark"] .delivery-job,
html[data-theme="dark"] .stat-card{background:#1c2936!important;color:#edf3f7!important;border-color:#344555!important}
html[data-theme="dark"] .hero-trust span,
html[data-theme="dark"] .illustration-note,
html[data-theme="dark"] .illustration-pin{background:#1c2936!important;color:#edf3f7!important;border-color:#344555!important}
html[data-theme="dark"] .illustration-note b,
html[data-theme="dark"] .faq-list summary,
html[data-theme="dark"] .coverage-card h2,
html[data-theme="dark"] .worker-banner h2{color:#edf3f7!important}
html[data-theme="dark"] .cta-banner{background:#20372f!important;border-color:#345448!important;color:#edf3f7!important}
html[data-theme="dark"] .field input,
html[data-theme="dark"] .field select,
html[data-theme="dark"] .field textarea,
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{background:#121b26!important;color:#edf3f7!important;border-color:#455768!important}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#93a4b2!important}
html[data-theme="dark"] .btn.outline,
html[data-theme="dark"] #themeToggle{background:#253443!important;color:#edf3f7!important;border-color:#455768!important}
html[data-theme="dark"] nav a:not(.btn){color:#d8e3e9}
html[data-theme="dark"] .auth-tabs{background:#253443!important}
html[data-theme="dark"] .tag{background:#3b302b!important;color:#ffc09f!important}
html[data-theme="dark"] .empty{border-color:#455768!important;color:#bac6ce!important}


/* Delivery STC brand refresh: supplied logo + icon-only hero artwork */
.brand-logo{width:142px;height:82px;object-fit:contain;object-position:center;background:transparent}
.hero-illustration{width:min(100%,650px);max-width:650px;margin-inline:auto;background:transparent;border:0;box-shadow:none}
.hero-illustration>img{display:block;width:100%;height:auto;max-height:470px;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(22,67,90,.07))}
@media(max-width:620px){.brand-logo{width:112px;height:68px}.hero-illustration{max-width:100%}.hero-illustration>img{max-height:none}}