/* =====================================================================================================
   ESTILOS DE LA LANDING
   Los colores principales son VARIABLES (--acento, --dorado...) y se pueden cambiar desde el editor (🎨 Diseño).
   ===================================================================================================== */
:root{--acento:#b04e32;--dorado:#c9a227;--verde:#5b6b4b;--oscuro:#28221e;--claro:#f7f2ec;--texto:#3a2a1e;--crema:#efe6d9;--linea:#e4d7c2;
  --serif:'Fraunces',Georgia,serif;--sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--mono:'DM Mono',ui-monospace,Menlo,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);color:var(--texto);background:var(--claro);-webkit-font-smoothing:antialiased;line-height:1.5}
img{max-width:100%}a{color:inherit;text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}.narrow{max-width:780px}
.mono{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px}
.acc{color:var(--acento)}.multi{white-space:pre-line}
h1,h2,h3,h4{font-family:var(--serif);margin:0;line-height:1.05;letter-spacing:-.02em}
/* fondos de sección */
.sec{position:relative;padding:92px 0}.bg-claro{background:var(--claro)}.bg-crema{background:var(--crema)}
.bg-oscuro{background:var(--oscuro);color:#f3ebe0}.bg-acento{background:var(--acento);color:#fff}
.sec-nav,.sec-cinta,.sec-pie{padding:0}.sec-nav{position:sticky;top:0;z-index:50;background:rgba(40,34,30,.92);backdrop-filter:blur(10px)}
.oculta{opacity:.38;outline:2px dashed #999;outline-offset:-4px}
/* etiqueta pequeña */
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--dorado)}.eyebrow i{width:9px;height:9px;border-radius:50%;background:var(--dorado);display:inline-block;box-shadow:0 0 0 4px rgba(201,162,39,.2)}
.eyebrow.dark{color:var(--acento)}.eyebrow.dark i{background:var(--acento);box-shadow:0 0 0 4px rgba(176,78,50,.15)}
/* botones */
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:12px;font-weight:600;font-size:14.5px;cursor:pointer;border:1px solid transparent;transition:.2s}
.btn .ico{font-style:normal}.btn-acento{background:var(--acento);color:#fff;box-shadow:0 10px 26px rgba(176,78,50,.35)}.btn-acento:hover{transform:translateY(-2px)}
.btn-oscuro{background:var(--oscuro);color:#fff}.btn-line{border-color:rgba(255,255,255,.35);color:#fff;padding:11px 20px;border-radius:999px}
.btn-ghost{color:#f3ebe0;padding-left:6px}.btn-ghost .ico{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.4);border-radius:50%;font-size:10px;order:-1}
/* nav */
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:72px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-family:var(--serif);font-size:20px}.brand b{font-weight:700}.brand em{color:var(--dorado);font-style:normal;font-weight:700}
.nav-links{display:flex}.nav-l,.nav .nav-l{display:flex;gap:28px}.nl{color:#d9cdbd;font-size:14px}.nl:hover{color:#fff}
/* hero */
.sec-hero{padding:56px 0 70px;background:radial-gradient(900px 520px at 85% 28%,rgba(190,110,60,.38),transparent 62%),radial-gradient(500px 360px at 8% 92%,rgba(91,107,75,.28),transparent 70%),var(--oscuro)}
.hero-in{display:grid;grid-template-columns:1.02fr 1fr;gap:40px;align-items:center}
.display{font-size:clamp(40px,5.8vw,74px);color:#fff;margin:22px 0 22px;font-weight:700;letter-spacing:-.035em}
.lead{color:#cbbfae;font-size:17px;max-width:520px;margin:0 0 30px}.btns{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.avs{display:flex;align-items:center;gap:14px;margin-top:46px;color:#a99d8e}.av-l{display:flex}.av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700;border:2px solid var(--oscuro);margin-left:-8px}.av:first-child{margin-left:0}
.av0{background:#c98a4b}.av1{background:#6f8a5b}.av2{background:#7d6252}.av3{background:var(--dorado)}
/* maqueta del producto */
.hero-mock{perspective:1400px}.mock{position:relative;background:#f3ece1;border-radius:20px;padding:0 0 16px;transform:rotateY(-9deg) rotateX(5deg) rotateZ(1.5deg);box-shadow:0 50px 90px rgba(0,0,0,.5),0 0 0 8px rgba(255,255,255,.05);color:#3a2a1e}
.mock-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:#3b332d;border-radius:20px 20px 0 0;color:#a99d8e;font-size:11px}.mock-bar i{width:9px;height:9px;border-radius:50%;background:#6a5f55}
.mock-body{display:grid;grid-template-columns:150px 1fr}.mock-side{background:#e8dfd0;padding:16px 12px;border-radius:0 0 0 14px}
.mock-logo{display:flex;align-items:center;gap:6px;font-family:var(--serif);margin-bottom:18px}.mock-logo em{color:var(--acento);font-style:normal}
.mock-menu{display:grid;gap:6px}.mock-mi{display:flex;justify-content:space-between;padding:8px 10px;border-radius:8px;font-size:11.5px;color:#6b5a4a}.mock-mi.on{background:#fff;color:var(--acento);font-weight:700}.mock-n{color:var(--acento);font-weight:700}
.mock-main{padding:18px 18px 4px}.mock-fecha{font-size:9.5px;letter-spacing:.14em;color:#8b7b6a}.mock-saludo{font-size:20px;margin:4px 0 14px;font-weight:500}
.mock-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mock-kpi{background:#fff;border-radius:12px;padding:11px}.mock-kpi small{display:block;font-size:9.5px;color:#8b7b6a}.mock-kpi strong{display:block;font-family:var(--serif);font-size:24px;margin:2px 0}.mock-kpi em{font-style:normal;font-size:9.5px;color:var(--verde);font-weight:600}
.mock-kpi.verde{background:var(--verde);color:#fff}.mock-kpi.verde small,.mock-kpi.verde em{color:#dfe8d4}
.mock-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.mock-card{background:#fff;border-radius:12px;padding:12px}.mock-ct{display:flex;justify-content:space-between;font-size:11px;margin-bottom:8px}.mock-ct small{color:#8b7b6a;font-size:9px}
.mock-chart{display:flex;align-items:flex-end;gap:7px;height:96px}.mb{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}.mb i{display:block;width:100%;background:#ddd0bd;border-radius:3px 3px 0 0}.mb i.hi{background:var(--acento)}.mb span{font-size:8.5px;color:#8b7b6a}
.mock-ped{display:grid;gap:8px}.mp{display:grid;grid-template-columns:8px 1fr auto;gap:8px;align-items:center;font-size:10px}.mp b{display:block;font-size:10px}.mp small{display:block;color:#8b7b6a;font-size:8.5px}
.dot{width:7px;height:7px;border-radius:50%;background:#999;display:inline-block}.dot.acento{background:var(--acento)}.dot.verde{background:var(--verde)}.dot.dorado{background:var(--dorado)}
.tag{font-size:8.5px;font-weight:700}.tag.acento{color:var(--acento)}.tag.verde{color:var(--verde)}.tag.dorado{color:#a07f0a}
.flota{position:absolute;background:#fff;border-radius:14px;padding:11px 14px;display:flex;align-items:center;gap:11px;box-shadow:0 18px 40px rgba(0,0,0,.28);font-size:11px;min-width:210px}.flota small{display:block;color:#8b7b6a;font-size:10px}.flota b{display:block}
.f1{right:-26px;top:58px}.f2{left:-34px;bottom:34px}.fi{font-style:normal;background:#e6ecd9;border-radius:9px;width:32px;height:32px;display:grid;place-items:center;font-size:15px}.flota .ok{margin-left:auto;color:#6a5f55}
/* cinta */
.cinta{border-top:1px solid rgba(255,255,255,.08)}.chips{display:flex;justify-content:center;padding:18px 24px}.chips-l{display:flex;gap:26px;flex-wrap:wrap;justify-content:center;align-items:center}.chip{color:#9c9082;display:inline-flex;align-items:center;gap:26px}.chip:not(:last-child):after{content:'';width:5px;height:5px;border-radius:50%;background:var(--dorado)}
.marquee{overflow:hidden;background:var(--claro);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);padding:14px 0;color:var(--texto)}
.marquee-t{display:flex;width:max-content;animation:mq 38s linear infinite}.marquee-g{display:flex;gap:46px;padding-right:46px}.mq{color:#9a8b78;white-space:nowrap}.mq.acc{color:var(--acento);font-weight:700}
@keyframes mq{to{transform:translateX(-50%)}}
/* cabecera de sección */
.cab{max-width:760px}.h2{font-size:clamp(30px,4.1vw,52px);margin:16px 0 18px;font-weight:600}.lead2{font-size:17px;color:#6b5a4a;margin:0 0 26px}
.bg-oscuro .lead2{color:#cbbfae}.bg-acento .lead2{color:#ffe9de}
/* funciones */
.f-top{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:end;margin-bottom:56px}.mini{display:grid;gap:22px}
.mini-i{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:start}.mini-n{font-style:normal;width:30px;height:30px;border-radius:50%;background:var(--acento);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}.mini-i b{font-family:var(--serif);font-size:17px}.mini-i p{margin:3px 0 0;color:#6b5a4a;font-size:14px}
.cols3,.grid3,.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px}.card{background:#fff;border:1px solid var(--linea);border-radius:20px;padding:28px}
.card h3{font-size:25px;margin:14px 0 12px}.card p{color:#6b5a4a;margin:0 0 18px}.puntos{display:grid;gap:9px}.pt{display:flex;gap:10px;align-items:center;font-size:14px}.ck{font-style:normal;color:var(--verde);font-weight:700}
/* pasos */
.pasos-l{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:44px}.paso{border-top:2px solid var(--texto);padding-top:20px}.paso-n{color:var(--acento);margin-bottom:12px}.paso h3{font-size:28px}.paso p{margin:8px 0 0;color:#6b5a4a}
/* duo */
.prods{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:34px 0 26px}.prod{background:#fff;border:1px solid var(--linea);border-radius:20px;padding:30px}.prod.alt{background:var(--oscuro);color:#f3ebe0;border-color:var(--oscuro)}.prod h3{font-size:32px;margin:12px 0 8px}.prod p{margin:0;color:#6b5a4a}.prod.alt p{color:#cbbfae}.tag2{color:var(--acento)}
.panel{background:var(--oscuro);border-radius:24px;padding:32px;color:#f3ebe0}.panel-top{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:end;margin-bottom:22px}.panel h3{font-size:34px;margin-top:8px}
.panel-k{display:flex;gap:12px;flex-wrap:wrap}.kp{background:rgba(255,255,255,.07);border-radius:14px;padding:13px 16px;min-width:150px}.kp small{display:block;color:#a99d8e;font-size:11px}.kp strong{display:block;font-family:var(--serif);font-size:26px}.kp em{font-style:normal;font-size:11px;color:#9bb88a}
.panel-in{background:#f3ece1;border-radius:18px;padding:22px;color:var(--texto)}.panel-in>b{font-family:var(--serif);font-size:19px;display:block}.panel-in>small{color:#8b7b6a}.barras{display:grid;gap:16px;margin:18px 0}
.ba-h{display:flex;justify-content:space-between;font-size:14px}.ba-t{height:8px;border-radius:99px;background:#ddd0bd;margin:7px 0 5px;overflow:hidden}.ba-t i{display:block;height:100%;background:var(--verde);border-radius:99px}.ba-t i.low{background:var(--dorado)}.ba small{color:#8b7b6a}
.sug{margin:0;background:#fff;border-radius:12px;padding:12px 14px;font-size:14px;color:#6b5a4a;border-left:3px solid var(--acento)}
.duo-pie{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;margin-top:24px;color:#6b5a4a;font-size:14px}.duo-pie p{margin:0;max-width:600px}
/* tarjetas */
.mod{padding:24px}.mod h3{font-size:22px;margin:8px 0 6px}.mod p{margin:0}
.langs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.lang{background:#fff;border:1px solid var(--linea);border-radius:18px;padding:22px;display:grid;gap:6px}.lang.on{border-color:var(--verde);background:#f4f8ee}.lc{color:var(--acento)}.lang b{font-family:var(--serif);font-size:21px}.lang small{color:#8b7b6a}
/* planes */
.plan{background:#fff;border:1px solid var(--linea);border-radius:22px;padding:30px;display:flex;flex-direction:column;gap:14px;position:relative}.plan.top{background:var(--oscuro);color:#f3ebe0;border-color:var(--oscuro);transform:translateY(-8px);box-shadow:0 30px 60px rgba(40,34,30,.28)}
.plan h3{font-size:30px}.plan-d{margin:0;color:#6b5a4a;font-size:14.5px}.plan.top .plan-d{color:#cbbfae}.plan-tag{color:var(--dorado);font-weight:700}
.precio{display:flex;align-items:baseline;gap:8px}.precio strong{font-family:var(--serif);font-size:46px}.precio small{color:#8b7b6a}.plan.top .precio small{color:#a99d8e}.plan .btn{justify-content:center}.plan.top .ck{color:var(--dorado)}
.pagos{margin-top:30px;background:#fff;border:1px solid var(--linea);border-radius:18px;padding:22px 26px;display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.pagos b{font-family:var(--serif);font-size:19px}.pagos p{margin:4px 0 0;color:#6b5a4a;font-size:14px}.pagos-l{display:flex;gap:10px;flex-wrap:wrap}.chip2{background:var(--claro);border:1px solid var(--linea);border-radius:99px;padding:8px 16px;font-size:13px;font-weight:600}
/* cta */
.sec-cta{padding:70px 0}.ctab{background:linear-gradient(135deg,#3a2f27,var(--oscuro));border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:64px 40px;text-align:center;display:grid;gap:18px;justify-items:center;box-shadow:0 30px 70px rgba(0,0,0,.25)}.display2{font-size:clamp(34px,5vw,60px);color:#fff}.ctab .lead{max-width:560px;margin:0}
/* pie */
.pie{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:34px;padding-bottom:34px}.copy{color:#a99d8e}.pie-l{display:flex;gap:22px;align-items:center}.pie-l .nav-l{gap:22px}.acceso{opacity:.25;padding:0 6px}
/* otros bloques */
.it{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.it.inv .it-img{order:2}.it-i{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:22px;border:1px solid var(--linea)}
.faq-l{display:grid;gap:12px;margin-top:20px}.q{background:#fff;border:1px solid var(--linea);border-radius:16px;padding:18px 22px}.q summary{cursor:pointer;font-family:var(--serif);font-size:19px;font-weight:600}.q p{margin:12px 0 0;color:#6b5a4a}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.foto{margin:0}.foto-i{width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px;border:1px solid var(--linea);display:block}.foto figcaption{font-size:13px;color:#6b5a4a;margin-top:6px}
.img-vacia{background:repeating-linear-gradient(45deg,#eadfce,#eadfce 10px,#f3ebdd 10px,#f3ebdd 20px);display:grid;place-items:center;color:#8b7b6a;font-size:14px;aspect-ratio:4/3;border-radius:16px;min-height:120px}
/* animación al aparecer */
.rev{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.rev.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rev{opacity:1;transform:none;transition:none}.marquee-t{animation:none}.btn-acento:hover{transform:none}}
/* móvil */
@media(max-width:960px){.hero-in,.f-top,.it{grid-template-columns:1fr}.mock{transform:none}.f1{right:6px;top:-18px}.f2{left:6px;bottom:-18px}.cols3,.grid3,.plans,.prods{grid-template-columns:1fr}.pasos-l,.langs{grid-template-columns:repeat(2,1fr)}.plan.top{transform:none}.gal{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}.it.inv .it-img{order:0}.mock-body{grid-template-columns:1fr}.mock-side{display:none}}
@media(max-width:560px){.wrap{padding:0 18px}.sec{padding:64px 0}.mock-kpis,.mock-row{grid-template-columns:1fr}.display{font-size:42px}.pasos-l,.langs,.gal{grid-template-columns:1fr}.ctab{padding:44px 22px}}
/* ===== MODO EDICIÓN (solo aparece cuando el administrador entra a /?editar) ===== */
body.editando{padding-bottom:92px}body.editando .sec-nav{position:relative}
.ed-t{outline:1px dashed rgba(201,162,39,.55);outline-offset:3px;border-radius:4px;min-width:1em;cursor:text}.ed-t:focus{outline:2px solid var(--dorado);background:rgba(201,162,39,.12)}.ed-t:empty:before{content:attr(data-ph);opacity:.45}
.ed-link,.ed-img{cursor:pointer;outline:1px dashed rgba(91,107,75,.7);outline-offset:3px}.ed-img{position:relative}
.ed-item{position:relative}.ed-ibar{position:absolute;top:-14px;right:8px;display:flex;gap:4px;z-index:6;opacity:.96}
.ed-b{border:0;background:#1f1a16;color:#fff;border-radius:8px;min-width:30px;height:30px;font-size:13px;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.35);padding:0 8px}.ed-b:hover{background:var(--acento)}
.ed-add{border:2px dashed var(--dorado);background:rgba(201,162,39,.1);color:var(--texto);border-radius:14px;padding:18px;font-weight:600;cursor:pointer;min-height:64px;font-family:var(--sans);font-size:14px}
.bg-oscuro .ed-add{color:#f3ebe0}.ed-chk{display:block;margin-top:10px;font-size:13px;color:#6b5a4a}
.ed-sbar{position:sticky;top:0;z-index:70;display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:#1f1a16;color:#fff;padding:7px 10px;font-size:12px;font-family:var(--sans);border-bottom:2px solid var(--dorado)}
.ed-sbar b{margin-right:auto;font-weight:600;letter-spacing:.02em}.ed-grip{cursor:grab;touch-action:none;padding:4px 8px;font-size:18px;line-height:1;user-select:none}
.sec.arrastrando{opacity:.85;box-shadow:0 20px 60px rgba(0,0,0,.45);z-index:80;position:relative}.ed-linea{height:6px;background:var(--dorado);border-radius:3px;margin:0 24px}
.ed-bar{position:fixed;left:0;right:0;bottom:0;z-index:100;background:#1f1a16;color:#fff;padding:10px 12px;display:flex;gap:8px;align-items:center;overflow-x:auto;border-top:2px solid var(--dorado);font-family:var(--sans);font-size:13px}
.ed-bar button{flex:0 0 auto;border:0;border-radius:10px;padding:10px 14px;background:#3a322b;color:#fff;font-size:13px;cursor:pointer;font-weight:600;white-space:nowrap}.ed-bar button.pri{background:var(--acento)}.ed-bar button:disabled{opacity:.4}
.ed-est{flex:1 0 auto;color:#cbbfae;min-width:130px;font-size:12px}
.ed-modal{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.6);display:grid;place-items:center;padding:16px;font-family:var(--sans)}.ed-m{background:#fffdf7;color:#3a2a1e;border-radius:18px;padding:22px;width:min(480px,100%);max-height:88vh;overflow:auto;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.ed-m h3{font-family:var(--serif);font-size:22px;margin-bottom:6px}.ed-m p{font-size:13.5px;color:#6b5a4a;margin:4px 0 12px}.ed-m label{display:block;font-size:12px;font-weight:700;margin:12px 0 4px}
.ed-m input[type=text],.ed-m input[type=email],.ed-m input[type=url],.ed-m textarea,.ed-m select{width:100%;padding:11px 12px;border:1.5px solid #e4d7c2;border-radius:10px;font-size:15px;font-family:var(--sans);background:#fff}
.ed-m input[type=color]{width:52px;height:38px;border:1px solid #e4d7c2;border-radius:8px;padding:2px;background:#fff}.ed-fila{display:flex;gap:8px;margin-top:16px;justify-content:flex-end;flex-wrap:wrap}
.ed-m .btn2{border:0;border-radius:10px;padding:11px 16px;font-weight:700;font-size:14px;cursor:pointer;background:#e9dfcd;color:#3a2a1e}.ed-m .btn2.pri{background:var(--acento);color:#fff}.ed-m .btn2.mal{background:#8c2f1c;color:#fff}
.ed-tipos{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.ed-tipos button{text-align:left;border:1.5px solid #e4d7c2;background:#fff;border-radius:12px;padding:12px;cursor:pointer;font-size:14px;font-weight:600}.ed-tipos small{display:block;font-weight:400;color:#8b7b6a;font-size:11.5px;margin-top:2px}
.ed-temas{display:grid;grid-template-columns:1fr auto;gap:10px 14px;align-items:center;margin-top:8px}.ed-ver{display:grid;gap:8px;margin-top:10px}.ed-ver div{display:flex;justify-content:space-between;align-items:center;border:1px solid #e4d7c2;border-radius:10px;padding:9px 12px;font-size:13px;background:#fff}
.ed-aviso{background:#fff3cf;border-radius:10px;padding:10px 12px;font-size:13px;margin-top:10px}

/* ===== Barra superior más delgada + botón APK visible ===== */
.nav-in{min-height:58px}
.nav-acc{display:flex;align-items:center;gap:8px}
.nav .btn-line{padding:6px 14px;font-size:13px;font-weight:500;border-radius:999px;border-width:1px;gap:6px}
.btn-apk-nav{background:var(--dorado);color:#28221e;font-weight:700;box-shadow:none}
.nav-acc .btn{padding:6px 14px;font-size:13px;line-height:1.3;gap:6px;border-radius:999px}
/* ===== Bloque de descarga APK (hero) ===== */
.apk{margin:24px 0 6px;padding:16px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);border-radius:20px;max-width:580px}
.apk-t{margin:0 0 12px;font-weight:700;font-size:15px;color:#fff}
.apk-b{display:flex;gap:10px;flex-wrap:wrap}
.btn-apk-g{flex:1 1 220px;justify-content:flex-start;gap:12px;padding:14px 18px;border-radius:16px;background:var(--acento);color:#fff;box-shadow:0 12px 28px rgba(176,78,50,.45);line-height:1.15}
.btn-apk-g:hover{transform:translateY(-2px)}
.btn-apk-dor{background:var(--dorado);color:#28221e;box-shadow:0 12px 28px rgba(201,162,39,.4)}
.btn-apk-g .apk-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.22);font-size:20px;font-weight:800}
.btn-apk-dor .apk-ic{background:rgba(40,34,30,.15)}
.btn-apk-g b{display:block;font-size:17px;font-weight:800}
.btn-apk-g small{display:block;font-size:13px;opacity:.9;font-weight:600}
.apk-pwa{display:block;margin:12px auto 0;background:none;border:0;color:#d9cdbd;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}
@media(max-width:560px){.nav-in{gap:10px}.brand{font-size:18px}.apk{padding:14px}.btn-apk-g{flex-basis:100%}}

/* En el celular la barra, la cinta y el pie recuperan su padding 0 (la regla .sec de 64px los estaba agrandando) */
.sec.sec-nav,.sec.sec-cinta,.sec.sec-pie{padding:0}