/* ===== Tarifa Justa · estilos compartidos (menú, pie y páginas nuevas) ===== */
:root{--tj-rojo:#C23A2A;--tj-rojo2:#9E2E22;--tj-verde:#0E1A14;--tj-verde2:#203229;--tj-crema:#F1E7D2;--tj-blanco:#FEFEFC;--tj-wa:#25D366;--tj-r:14px}
.tj-header,.tj-footer,.tj-page{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.5;box-sizing:border-box}
.tj-header *,.tj-footer *,.tj-page *{box-sizing:border-box}
.tj-header{position:sticky;top:0;z-index:1000;background:rgba(241,231,210,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(32,50,41,.15);color:var(--tj-verde)}
.tj-bar{max-width:1200px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:16px}
.tj-logo{display:flex;align-items:center;gap:8px;font-weight:900;font-size:18px;color:var(--tj-verde);text-decoration:none;letter-spacing:-.02em}
.tj-logo img{height:32px;width:auto}
.tj-nav{display:none;margin-left:auto;gap:4px;align-items:center}
.tj-nav a{color:var(--tj-verde);text-decoration:none;font-size:15px;font-weight:600;padding:8px 10px;border-radius:8px}
.tj-nav a:hover,.tj-nav a[aria-current="page"]{color:var(--tj-rojo);background:rgba(194,58,42,.07)}
.tj-cta{display:inline-flex;align-items:center;gap:6px;background:var(--tj-rojo);color:#fff!important;font-weight:800;padding:9px 16px!important;border-radius:999px;text-decoration:none;white-space:nowrap}
.tj-cta:hover{background:var(--tj-rojo2)!important}
.tj-burger{margin-left:auto;background:none;border:1px solid rgba(32,50,41,.3);border-radius:10px;padding:8px 12px;font-size:16px;color:var(--tj-verde);cursor:pointer}
.tj-mnav{display:none;flex-direction:column;padding:8px 16px 16px;border-top:1px solid rgba(32,50,41,.12)}
.tj-mnav.open{display:flex}
.tj-mnav a{color:var(--tj-verde);text-decoration:none;font-weight:600;padding:12px 4px;border-bottom:1px solid rgba(32,50,41,.08)}
.tj-mnav .tj-cta{margin-top:12px;justify-content:center;border:0}
.tj-header a:focus-visible,.tj-burger:focus-visible,.tj-footer a:focus-visible{outline:3px solid var(--tj-rojo);outline-offset:2px}
@media(min-width:1024px){.tj-nav{display:flex}.tj-burger,.tj-mnav{display:none!important}}
.tj-footer{background:var(--tj-verde);color:#e9e2d2;padding:48px 16px 24px;margin-top:0}
.tj-fgrid{max-width:1200px;margin:0 auto;display:grid;gap:32px;grid-template-columns:1fr}
@media(min-width:768px){.tj-fgrid{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.tj-footer h4{color:#fff;font-size:15px;margin:0 0 12px;font-weight:800}
.tj-footer p{margin:0 0 12px;font-size:14px;color:#cfc8b8}
.tj-footer ul{list-style:none;margin:0;padding:0}
.tj-footer li{margin:0 0 8px}
.tj-footer a{color:#e9e2d2;text-decoration:none;font-size:14px}
.tj-footer a:hover{color:#fff;text-decoration:underline}
.tj-fbot{max-width:1200px;margin:32px auto 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:13px;color:#a9a294}
.tj-wa-btn{display:inline-flex;align-items:center;gap:8px;background:var(--tj-wa);color:#06280f!important;font-weight:800;padding:10px 16px;border-radius:999px;text-decoration:none!important}
.tj-stub{display:none!important}
/* ===== Páginas nuevas ===== */
.tj-page{background:var(--tj-crema);color:var(--tj-verde)}
.tj-wrap{max-width:1100px;margin:0 auto;padding:0 16px}
.tj-sec{padding:64px 0}
.tj-sec.alt{background:var(--tj-blanco)}
.tj-sec.dark{background:var(--tj-verde);color:#f3ecdc}
.tj-sec.red{background:var(--tj-rojo);color:#fff}
.tj-page h1{font-size:clamp(32px,6vw,56px);line-height:1.05;margin:0 0 16px;font-weight:900;letter-spacing:-.03em}
.tj-page h2{font-size:clamp(26px,4vw,38px);line-height:1.1;margin:0 0 16px;font-weight:900;letter-spacing:-.02em}
.tj-page h3{font-size:20px;margin:0 0 8px;font-weight:800}
.tj-page p{margin:0 0 16px}
.tj-lead{font-size:clamp(17px,2.2vw,21px);max-width:760px}
.tj-kicker{display:inline-block;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--tj-rojo);margin-bottom:12px}
.dark .tj-kicker,.red .tj-kicker{color:#ffd9a8}
.tj-grid{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:768px){.tj-grid.c2{grid-template-columns:1fr 1fr}.tj-grid.c3{grid-template-columns:repeat(3,1fr)}.tj-grid.c4{grid-template-columns:repeat(4,1fr)}}
.tj-card{background:#fff;border:1px solid rgba(32,50,41,.12);border-radius:var(--tj-r);padding:24px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(14,26,20,.06);transition:transform .2s,box-shadow .2s}
.tj-card:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,0,0,.05),0 14px 32px rgba(14,26,20,.1)}
.dark .tj-card{background:var(--tj-verde2);border-color:rgba(255,255,255,.1);color:#f3ecdc}
.tj-num{font-size:clamp(34px,5vw,48px);font-weight:900;color:var(--tj-rojo);line-height:1}
.dark .tj-num{color:#ffb4a8}
.tj-small{font-size:13px;opacity:.75}
.tj-src{font-size:12px;opacity:.7;margin-top:8px;display:block}
.tj-src a{color:inherit}
.tj-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:999px;font-weight:800;text-decoration:none;border:0;cursor:pointer;font-size:16px;transition:transform .15s,background .2s}
.tj-btn:hover{transform:translateY(-1px)}
.tj-btn.p{background:var(--tj-rojo);color:#fff}.tj-btn.p:hover{background:var(--tj-rojo2)}
.tj-btn.w{background:var(--tj-wa);color:#06280f}
.tj-btn.o{background:transparent;color:inherit;border:2px solid currentColor}
.tj-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.tj-hero{padding:72px 0 56px;background:radial-gradient(900px 400px at 85% 0%,rgba(194,58,42,.16),transparent 60%),var(--tj-crema)}
.tj-note{border-left:4px solid var(--tj-rojo);background:#fff;padding:16px 20px;border-radius:0 var(--tj-r) var(--tj-r) 0}
.tj-list{margin:0;padding-left:20px}.tj-list li{margin-bottom:8px}
.tj-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--tj-r);overflow:hidden;font-size:15px}
.tj-table th,.tj-table td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(32,50,41,.1);vertical-align:top}
.tj-table th{background:var(--tj-verde);color:#fff;font-size:14px}
.tj-steps{counter-reset:s;display:grid;gap:16px}
.tj-steps>div{counter-increment:s;position:relative;padding-left:56px}
.tj-steps>div::before{content:counter(s);position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;background:var(--tj-rojo);color:#fff;font-weight:900;display:grid;place-items:center}
.tj-form{display:grid;gap:16px}
.tj-form label{font-weight:700;font-size:15px;display:block;margin-bottom:6px}
.tj-form input,.tj-form select,.tj-form textarea{width:100%;padding:12px 14px;border:1.5px solid rgba(32,50,41,.25);border-radius:10px;font:inherit;background:#fff;color:var(--tj-verde)}
.tj-form input:focus,.tj-form select:focus,.tj-form textarea:focus{outline:none;border-color:var(--tj-rojo);box-shadow:0 0 0 3px rgba(194,58,42,.15)}
.tj-checks{display:flex;flex-wrap:wrap;gap:8px}
.tj-checks label{font-weight:600;display:inline-flex;gap:6px;align-items:center;border:1.5px solid rgba(32,50,41,.2);padding:8px 12px;border-radius:999px;background:#fff;cursor:pointer;margin:0}
.tj-checks input{width:auto}
.tj-msg{padding:16px;border-radius:10px;font-weight:700;display:none}
.tj-msg.ok{display:block;background:#e3f7e8;color:#0b5a26}.tj-msg.err{display:block;background:#fde6e3;color:#8a1f13}
details.tj-faq{background:#fff;border:1px solid rgba(32,50,41,.12);border-radius:var(--tj-r);padding:16px 20px;margin-bottom:12px}
details.tj-faq summary{font-weight:800;cursor:pointer}
details.tj-faq[open] summary{margin-bottom:8px}
.tj-reveal{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}
.tj-reveal.in{opacity:1;transform:none}
.tj-bar-meter{height:14px;background:rgba(32,50,41,.12);border-radius:999px;overflow:hidden}
.tj-bar-meter span{display:block;height:100%;background:var(--tj-rojo);width:0;transition:width 1.4s ease}
@media(prefers-reduced-motion:reduce){.tj-reveal{opacity:1;transform:none;transition:none}.tj-card,.tj-btn{transition:none}.tj-bar-meter span{transition:none}}
.dark .tj-bar-meter{background:rgba(255,255,255,.15)}