/* Mayoristas: estilos acotados a la sección. Ejemplos de interfaz ilustrativos. */
#distribuidores { background:#fff; scroll-margin-top:100px; }
#distribuidores .mw-hero {padding:48px;border-radius:32px;background:var(--navy);color:white;display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center}
#distribuidores .mw-hero h2{font-size:clamp(32px,4.5vw,56px);line-height:1.08}
#distribuidores .mw-hero p:not(.kicker){color:#d5e3f6;line-height:1.7;margin:22px 0}
#distribuidores .mw-summary{display:grid;gap:12px}
#distribuidores .mw-summary div{padding:18px;border:1px solid #385078;border-radius:16px;font-weight:800}
#distribuidores .mw-summary span{color:var(--green);margin-right:12px}
#distribuidores .mw-nav{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 50px}
#distribuidores .mw-nav a{padding:10px 16px;background:var(--soft);border:1px solid var(--line);border-radius:30px;font-size:13px;font-weight:800}
#distribuidores .mw-feature{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:44px 0;border-bottom:1px solid var(--line);scroll-margin-top:100px}
#distribuidores .mw-feature:nth-of-type(even) .mw-art{order:2}
#distribuidores .mw-label{color:#126337;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.14em;margin-bottom:16px}
#distribuidores .mw-feature h3{font-size:clamp(27px,3vw,36px);line-height:1.15}
#distribuidores .mw-copy p{line-height:1.75;color:var(--muted);margin-top:20px}
#distribuidores .mw-copy ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px}
#distribuidores .mw-copy li{padding-left:26px;position:relative;line-height:1.55;font-weight:700;font-size:14px}
#distribuidores .mw-copy li:before{content:'✓';position:absolute;left:0;color:#11753c;font-weight:900}
#distribuidores .mw-art{min-height:340px;background:#eef4fc;border-radius:28px;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;overflow:hidden}
#distribuidores .mw-caption{font-size:11px;color:var(--muted);text-align:center}
#distribuidores .mw-device{width:min(100%,300px);border:10px solid #102441;border-bottom-width:20px;border-radius:25px;background:#fff;box-shadow:0 18px 30px #071a3d20;overflow:hidden}
#distribuidores .mw-screen{padding:20px}
#distribuidores .mw-bar{background:#112b52;color:white;padding:12px 18px;font-size:12px;font-weight:800;letter-spacing:.06em}
#distribuidores .mw-ad{background:var(--navy);color:white;text-align:center;padding:26px 18px}
#distribuidores .mw-ad strong{font-family:Montserrat,Arial,sans-serif;font-size:27px;line-height:1.15;display:block;margin:14px 0}
#distribuidores .mw-product{font-size:54px;display:block}
#distribuidores .mw-action{display:block;background:var(--green);color:#082416;border-radius:10px;padding:12px;margin-top:14px;text-align:center;font-size:12px;font-weight:900}
#distribuidores .mw-paper{width:min(100%,260px);padding:25px;background:white;box-shadow:0 15px 25px #071a3d15;font-family:monospace;line-height:1.7;position:relative;border-bottom:5px dashed #eef4fc}
#distribuidores .mw-paper h4{font-family:monospace;letter-spacing:0;text-align:center;font-size:18px}
#distribuidores .mw-ticket-ad{border-top:1px dashed #8798ae;margin-top:18px;padding-top:18px;text-align:center}
#distribuidores .mw-qr{width:64px;height:64px;display:block;margin:12px auto}
#distribuidores .mw-row{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.5}
#distribuidores .mw-note{padding:12px 16px;background:#dff7e8;border-radius:12px;color:#125333;font-size:12px;font-weight:800;max-width:300px;text-align:center}
#distribuidores .mw-status{list-style:none;padding:0;margin:12px 0;display:grid;gap:0}
#distribuidores .mw-status li{position:relative;padding:10px 0 10px 30px;font-size:12px;font-weight:700}
#distribuidores .mw-status li:before{content:'';position:absolute;width:12px;height:12px;left:0;top:13px;background:#168b4b;border-radius:50%}
#distribuidores .mw-status li:last-child:before{background:#cfdaea}
#distribuidores .mw-status li:not(:last-child):after{content:'';position:absolute;left:5px;top:26px;bottom:-9px;width:2px;background:#bcd4c8}
#distribuidores .mw-catalog{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#distribuidores .mw-catalog div{border:1px solid var(--line);border-radius:12px;padding:12px;font-size:11px}
#distribuidores .mw-catalog span{font-size:30px;display:block;margin-bottom:8px}
#distribuidores .mw-catalog b{display:block;margin-top:8px;color:#147640}
#distribuidores .mw-check{width:64px;height:64px;border-radius:50%;background:#dcfae6;color:#08713a;font-size:36px;text-align:center;line-height:64px;margin:0 auto 16px}
#distribuidores .mw-faq{padding:55px 0}
#distribuidores .mw-faq h3{font-size:28px;margin-bottom:24px}
#distribuidores details{border-bottom:1px solid var(--line);padding:18px 0}
#distribuidores summary{cursor:pointer;font-weight:800;line-height:1.5}
#distribuidores details p{color:var(--muted);line-height:1.7;margin:14px 0 0;max-width:850px}
#distribuidores .mw-close{padding:38px;border-radius:24px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}
#distribuidores .mw-close h3{font-size:28px;max-width:600px}
#distribuidores .mw-close p{color:#d5e3f6;line-height:1.6;margin-top:14px}
#distribuidores a:focus-visible,#distribuidores summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
@media(max-width:760px){#distribuidores .mw-hero{grid-template-columns:1fr;padding:28px;gap:20px}#distribuidores .mw-feature{grid-template-columns:1fr;gap:24px;padding:32px 0}#distribuidores .mw-feature .mw-copy{order:0}#distribuidores .mw-feature .mw-art{order:1!important}#distribuidores .mw-art{padding:22px;min-height:300px}#distribuidores .mw-close{display:block;padding:28px}#distribuidores .mw-close .btn{margin-top:24px}#distribuidores .mw-nav{margin-bottom:20px}}

/* Dirección visual: fondo oscuro, tipografía editorial y acentos del CSS original. */
#distribuidores{background:radial-gradient(ellipse at 80% 0%,#0d2851 0%,#040c1e 52%,#020817 100%);color:#fff;padding:100px 0;border-top:1px solid #224365}
#distribuidores .mw-hero{padding:0 0 46px;background:transparent;border-radius:0;grid-template-columns:1.45fr .55fr;gap:70px;border-bottom:1px solid #263853}
#distribuidores .kicker{color:#3feaff;font-size:12px;letter-spacing:3px}
#distribuidores .mw-hero h2{font-size:clamp(38px,5.2vw,64px);letter-spacing:-.055em;line-height:1.05}
#distribuidores .green{color:#1ff024}
#distribuidores .mw-hero p:not(.kicker){font-size:16px;max-width:680px;line-height:1.75;color:#b9c7dd}
#distribuidores .mw-summary{gap:0;border-left:1px solid #2d496c;padding-left:25px}
#distribuidores .mw-summary div{background:none;border:0;border-radius:0;padding:20px 0;font-size:15px;line-height:1.45}
#distribuidores .mw-summary span{display:block;margin-bottom:8px;color:#3feaff;font-size:11px;letter-spacing:2px}
#distribuidores .btn{border-radius:999px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;padding:16px 24px;box-shadow:none;line-height:1.5}
#distribuidores .btn.primary{background:#1ff024;color:#03140b;border-color:#1ff024}
#distribuidores .btn.ghost{background:transparent;border-color:#4f637e;color:#fff}
#distribuidores .mw-nav{gap:8px;margin:24px 0 18px}
#distribuidores .mw-nav a{background:transparent;border:1px solid #2a405f;color:#b9c7dd;border-radius:999px;font-size:11px;padding:10px 14px}
#distribuidores .mw-nav a:hover{color:#1ff024;border-color:#1ff024}
#distribuidores .mw-feature{gap:64px;padding:60px 0;border-color:#263853}
#distribuidores .mw-feature h3{font-size:clamp(28px,3.2vw,40px);letter-spacing:-.045em}
#distribuidores .mw-label{color:#3feaff;font-size:11px;letter-spacing:2px}
#distribuidores .mw-copy p{color:#b9c7dd;font-size:15px;line-height:1.75}
#distribuidores .mw-copy li{color:#d7e2f3;font-size:13px;font-weight:600}
#distribuidores .mw-copy li:before{color:#1ff024}
#distribuidores .mw-art{background:radial-gradient(ellipse at center,#183d70 0%,#0a1a36 62%,#071127 100%);border:1px solid #254669;border-radius:20px;min-height:395px;padding:30px;position:relative;box-shadow:inset 0 1px 0 #ffffff08}
#distribuidores .mw-caption{color:#93a8c3;font-size:10px;line-height:1.5;max-width:300px}
#distribuidores .mw-device{border-color:#15243a;box-shadow:0 26px 55px #0008,0 0 0 1px #466080;border-radius:22px;max-width:285px;color:#17283f}
#distribuidores .mw-bar{background:#09172d;font-size:11px;color:#ddedf9;padding:13px 18px}
#distribuidores .mw-ad{background:linear-gradient(155deg,#052540,#07172b);padding:22px 18px}
#distribuidores .mw-ad small{font-size:10px;letter-spacing:1px;color:#a8cadd}
#distribuidores .mw-ad strong{font-size:25px;letter-spacing:-1px}
#distribuidores .mw-product{height:110px;margin:18px 0 10px;display:flex;justify-content:center;align-items:center}
#distribuidores .mw-package{display:block;width:85px;height:110px;background:linear-gradient(120deg,#ec544b,#c32955);border:2px solid #ff98a1;box-shadow:10px 14px 20px #0005;transform:rotate(-8deg);border-radius:12px 12px 20px 20px;color:white;padding-top:20px;position:relative}
#distribuidores .mw-package b{font-size:10px;letter-spacing:1px;display:block}
#distribuidores .mw-package i{display:block;font-size:24px;margin-top:8px;font-style:normal;color:#ffd95a}
#distribuidores .mw-action{background:#1ff024;color:#031a0c;border-radius:7px;font-size:11px;padding:12px}
#distribuidores .mw-paper{color:#17283f;transform:rotate(-5deg);padding:26px;box-shadow:8px 24px 40px #0006;border-bottom-color:#d9e2ed}
#distribuidores .mw-ticket-ad{color:#17283f;font-size:12px}
#distribuidores .mw-note{background:#092b24;color:#7dfca4;border:1px solid #23583d;border-radius:8px;font-size:11px;line-height:1.6}
#distribuidores .mw-row{border-color:#dce4ef}
#distribuidores .mw-catalog div{border-color:#dae5f1;background:#f6f9fd}
#distribuidores .mw-catalog .mw-product-tile{height:34px;width:28px;background:#2370bd;border:2px solid #5da5e8;border-radius:5px;margin:0 auto 12px;display:block}
#distribuidores .mw-catalog div:nth-child(2) .mw-product-tile{background:#0a9169;border-color:#40cda2;border-radius:7px 7px 3px 3px}
#distribuidores .mw-catalog div:nth-child(3) .mw-product-tile{background:#eab94a;border-color:#f5d581}
#distribuidores .mw-catalog div:nth-child(4) .mw-product-tile{background:#d95165;border-color:#e88794;border-radius:3px 3px 8px 8px}
#distribuidores .mw-faq{padding:60px 0}
#distribuidores .mw-faq h3{font-size:30px;letter-spacing:-1px}
#distribuidores details{border-color:#263853;padding:20px 0}
#distribuidores summary{color:#e1eaf8;font-size:14px}
#distribuidores details p{color:#b9c7dd;font-size:14px}
#distribuidores .mw-close{border:1px solid #28745a;border-radius:20px;background:linear-gradient(125deg,#0a263b,#09221d);padding:36px}
#distribuidores .mw-close h3{font-size:28px;line-height:1.2}
#distribuidores .mw-close p{font-size:14px;color:#b9c7dd}
#distribuidores .mw-close .btn{flex-shrink:0}
@media(max-width:760px){#distribuidores{padding:65px 0}#distribuidores .mw-hero{grid-template-columns:1fr;gap:25px;padding:0 0 30px}#distribuidores .mw-summary{display:none}#distribuidores .mw-feature{gap:25px;padding:35px 0}#distribuidores .mw-art{min-height:350px;padding:24px}#distribuidores .mw-close{padding:26px}#distribuidores .mw-nav{gap:7px}#distribuidores .mw-nav a{font-size:10px}#distribuidores .mw-copy li{font-size:13px}}