/* ==========================================================
   BURGERALIA — Estilos compartidos de Herramientas
   Un solo archivo para TODAS las calculadoras.
   Colores oficiales: naranja #D84204 · texto #111827
   ========================================================== */
:root{
  --b-naranja:#D84204;
  --b-naranja-osc:#b53703;
  --b-texto:#111827;
  --b-texto2:#374151;
  --b-micro:#6b7280;
  --b-borde:#e5e7eb;
  --b-fondo:#ffffff;
  --b-fondo2:#faf7f4;
  --b-verde:#15803d;
  --b-amar:#b45309;
  --b-rojo:#b91c1c;
  --b-radio:10px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:Roboto,Arial,Helvetica,sans-serif;
  color:var(--b-texto);
  background:var(--b-fondo);
  font-size:16px;line-height:1.55;
}
img{max-width:100%;height:auto}
a{color:var(--b-naranja);text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{
  outline:2px solid var(--b-naranja);outline-offset:2px}

/* ---------- HEADER / MENÚ ---------- */
.b-header{background:#fff;border-bottom:1px solid var(--b-borde);position:sticky;top:0;z-index:50}
.b-header-inner{max-width:1140px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.b-logo img{height:64px;width:auto;display:block}
.b-nav{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.b-nav a{color:var(--b-texto);font-weight:500;font-size:15px;padding:10px 12px;border-radius:6px;display:block}
.b-nav a:hover{color:var(--b-naranja);text-decoration:none;background:var(--b-fondo2)}
.b-nav .b-activo>a{color:var(--b-naranja);font-weight:700}
.b-item{position:relative}
.b-sub{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--b-borde);border-radius:8px;min-width:220px;box-shadow:0 8px 24px rgba(17,24,39,.08);padding:6px}
.b-item:hover .b-sub,.b-item:focus-within .b-sub{display:block}
.b-sub a{font-weight:400;padding:9px 12px}
.b-burger{display:none;background:none;border:1px solid var(--b-borde);border-radius:8px;padding:8px 12px;font-size:20px;line-height:1;cursor:pointer;color:var(--b-texto)}
@media(max-width:920px){
  .b-burger{display:block}
  .b-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--b-borde);flex-direction:column;align-items:stretch;padding:8px 12px 16px}
  .b-nav.b-abierto{display:flex}
  .b-sub{display:block;position:static;border:none;box-shadow:none;padding-left:16px;min-width:0}
}

/* ---------- ESTRUCTURA DE PÁGINA ---------- */
.b-main{max-width:840px;margin:0 auto;padding:32px 20px 56px}
.b-miga{font-size:13px;color:var(--b-micro);margin-bottom:18px}
.b-miga a{color:var(--b-micro)}
h1{font-size:34px;line-height:1.2;font-weight:800;margin-bottom:10px}
.b-bajada{font-size:17px;color:var(--b-texto2);margin-bottom:26px}
h2{font-size:22px;font-weight:800;margin:34px 0 12px}
h3{font-size:18px;font-weight:700;margin:22px 0 8px}
p{margin:0 0 14px}
ul,ol{margin:0 0 14px 22px}
li{margin-bottom:6px}
.b-hr{border:none;border-top:1px solid var(--b-borde);margin:34px 0}
.b-hr-naranja{border:none;border-top:2px solid var(--b-naranja);margin:34px 0}

/* ---------- CALCULADORA ---------- */
.b-calc{background:var(--b-fondo2);border:1px solid var(--b-borde);border-radius:14px;padding:26px 22px;margin:8px 0 30px}
.b-campo{margin-bottom:16px}
.b-campo label{display:block;font-weight:700;font-size:14px;margin-bottom:6px}
.b-campo .b-ayuda{font-weight:400;color:var(--b-micro);font-size:13px;display:block;margin-top:3px}
.b-campo input,.b-campo select{
  width:100%;padding:11px 12px;border:1px solid #d1d5db;border-radius:8px;
  font-size:16px;font-family:inherit;background:#fff;color:var(--b-texto)}
.b-fila{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.b-fila-3{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:10px;align-items:end}
@media(max-width:640px){.b-fila{grid-template-columns:1fr}.b-fila-3{grid-template-columns:1fr 1fr;}}
.b-boton{
  display:inline-block;background:var(--b-naranja);color:#fff;border:none;cursor:pointer;
  padding:14px 22px;font-size:16px;font-weight:800;border-radius:var(--b-radio);
  letter-spacing:.3px;font-family:inherit;text-transform:uppercase}
.b-boton:hover{background:var(--b-naranja-osc)}
.b-boton-sec{background:none;border:1px dashed #9ca3af;color:var(--b-texto2);cursor:pointer;
  padding:9px 14px;border-radius:8px;font-size:14px;font-family:inherit}
.b-boton-sec:hover{border-color:var(--b-naranja);color:var(--b-naranja)}
.b-quitar{background:none;border:none;color:var(--b-rojo);cursor:pointer;font-size:18px;padding:10px 6px}

/* ---------- RESULTADOS ---------- */
.b-resultado{background:#fff;border:1px solid var(--b-borde);border-left:4px solid var(--b-naranja);
  border-radius:10px;padding:20px;margin-top:20px;display:none}
.b-resultado.b-visible{display:block}
.b-res-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:10px 0 6px}
.b-res-item{padding:6px 0}
.b-res-num{font-size:26px;font-weight:800;line-height:1.1}
.b-res-lbl{font-size:13px;color:var(--b-micro);margin-top:3px}
.b-semaforo{border-radius:8px;padding:12px 14px;font-size:15px;margin-top:12px;font-weight:500}
.b-sem-verde{background:#f0fdf4;color:var(--b-verde);border:1px solid #bbf7d0}
.b-sem-amar{background:#fffbeb;color:var(--b-amar);border:1px solid #fde68a}
.b-sem-rojo{background:#fef2f2;color:var(--b-rojo);border:1px solid #fecaca}
.b-nota{font-size:13px;color:var(--b-micro);margin-top:14px}

/* ---------- FAQ ---------- */
.b-faq details{border:1px solid var(--b-borde);border-radius:8px;margin-bottom:10px;padding:0 16px}
.b-faq summary{font-weight:700;padding:14px 0;cursor:pointer;list-style:none}
.b-faq summary::-webkit-details-marker{display:none}
.b-faq summary::before{content:"+";color:var(--b-naranja);font-weight:800;margin-right:10px}
.b-faq details[open] summary::before{content:"–"}
.b-faq details p{color:var(--b-texto2);padding-bottom:14px}

/* ---------- SUGERENCIAS ---------- */
.b-sug{margin-top:44px}
.b-sug h2{font-size:20px}
.b-sug-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:14px}
.b-tarjeta{border:1px solid var(--b-borde);border-radius:10px;padding:16px;background:#fff;transition:border-color .15s}
.b-tarjeta:hover{border-color:var(--b-naranja)}
.b-tarjeta a{color:var(--b-texto);font-weight:700;display:block;margin-bottom:6px}
.b-tarjeta a:hover{color:var(--b-naranja);text-decoration:none}
.b-tarjeta p{font-size:13.5px;color:var(--b-micro);margin:0}
.b-etiqueta{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;
  color:var(--b-naranja);margin-bottom:8px}

/* ---------- CTA NEWS ---------- */
.b-cta-news{background:var(--b-texto);color:#fff;border-radius:14px;padding:28px 24px;margin-top:44px;text-align:center}
.b-cta-news h2{color:#fff;margin:0 0 8px;font-size:22px}
.b-cta-news p{color:#d1d5db;max-width:560px;margin:0 auto 18px}

/* ---------- FOOTER ---------- */
.b-footer{border-top:1px solid var(--b-borde);margin-top:60px;background:var(--b-fondo2)}
.b-footer-inner{max-width:1140px;margin:0 auto;padding:26px 20px;text-align:center;font-size:14px;color:var(--b-micro)}
@media print{.b-header,.b-sug,.b-cta-news,.b-footer,.b-boton{display:none}}