/* Lenguaje visual compartido: geometría industrial, naranja de marca y verde funcional. */
:root{--naranja:#EB5B28;--naranja-osc:#C94400;--naranja-suave:#FFF3EB;--verde:#3BAB36;--verde-osc:#247D25;--tinta:#17202C;--tinta-2:#394657;--gris:#657181;--linea:#E4E9EE;--r:16px;--sombra:0 4px 20px -14px #17202C30;--sombra-2:0 14px 36px -20px #17202C40}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.6;color:var(--tinta);background:#fff}
body h1{font-size:clamp(28px,3vw,38px);font-weight:700;line-height:1.16;letter-spacing:-.035em}
body h2{font-size:clamp(22px,2vw,28px);font-weight:600;line-height:1.25;letter-spacing:-.025em}
body h3,body h4{font-weight:600;line-height:1.35;letter-spacing:-.015em}
body b,body strong{font-weight:600}
body .small,body .tiny,body .muted{color:var(--gris)}
body .tiny,body .ayuda,body .msg-err{font-size:13px;line-height:1.5}
body .wrap{max-width:1320px;padding-left:24px;padding-right:24px}
body .i{width:20px;height:20px;flex:0 0 auto;vertical-align:middle;stroke-width:1.8}
body svg.i{min-width:18px;min-height:18px}
body [hidden]{display:none!important}
body :is(.btn,.btn.sm,.btn.lg,.mi-cot,.nav-p a,.tabs a,.side a,.side summary) .i{width:20px;height:20px}
body :is(.badge,.delta,.prod .prov,.prod .provs,.prod .stock) .i{width:18px;height:18px}
body :is(.chipi,.chip-ic,.cic,.pc-ic){display:inline-flex;align-items:center;justify-content:center;flex:none}
body :is(.chipi,.chip-ic,.cic,.pc-ic) .i{width:24px;height:24px}
body :is(.cic.sm,.chip-ic.sm) .i{width:20px;height:20px}
body .btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 18px;border-radius:12px;font:500 14px/1.3 Inter,system-ui,sans-serif;box-shadow:none;transition:background .18s,border-color .18s,box-shadow .18s}
body .btn.sm{min-height:42px;padding:9px 13px;font-size:13px}
body .btn.lg{min-height:50px;padding:13px 22px;font-size:15px}
body .btn.pri{background-color:var(--naranja);background-image:linear-gradient(110deg,var(--naranja) 0%,var(--naranja) 50%,var(--verde) 100%);background-size:200% 100%;background-position:0 0;border:0;color:#fff;box-shadow:0 4px 12px -6px #EB5B2860;transition:background-position .3s ease,box-shadow .2s ease,transform .2s ease}
body .btn.pri:hover{background-position:100% 0;border:0;color:#fff;box-shadow:0 8px 18px -8px rgba(47,168,79,.65);transform:translateY(-1px)}
body .btn.pri:hover .i{color:#fff}
body .btn.ic{min-width:46px;padding:10px;flex-shrink:0}
body .btn:disabled{cursor:not-allowed;opacity:.5}
body .btn:not(.pri):not(.osc):hover{border-color:#BCC8D3;background:#F7F9FB}
body .btn-cuenta{width:44px;min-width:44px;padding:0;justify-content:center}
body .btn-cuenta .i{width:19px;height:19px;margin:0}
body .badge{font-size:12px;font-weight:500;line-height:1.4;padding:4px 10px;gap:6px;background:#F0F3F6;color:#4D5B6C}
body .badge.ok{color:#16733B;background:#ECF8EF}
body .badge.warn{color:#955511;background:#FFF6E8}
body .badge.err{color:#B33332;background:#FFF0EF}
body .badge.info{color:#279E53;background:#EEFDF4}
body .badge.pri{color:#B74308;background:var(--naranja-suave)}
body .chip{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;font-size:13px;font-weight:500}
body .chip.on{background:var(--naranja-suave);border-color:#F5C6A7;color:#B74308}
body .card,body .kpi{border:1px solid var(--linea);border-radius:16px;box-shadow:var(--sombra);background:#fff}
body .card{padding:26px}body .card.p0{padding:0}
body .card-h{align-items:center;margin-bottom:22px;gap:16px}
body .card-h h3{font-size:18px;margin:0}
body .pg-h{margin-bottom:32px;gap:20px;align-items:center}
body .pg-h h1{font-size:32px;margin-bottom:7px}
body .pg-h p{font-size:14px;line-height:1.6}
body .blq{margin-top:32px}
body .st{gap:16px;align-items:center;margin-bottom:26px;flex-wrap:wrap}
body .st h2{font-size:26px}
body main.wrap>section:not(.hx):not(.conf){margin-top:64px}
/* Cabecera: logo y acciones sobre una misma línea; buscador con ancho flexible. */
body .top{background:#fff;box-shadow:0 1px 0 var(--linea)}
body .top .fila1{min-height:92px;padding:20px 24px;gap:24px}
body .top .logo{flex:none}body .top .logo img{height:40px;width:auto}
body .top .buscar{min-width:0}
body .top .buscar input{height:48px;font-size:14px;border-color:var(--linea);background:#F7F9FB;border-radius:12px 0 0 12px}
body .top .buscar .btn{height:48px;border-radius:0 12px 12px 0}
body .top .der{align-items:center;gap:8px;flex-shrink:0}
body .top .der .btn{height:44px;min-height:44px}
body .fila2{background:#fff;border-top:1px solid #E5E9EE;border-bottom:1px solid #DDE3EA}
body .top .fila2 .nav-p{width:100%;flex:1 1 auto;min-height:58px;gap:6px;padding:6px 0}
body .fila2 .nav-p a,body .fila2 .nav-p a.on,body .fila2 .nav-p a:hover{min-height:42px;gap:9px;font-size:14px;padding:0 10px;margin:0 3px;color:#334155;background:transparent;border-radius:8px;box-shadow:none}
body .fila2 .nav-p a .i{color:#64748B}
body .fila2 .nav-p a:hover{color:#0F172A;background:#F4F6F8}
body .fila2 .nav-p a:hover .i,body .fila2 .nav-p a.on .i{color:var(--naranja)}
body .fila2 .nav-p a.on{color:#0F172A;font-weight:600;background:#F4F6F8}
body .fila2 .nav-p a.on::after{left:10px;right:10px;bottom:-7px;height:2px}
body .fila2 .nav-p .cat-btn,body .fila2 .nav-p .cat-btn.on{border:1px solid #D5DBE3;background:#fff;color:#17202C;margin:0 8px 0 0;padding:0 14px;border-radius:9px}
body .fila2 .nav-p .cat-btn .i{color:#475569}
body .fila2 .nav-p .cat-btn:hover,body .fila2 .nav-p .cat-btn[aria-expanded=true]{background:#F4F6F8;border-color:#C4CBD5;color:#0F172A}
body .fila2 .nav-p .cat-btn:hover .i,body .fila2 .nav-p .cat-btn[aria-expanded=true] .i{color:var(--naranja)}
body .fila2 .nav-p .pill{font-size:12px;padding:3px 8px;background:#EAF8EE;color:#16803A}
body .fila2 .nav-p .nav-dest,body .fila2 .nav-p .nav-dest:hover{border:1px solid #D5DBE3;background:#fff;color:#C94808;padding:0 13px;border-radius:9px;margin-left:auto}
body .fila2 .nav-p .nav-dest .i{color:var(--naranja)}
body .fila2 .nav-p .nav-dest:hover{background:#FFF5EF;border-color:#F4B48F;color:#A93D07}
body .mi-cot .mc-n{font-size:12px;min-width:21px;height:21px}
/* Portada: contraste y profundidad sin competir con el contenido. */
body main.wrap>section.hx{margin-top:24px}
body .hx{border-radius:24px;min-height:440px;padding:60px;box-shadow:0 16px 36px -26px #17202C80}
body .hx h1{font-size:clamp(32px,3.8vw,50px);line-height:1.1;font-weight:700;max-width:650px}
body .hx p.sub{font-size:17px;line-height:1.7;color:#DAE2EA}
body .hx h1 em{color:#FF975F}
body .hx .cifras{margin-top:36px}body .hx .cifras span{color:#BDC9D7}
body .conf{padding:22px 4px;border-bottom:1px solid var(--linea);gap:18px}
body .conf .i{width:22px;height:22px;color:var(--verde)}
body .dep{padding:24px 18px;gap:16px;border:1px solid #E8EDF1;background:linear-gradient(150deg,#F6F8FA,#fff);border-radius:16px}
body .dep .chipi{height:48px;width:48px;border-radius:14px;background:#fff;box-shadow:0 2px 8px #17202C08;color:#394657}
body .dep .chipi .i{width:28px;height:28px}
body .dep:hover{border-color:#F0BA97;background:#FFF9F5}
body .dep:hover .chipi{color:var(--naranja)}
body .prod .cuerpo{padding:16px 8px 12px;gap:7px}
body .prod .tit{font-size:14px;line-height:1.5;font-weight:500}
body .prod .pie{padding:0 8px 10px}
body .prod .pie .btn{width:100%;white-space:normal;font-size:13px;min-height:44px}
body .prod .marca{font-size:12px;letter-spacing:.06em}
body .prod .ph{border-radius:16px;background:#fff;border:1px solid #E2E5E9}
body .prod .ref{font-size:13px}
/* Fotografías y logotipos originales del catálogo público. */
body .logos-marcas{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
body .logos-marcas a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:138px;padding:24px;border:1px solid var(--linea);border-radius:16px;background:#fff}
body .logos-marcas img{width:112px;height:54px;object-fit:contain}
body .logos-marcas span{font-size:13px;color:var(--gris);text-align:center}
body .logos-marcas a:hover{border-color:#F0BA97;box-shadow:var(--sombra)}
body .dest-g .wm{height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
body .dest-g .wm img{width:128px;height:64px;object-fit:contain}
body .dest-g a>b{font-size:14px;display:block;margin-top:8px}
body .mk .ini{width:68px;height:54px;background:#fff;border:1px solid var(--linea);border-radius:10px;padding:8px;font-size:11px;text-align:center;overflow-wrap:anywhere;font-weight:500;overflow:hidden}
body .mk .ini img{width:100%;height:100%;object-fit:contain}
body .mk .mk-texto{min-width:0}
body .marcas-g{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 24px}
body .pag-marca .logo-m img{width:100%;height:100%;padding:18px;object-fit:contain}
body #marca-3m{scroll-margin-top:200px}
body .busca #busca{padding-left:44px}
@media(max-width:1100px){body .logos-marcas{grid-template-columns:repeat(4,minmax(0,1fr))}body .marcas-g{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){body .logos-marcas{grid-template-columns:repeat(3,minmax(0,1fr))}body .marcas-g{grid-template-columns:repeat(2,minmax(0,1fr))}body .grupo-l{grid-template-columns:28px minmax(0,1fr);gap:12px}body .mk{flex-direction:column;align-items:flex-start;gap:8px}body .mk .ini{width:84px;height:60px}}
@media(max-width:420px){body .logos-marcas{grid-template-columns:repeat(2,minmax(0,1fr))}body .logos-marcas a{padding:20px 14px}}
/* Formularios: mismos tamaños y estados en público, empresa y administración. */
body .f>label,body .lbl{font-size:14px;font-weight:500;line-height:1.5;margin-bottom:8px;color:var(--tinta-2)}
body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),body select,body textarea{min-height:46px;border-radius:10px;font-size:15px;border-color:#D7DFE7;padding:11px 13px}
/* Buscadores con icono interior: esta regla debe ir después de la base de formularios. */
body :is(.busq,.busca,.busca-in,.busca-t,.busca-p):has(> .i){position:relative}
body :is(.busq,.busca,.busca-in,.busca-t,.busca-p):has(> .i) > .i{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#7A8797;pointer-events:none;z-index:1}
body :is(.busq,.busca,.busca-in,.busca-t,.busca-p):has(> .i) > input{padding-left:42px!important}
body input:focus,body select:focus,body textarea:focus{border-color:var(--naranja);box-shadow:0 0 0 3px #EC510014;outline:none}
body .f.err input,body .f.err select,body .f.err textarea{border-color:#C43B3B}
body .msg-err{color:#B12D2D}
body .chk{font-size:13px;line-height:1.6;gap:10px}
body input[type=checkbox],body input[type=radio]{width:18px;height:18px;flex:none;accent-color:var(--naranja)}
body .tabs a{min-height:48px;display:inline-flex;align-items:center;gap:9px;font-weight:500;padding:12px 16px}
body .tabs a.on{color:#B74308;border-bottom-color:var(--naranja)}
body .tabla th{font-size:12px;font-weight:600;letter-spacing:.04em;padding-top:14px;padding-bottom:14px;background:#F8FAFC}
body .tabla td{padding-top:16px;padding-bottom:16px}
/* Paneles: misma retícula, navegación agrupada y tareas visibles. */
body[data-layout=empresa],body[data-layout=admin]{background:#F6F8FA}
body .side{background:linear-gradient(160deg,#18222F,#101820);padding:24px 16px}
body .side .logo img{height:auto;width:162px;margin:4px 10px 28px}
body .side a{min-height:46px;padding:11px 12px;display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.4;font-weight:400;border-radius:11px;margin:3px 0;color:#CAD3DE}
body .side a .ic{width:22px;display:inline-flex;justify-content:center;align-items:center}
body .side a.on{background:#FFFFFF0E;color:#fff;box-shadow:inset 3px 0 0 var(--naranja);font-weight:500}
body .side .grupo{color:#8996A8;font-size:11px;letter-spacing:.12em;margin:24px 12px 9px}
body .side-mas{margin-top:24px;border-top:1px solid #FFFFFF18;padding-top:12px}
body .side-mas summary{display:flex;align-items:center;gap:12px;color:#CAD3DE;min-height:46px;padding:10px 12px;cursor:pointer;font-size:14px;list-style:none}
body .side-mas summary::-webkit-details-marker{display:none}
body .side-mas summary .i:last-child{margin-left:auto;transition:transform .2s}
body .side-mas[open] summary .i:last-child{transform:rotate(180deg)}
body .side-pie{font-size:13px;color:#9AA8B9;line-height:1.6}
body .bar{height:72px;padding:0 36px;background:#FFFFFFF2;border-bottom:1px solid var(--linea)}
body .bar .tit{font-weight:500;color:#657181}
body .cont{max-width:1440px;padding:36px 40px 64px}
body .kpi{padding:24px;gap:14px}
body .kpi-num{font-size:30px;font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
body .kpi-lbl{font-size:13px;font-weight:500;color:var(--gris)}
body .pendientes{padding:26px;margin-bottom:32px;border:1px solid #E4E9EE;border-radius:18px;background:#fff;box-shadow:var(--sombra)}
body .pendientes h2{font-size:22px;margin:0 0 6px}
body .pendientes>p{color:var(--gris);font-size:14px;margin:0 0 22px}
body .pendientes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body .pendiente{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid var(--linea);border-radius:13px;background:#FAFBFC}
body .pendiente:first-child{border-color:#F2C8AE;background:#FFF8F3}
body .pendiente>.i{width:26px;height:26px;color:var(--naranja)}
body .pendiente b{display:block;font-size:15px;line-height:1.4;color:var(--tinta)}
body .pendiente small{display:block;font-size:13px;color:var(--gris);margin-top:5px}
body .pendiente:hover{border-color:var(--naranja)}
body .resumen-titulo{font-size:19px;margin:0 0 18px}
body.registro-simple{background:radial-gradient(ellipse at 15% 0,#FFF0E5,transparent 40%),radial-gradient(ellipse at 95% 70%,#EAF2EE,transparent 45%),#F6F8FA}
body .registro-wrap{max-width:680px;margin:0 auto;padding:40px 20px 64px}
body .registro-wrap>.logo{display:block;width:max-content;margin:0 auto 28px}
body .registro-wrap>.logo img{height:44px;width:auto}
body.registro-simple #fReg{padding:34px}
body .registro-wrap h1{font-size:30px;margin:12px 0}
body .registro-etiqueta{font-size:12px;letter-spacing:.1em;font-weight:600;color:#AD440D}
body .registro-campos{display:grid;gap:22px;margin:28px 0}
body .registro-campos .grid{gap:18px}
body .prefijo{display:flex;align-items:center;justify-content:center;min-width:52px;border:1px solid var(--linea);border-radius:10px;background:#F7F9FB;color:var(--gris)}
body .registro-campos .tel input{min-width:0}
body .clave-fila{display:flex;gap:10px}body .clave-fila input{min-width:0}
body .registro-campos a,body .registro-pie a{color:#B74308;text-decoration:underline;text-underline-offset:3px}
body .registro-pie{font-size:14px;text-align:center;margin:22px 0 0}
body .registro-nota{text-align:center;margin:20px 0 0;padding-top:20px;border-top:1px solid var(--linea)}
body .registro-listo{text-align:center;padding:40px}
body .registro-listo>.cic{width:56px;height:56px;background:#ECF8EF;color:#16733B;border-radius:16px}
body .registro-siguientes{display:grid;gap:12px;margin:28px 0}
body .registro-panel{display:inline-block;color:var(--gris);font-size:14px;text-decoration:underline;text-underline-offset:4px}
body .registro-wrap .puertas a.on{background:#fff;box-shadow:0 2px 8px #17202C0C}
body .registro-wrap .puertas a{min-height:48px}
/* Confirmación con siguiente acción, sin ocultarse antes de poder tocarla. */
body .toast-cot{display:flex;align-items:center;gap:16px;max-width:calc(100vw - 32px);width:max-content;font-size:14px;padding:12px 16px}
body .toast-cot a{color:#FFD5B9;font-weight:600;display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
body .toast-cot button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:44px;flex:none;border:0;background:transparent;color:#fff;cursor:pointer}
body .nota-maqueta{position:static;display:block;width:100%;padding:12px 24px;border-radius:0;text-align:center;font-size:12px;background:#EEF2F5;color:#657181;opacity:1}
body .bar-inf{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--linea);background:#FFFFFFF5;backdrop-filter:blur(12px)}
body .bar-inf .btn{min-height:48px}
body .bar-inf{gap:8px}
body .bar-inf .btn.pri{flex:1;min-width:0;white-space:normal;padding:10px 12px;font-size:13px}
body .bar-inf .btn.ic{width:44px;min-width:44px;padding:10px;flex:0 0 44px}
body .promo-agencia{margin-top:72px;padding:44px 0;background:#fff;border-top:1px solid #EDF0F3}
body .promo-agencia-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
body .promo-agencia-card{display:block;overflow:hidden;border-radius:18px;background:#071D3A;box-shadow:0 12px 32px -18px rgba(15,23,42,.45);transition:transform .2s ease,box-shadow .2s ease}
body .promo-agencia-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px -18px rgba(15,23,42,.5)}
body .promo-agencia-card img{display:block;width:100%;height:auto;aspect-ratio:752/356;object-fit:cover}
body .promo-agencia+.pie-p{margin-top:0}
body .pie-p{background:#17202C;color:#AAB8C8}
body .pie-conf .wrap{padding-top:30px;padding-bottom:30px;gap:28px}
body .pc-it{gap:16px;min-width:0}
body .pie-p .pc-ic{background:#FF975F12;color:#FF975F;border:1px solid #FF975F38;border-radius:14px;width:62px;height:62px;box-shadow:inset 0 0 0 1px #FFFFFF08}
body .pc-ic .i{width:32px;height:32px;stroke-width:2.15}
body .pc-it b{font-size:14.5px;line-height:1.35;margin-bottom:3px}
body .pc-it>div>span{display:block;line-height:1.45}
body :focus-visible{outline:3px solid #EC510080;outline-offset:3px}
@media(min-width:901px){body .top .der .mi-cot .mc-txt{display:inline}}
@media(min-width:901px){body .menu-tg,body .fil-tg,body .fil-plegar{display:none}}
@media(max-width:1200px) and (min-width:901px){body .top .der .mi-cot .mc-txt{display:none}body .top .fila1{gap:16px}}
@media(max-width:900px){
  body .wrap{padding-left:20px;padding-right:20px}
  body .top .fila1{padding:16px 20px;gap:14px;min-height:0}
  body .top .logo img{height:36px}
  body .cont{padding:28px 20px 56px}body .bar{height:64px;padding:0 20px}
  body .pg-h h1{font-size:28px}body .card{padding:22px}
  body .hx{padding:40px 32px;min-height:400px}
  body .pendientes-grid{grid-template-columns:1fr}body .pendiente{padding:16px 18px}
  body .side a,body .side summary{min-height:48px}
  body .toast-cot{bottom:88px;gap:10px;flex-wrap:wrap;width:calc(100vw - 32px)}
  body .toast-cot button{margin-left:auto}
  body .pie-conf .wrap{gap:22px}
  body .promo-agencia{margin-top:56px;padding:32px 0}
  body .promo-agencia-grid{grid-template-columns:1fr;gap:16px}
}
@media(max-width:560px){
  body .registro-wrap{padding:28px 16px 40px}body.registro-simple #fReg{padding:24px 20px}body .registro-wrap h1{font-size:27px}
  body .wrap{padding-left:16px;padding-right:16px}
  body .top .fila1{padding:14px 16px;gap:12px}
  body .top .logo img{height:32px}
  body .top .der{gap:6px}
  body .top .der .btn.ghost.mi-cot{display:inline-flex;min-width:44px;gap:4px;padding:8px}
  body .top .der .mi-cot .mc-txt{display:none}
  body .top .der .btn.pri{font-size:12px;padding:8px 10px}
  body .top .buscar input{font-size:16px}
  body .top .fila2 .nav-p{min-height:56px}
  body .fila2 .nav-p a{padding:10px 12px;font-size:13px}
  body .hx{padding:32px 24px;min-height:0;border-radius:18px}
  body .hx h1{font-size:34px}body .hx p.sub{font-size:15px}
  body .pie-conf .wrap{gap:18px}
  body .pie-p .pc-ic{width:56px;height:56px;border-radius:13px}
  body .pc-ic .i{width:29px;height:29px}
  body .hx .acc .btn{width:100%}body .hx .cifras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px}
  body .hx .cifras div{padding:0;border:0;min-width:0}body .hx .cifras b{font-size:20px}body .hx .cifras span{font-size:12px}
  body .conf{display:grid;grid-template-columns:1fr;gap:14px;padding:22px 0}
  body .st h2{font-size:23px}body main.wrap>section:not(.hx):not(.conf){margin-top:44px}
  body .deps{grid-template-columns:repeat(2,minmax(0,1fr))}
  body .dep{padding:18px 14px;min-width:0;flex-direction:column;align-items:center;text-align:center}
  body .dep>div{min-width:0}body .dep small{white-space:normal}
  body .pie-cols{grid-template-columns:1fr}
  body .prod .cuerpo{padding:12px 2px}
  body .prod .pie{padding:0 2px 6px}body .prod .pie .btn{padding:10px 6px;min-height:46px;font-size:13px}
  body .btn,body .btn.sm{min-height:44px}body .btn .i{width:21px;height:21px}
  body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),body select,body textarea{font-size:16px}
  body .card,body .pendientes{padding:20px}
  body .pg-h{margin-bottom:26px}body .pg-h h1{font-size:27px}
  body .pg-h .acts .btn{white-space:normal}
  body .kpi{padding:18px;gap:10px}body .kpi-num{font-size:27px}
  body .info h1{font-size:27px}body .acciones .btn{white-space:normal;flex-basis:100%}
  body .nota-maqueta{padding-bottom:90px}
}
@media(max-width:360px){body .top .logo img{height:25px}body .top .fila1{padding-left:12px;padding-right:12px;gap:8px}body .top .der .btn.pri{font-size:11px;padding:8px}body .top .der{gap:4px}body .hx .cifras b{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Acceso sin contraseña para compradores y contacto con proveedores. */
body .acceso-dialog{width:min(520px,calc(100% - 32px));max-width:none;padding:0;border:0;border-radius:20px;box-shadow:0 26px 80px #0F172A55;color:var(--tinta)}
body .acceso-dialog::backdrop{background:#17202C99;backdrop-filter:blur(3px)}
body .acceso-caja{padding:30px}
body .acceso-cab{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:10px}
body .acceso-cab h2{font-size:26px;margin:6px 0 0}
body .acceso-contexto{color:var(--gris);margin:0 0 22px;line-height:1.55}
body .acceso-google{border-color:#CCD3DB;background:#fff;color:#17202C;font-weight:600}
body .google-g{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-weight:700;color:#4285F4;border:1px solid #E1E5EA}
body .acceso-separa{display:flex;align-items:center;gap:12px;color:#7A8593;font-size:12px;margin:20px 0}
body .acceso-separa::before,body .acceso-separa::after{content:"";height:1px;background:var(--linea);flex:1}
body .acceso-dialog .f{margin-bottom:16px}
body .acceso-dialog .otp{font-size:24px;letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums}
body .acceso-volver{display:inline-flex;align-items:center;gap:7px;border:0;background:none;color:#4D5B6C;padding:0;margin:0 0 18px;cursor:pointer;font:500 13px Inter,sans-serif}
body .acceso-volver .i{width:17px;height:17px}
body .acceso-empresa{display:flex;justify-content:space-between;gap:12px;margin-top:22px;padding:16px;border-radius:12px;background:#F6F8FA;font-size:13px}
body .acceso-empresa a{color:#B74308;font-weight:600;text-align:right}
body .acceso-legal{text-align:center;margin:18px 0 0}
@media(max-width:560px){body .acceso-caja{padding:24px 20px}body .acceso-cab h2{font-size:23px}body .acceso-empresa{flex-direction:column}body .acceso-empresa a{text-align:left}}

body .mk .mk-texto{min-width:0;max-width:100%;overflow-wrap:anywhere}body .mk b{white-space:normal}