/* BTR Red Local · panel del colaborador. Colores de la marca BtrSostenible (los mismos que BTR Tarifa). */
.btr-rl{--rl-deep:#17343b;--rl-green:#3f8f3a;--rl-green-d:#2d7430;--rl-lime:#8dc63f;--rl-soft:#f1f8ee;--rl-line:#d7e5d2;--rl-muted:#4f6268;--rl-err:#8a1c14;--rl-err-bg:#fdecea;
  box-sizing:border-box;max-width:640px;margin:0 auto;padding:12px 0 32px;color:var(--rl-deep);font-size:17px;line-height:1.5}
.btr-rl *,.btr-rl *:before,.btr-rl *:after{box-sizing:border-box}
.btr-rl h1,.btr-rl h2,.btr-rl h3{color:var(--rl-deep);line-height:1.2;margin:0 0 .5em;letter-spacing:-.01em}
.btr-rl h1{font-size:clamp(26px,6vw,34px);font-weight:800}
.btr-rl h2{font-size:22px;font-weight:800}
.btr-rl h3{font-size:18px;font-weight:700}
.btr-rl p{margin:0 0 1em}
.btr-rl [hidden]{display:none!important}

/* Mensajes */
.btr-rl-msg{padding:14px 16px;border-radius:12px;margin:0 0 16px;font-weight:600}
.btr-rl-msg--ok{background:var(--rl-soft);border:1px solid var(--rl-line)}
.btr-rl-msg--error{background:var(--rl-err-bg);color:var(--rl-err);border:1px solid #f3b8b3}

/* Portada para no registrados */
.btr-rl-hero{padding:8px 0 20px}
.btr-rl-hero p{color:var(--rl-muted);font-size:18px}
.btr-rl-incentivos{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.btr-rl-incentivos li{margin:0;padding:16px;border-radius:16px;background:var(--rl-deep);color:#fff}
.btr-rl-incentivos li:before{content:none!important}
.btr-rl-incentivos strong{display:block;font-size:clamp(34px,9vw,46px);line-height:1;font-weight:800;color:var(--rl-lime);font-variant-numeric:tabular-nums}
.btr-rl-incentivos span{display:block;margin-top:6px;font-size:15px}

.btr-rl-tabs{display:flex;gap:6px;margin:8px 0 14px;padding:4px;border-radius:14px;background:var(--rl-soft)}
.btr-rl-tabs a{flex:1;text-align:center;padding:12px 8px;border-radius:10px;font-weight:700;color:var(--rl-deep)!important;text-decoration:none!important}
.btr-rl-tabs a.is-on{background:#fff;box-shadow:0 1px 0 var(--rl-line)}

/* Cajas y formularios */
.btr-rl-box{background:#fff;border:1px solid var(--rl-line);border-radius:18px;padding:20px 18px;margin:0 0 16px}
.btr-rl-nota{color:var(--rl-muted);font-size:15px}
.btr-rl-campo{margin:0 0 16px}
.btr-rl-campo label{display:block;font-weight:700;margin:0 0 6px}
.btr-rl-opc{font-weight:400;color:var(--rl-muted)}
.btr-rl-campo input,.btr-rl-campo select,.btr-rl-campo textarea{width:100%;min-height:52px;padding:12px 14px;border:2px solid var(--rl-line);border-radius:12px;font-size:17px;background:#fff;color:var(--rl-deep)}
.btr-rl-campo textarea{min-height:88px}
.btr-rl-campo input[name="municipio_nombre"]{margin-top:8px}
.btr-rl-campo small{display:block;margin-top:6px;color:var(--rl-muted);font-size:14px}
.btr-rl input:focus-visible,.btr-rl select:focus-visible,.btr-rl textarea:focus-visible,.btr-rl a:focus-visible,.btr-rl button:focus-visible{outline:3px solid var(--rl-lime);outline-offset:2px;border-color:var(--rl-green)}
.btr-rl-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

.btr-rl-opciones{border:0;margin:0 0 18px;padding:0}
.btr-rl-opciones legend{font-weight:800;font-size:18px;margin:0 0 8px;padding:0}
.btr-rl-opcion{display:flex;gap:12px;align-items:flex-start;padding:14px;margin:0 0 8px;border:2px solid var(--rl-line);border-radius:14px;cursor:pointer}
.btr-rl-opcion input{margin-top:4px;width:22px;height:22px;flex:none;accent-color:var(--rl-green)}
.btr-rl-opcion strong{display:block}
.btr-rl-opcion span{color:var(--rl-muted);font-size:15px}
.btr-rl-opcion span strong{color:var(--rl-deep);font-size:17px}
.btr-rl-opcion:has(input:checked){border-color:var(--rl-green);background:var(--rl-soft)}

.btr-rl-legal{margin:0 0 10px;border:1px solid var(--rl-line);border-radius:12px;padding:10px 14px;font-size:15px}
.btr-rl-legal summary{cursor:pointer;font-weight:700;min-height:28px}
.btr-rl-legal div{max-height:260px;overflow:auto;margin-top:10px;color:var(--rl-muted)}
.btr-rl-check{display:flex;gap:10px;align-items:flex-start;margin:14px 0 18px;font-weight:600}
.btr-rl-check input{width:24px;height:24px;flex:none;accent-color:var(--rl-green)}

/* Botones: grandes, pensados para el pulgar */
.btr-rl-btn,.btr-rl a.btr-rl-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:58px;padding:12px 18px;border-radius:14px;border:2px solid var(--rl-deep);background:#fff;color:var(--rl-deep)!important;font-size:18px;font-weight:800;text-align:center;text-decoration:none!important;cursor:pointer;-webkit-tap-highlight-color:transparent}
.btr-rl-btn--main,.btr-rl a.btr-rl-btn--main{background:var(--rl-green-d);border-color:var(--rl-green-d);color:#fff!important}
.btr-rl-btn--main:hover{background:#255f28}
.btr-rl-btn:disabled{opacity:.45;cursor:not-allowed}
.btr-rl-btn small{font-size:13px;font-weight:600;opacity:.8}
.btr-rl-btn.is-pronto{opacity:.5;cursor:default;border-style:dashed}
.btr-rl-link{color:var(--rl-green-d)!important;font-weight:700}

/* Panel */
.btr-rl-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:0 0 18px}
.btr-rl-cab p{margin:0;color:var(--rl-muted)}
.btr-rl-estado{flex:none;padding:6px 12px;border-radius:999px;font-size:14px;font-weight:700;background:var(--rl-soft);border:1px solid var(--rl-line)}
.btr-rl-estado--activo{background:var(--rl-green-d);border-color:var(--rl-green-d);color:#fff}
.btr-rl-estado--pausado,.btr-rl-estado--rechazado,.btr-rl-estado--baja{background:var(--rl-err-bg);border-color:#f3b8b3;color:var(--rl-err)}

/* El elemento protagonista: el incentivo */
.btr-rl-incentivo{display:flex;align-items:center;gap:16px;padding:20px;border-radius:20px;background:var(--rl-deep);color:#fff;margin:0 0 10px}
.btr-rl-incentivo strong{font-size:clamp(48px,14vw,64px);line-height:.9;font-weight:800;color:var(--rl-lime);font-variant-numeric:tabular-nums}
.btr-rl-incentivo span{font-size:17px;font-weight:600}

.btr-rl-acciones{display:grid;gap:10px;margin:16px 0}

.btr-rl-pasos{list-style:none;margin:0 0 18px;padding:0;counter-reset:paso}
.btr-rl-pasos li{position:relative;margin:0;padding:0 0 18px 48px;counter-increment:paso}
.btr-rl-pasos li:before{content:counter(paso);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;border:2px solid var(--rl-line);background:#fff;color:var(--rl-muted)}
.btr-rl-pasos li:not(:last-child):after{content:"";position:absolute;left:16px;top:36px;bottom:2px;width:2px;background:var(--rl-line)}
.btr-rl-pasos li.is-ok:before{content:"✓";background:var(--rl-green-d);border-color:var(--rl-green-d);color:#fff}
.btr-rl-pasos li.is-now:before{border-color:var(--rl-green);color:var(--rl-green-d)}
.btr-rl-pasos strong{display:block}
.btr-rl-pasos span{color:var(--rl-muted);font-size:15px}

.btr-rl-video{padding:16px 0;border-top:1px solid var(--rl-line)}
.btr-rl-video:first-of-type{border-top:0}
.btr-rl-video-marco{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;margin:0 0 12px}
.btr-rl-video-marco iframe,.btr-rl-video-marco>div{position:absolute;inset:0;width:100%;height:100%}
.btr-rl-video-marco a{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff!important}
.btr-rl-tag{display:inline-block;padding:2px 8px;border-radius:6px;background:var(--rl-soft);font-size:13px;font-weight:700;vertical-align:middle}
.btr-rl-visto{margin:0;font-weight:800;color:var(--rl-green-d)}
.btr-rl-visto:before{content:"✓ "}
.btr-rl-ayuda-video{display:block;margin-top:6px;color:var(--rl-muted);font-size:14px}
.btr-rl-pie{text-align:center;margin-top:24px}

/* Stock y envíos */
.btr-rl-stock-num{margin:0 0 10px;font-size:18px}
.btr-rl-stock-num strong{font-size:40px;font-weight:800;color:var(--rl-green-d);font-variant-numeric:tabular-nums;margin-right:6px}
.btr-rl-barra{height:12px;border-radius:999px;background:var(--rl-soft);border:1px solid var(--rl-line);overflow:hidden;margin:0 0 10px}
.btr-rl-barra span{display:block;height:100%;background:var(--rl-lime)}
.btr-rl-lista{list-style:none;margin:0;padding:0}
.btr-rl-lista li{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:12px 0;border-top:1px solid var(--rl-line)}
.btr-rl-lista li:first-child{border-top:0}
.btr-rl-lista li:before{content:none!important}
.btr-rl-lista small{display:block;color:var(--rl-muted);font-size:14px}
.btr-rl-lista form{margin:0;flex:none}
.btr-rl-amano summary{cursor:pointer;font-weight:700;min-height:28px}
.btr-rl-amano[open] summary{margin-bottom:12px}
.btr-rl-foto{margin:0 0 10px}
.btr-rl-ident-estado{margin:12px 0;font-weight:600}
.btr-rl-ident-estado:empty{display:none}
.btr-rl-ident-lista{margin:0 0 14px}
.btr-rl-aviso{color:#8a5a00!important}
.btr-rl-uds{flex:none;display:flex;align-items:center;gap:6px;font-weight:700}
.btr-rl-uds input{width:76px;min-height:48px;padding:8px;border:2px solid var(--rl-line);border-radius:10px;font-size:17px;text-align:center}
.btr-rl-tarifa{display:block;width:100%;height:80vh;min-height:520px;border:1px solid var(--rl-line);border-radius:14px;background:#fff}
.btr-rl-resultados{list-style:none;margin:0 0 16px;padding:0}
.btr-rl-res{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;margin:0 0 10px;padding:12px;border:1px solid var(--rl-line);border-radius:16px;background:#fff}
.btr-rl-res:before{content:none!important}
.btr-rl-res img,.btr-rl-res-sinfoto{width:72px;height:72px;object-fit:contain;border-radius:10px;background:var(--rl-soft);display:flex;align-items:center;justify-content:center;font-size:30px}
.btr-rl-res-info strong{display:block;line-height:1.25}
.btr-rl-res-info small{display:block;color:var(--rl-muted);font-size:14px}
.btr-rl-res-precio{display:block;font-weight:800;color:var(--rl-green-d)}
.btr-rl-res-form{grid-column:1/-1;display:flex;gap:10px;align-items:center;margin:0}
.btr-rl-res-form .btr-rl-btn{flex:1}
.btr-rl-btn--peq{min-height:50px;font-size:16px}
.btr-rl-quitar{min-height:44px;padding:8px 14px;border-radius:10px;border:1px solid var(--rl-line);background:#fff;color:var(--rl-err);font-weight:700;cursor:pointer}
.btr-rl-pie a{color:var(--rl-muted)!important}

@media (min-width:640px){
  .btr-rl{padding-top:24px}
  .btr-rl-box{padding:28px}
  .btr-rl-acciones{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){.btr-rl *{transition:none!important}}