/* MeSobra · estilo comun de la web (v1, 06.11.2026). Fichero con version en el nombre:
   si se cambia, se sube como ms-2.css y se actualizan las paginas (cache de 1 ano). */
@font-face{font-family:"Nunito";src:url(/fonts/nunito.woff2) format("woff2");font-weight:200 1000;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(/fonts/source-sans-3.woff2) format("woff2");font-weight:200 900;font-display:swap}
:root{
  --verde:#3B6D11;--verde-osc:#2C5409;--verde-noche:#1F3A0B;--verde-claro:#B6D183;--verde-fondo:#E7EFD9;--salvia:#F3F5EE;
  --ambar:#F6D58A;--ambar-fondo:#FAEEDA;--ambar-texto:#6B4A0B;
  --azul:#12304F;--azul-claro:#9CC3F0;--azul-texto:#C4D6EC;
  --tinta:#15170F;--texto:#3E4237;--ayuda:#5D6156;--borde:#E4E6DD;
  --display:"Nunito",ui-rounded,system-ui,sans-serif;--cuerpo:"Source Sans 3",system-ui,sans-serif;
}
body{font-family:var(--cuerpo);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.025em}
:focus-visible{outline:2px solid var(--verde);outline-offset:2px}
html:not([data-lanzada="si"]) .si-lanzada{display:none!important}
html[data-lanzada="si"] .no-lanzada{display:none!important}

/* cabecera */
.mc-top{position:sticky;top:0;z-index:30;display:block;margin:0;padding:0;border:0;border-bottom:1px solid rgba(21,23,15,.06);background:rgba(255,255,255,.93);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);box-shadow:none}
.mc-w{max-width:1240px;margin:0 auto;padding:0 24px}
.mc-top .mc-w{display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px}
.mc-marca{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--tinta);font-family:var(--display);font-weight:900;font-size:23px;letter-spacing:-.02em;flex:none}
.mc-marca svg{display:block}
.mc-marca small{font-family:var(--display);font-size:12.5px;font-weight:800;letter-spacing:0;color:#fff;background:var(--azul);border-radius:999px;padding:3px 9px;margin-left:2px}
.mc-menu{display:flex;align-items:center;gap:24px;font-family:var(--cuerpo);font-size:16px;font-weight:600}
.mc-l{text-decoration:none;color:var(--texto);white-space:nowrap}
.mc-l:hover,.mc-l[aria-current]{color:var(--tinta)}
.mc-l[aria-current]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-color:var(--verde)}
.mc-idioma{display:inline-flex;border:1px solid #DDDFD5;border-radius:999px;overflow:hidden;font-family:var(--cuerpo);font-size:13px;font-weight:700;flex:none;background:#fff}
.mc-idioma a{padding:7px 11px;text-decoration:none;color:var(--ayuda)}
.mc-idioma a[aria-current]{background:var(--verde-fondo);color:var(--verde-osc)}
.mc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;border:0;font-family:var(--display);font-weight:800;font-size:16px;letter-spacing:0;text-decoration:none;cursor:pointer;white-space:nowrap;background:var(--verde);color:#fff}
.mc-btn:hover{background:var(--verde-osc);color:#fff}
.mc-btn.az{background:var(--azul)}.mc-btn.az:hover{background:#0B2138}
.mc-burger{display:none;width:46px;height:46px;border-radius:14px;border:0;background:var(--salvia);color:var(--tinta);cursor:pointer;place-items:center;flex:none;padding:0}
.mc-velo{position:fixed;inset:0;background:rgba(21,23,15,.42);opacity:0;pointer-events:none;transition:opacity .2s;z-index:40}
.mc-cajon{position:fixed;top:0;right:0;bottom:0;width:min(340px,86vw);background:#fff;z-index:41;transform:translateX(100%);transition:transform .25s;display:flex;flex-direction:column;gap:6px;padding:18px 20px 24px;visibility:hidden;font-family:var(--cuerpo);overflow-y:auto}
body.mc-abierto .mc-velo{opacity:1;pointer-events:auto}
body.mc-abierto .mc-cajon{transform:none;visibility:visible}
body.mc-abierto{overflow:hidden}
.mc-cajon-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.mc-x{width:46px;height:46px;border-radius:14px;border:0;background:var(--salvia);color:var(--tinta);cursor:pointer;display:grid;place-items:center;padding:0}
.mc-cajon nav a{display:block;padding:13px 10px;border-radius:12px;text-decoration:none;font-weight:700;font-size:18px;color:var(--tinta)}
.mc-cajon nav a:hover,.mc-cajon nav a[aria-current]{background:var(--salvia)}
.mc-cajon-pie{margin-top:auto;padding-top:14px;display:flex;flex-direction:column;gap:12px;align-items:stretch}
.mc-cajon-pie .mc-idioma{align-self:center}
.mc-cajon-pie small{text-align:center;font-size:15px;color:var(--ayuda)}
.mc-cajon-pie small a{color:var(--verde-osc);font-weight:700}
@media (max-width:1000px){.mc-menu .mc-l{display:none}.mc-burger{display:grid}}
@media (max-width:560px){.mc-menu .mc-btn{display:none}.mc-menu{gap:10px}.mc-top .mc-w{height:64px;padding:0 16px}}
@media (max-width:400px){.mc-menu>.mc-idioma{display:none}}
@media (prefers-reduced-motion:reduce){.mc-cajon,.mc-velo{transition:none}}

/* pie */
.mc-pie{display:block;margin:0;padding:34px 0 46px;border:0;border-top:1px solid var(--borde);background:#fff;font-family:var(--cuerpo);text-align:left}
.mc-pie .mc-w{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:14px;color:var(--ayuda)}
.mc-pie nav{display:flex;gap:10px 18px;flex-wrap:wrap}
.mc-pie a{color:var(--ayuda);text-decoration:none}
.mc-pie a:hover{color:var(--tinta);text-decoration:underline}

/* ms-2 (08.11.2026): barra ancha con Contacto y cafe; el menu siempre visible (el cajon tiene mas entradas que la barra).
   Medido el 08.11: con todo hacen falta 1055 px (CA 1050); por debajo de 1120 se esconde el cafe y por debajo de 1000 todos los enlaces.
   mc-l-p2 (Contacto) queda como gancho por si la barra crece. Barra propia de /empresas: mc-l-p3 (Para vecinos, Entrar,
   los dos estan en el cajon) cede por debajo de 1140 (con todo necesita 1108, CA 1128). */
.mc-burger{display:grid}
.mc-l-cafe{font-weight:500;color:var(--ayuda)}
.mc-l-cafe:hover,.mc-l-cafe[aria-current]{color:var(--tinta)}
.mc-cajon .mc-sep{border:0;border-top:1px solid var(--borde);margin:8px 10px}
.mc-cajon nav a.mc-cafe{font-weight:600;font-size:16px;color:var(--texto)}
@media (max-width:1119px){.mc-menu .mc-l-cafe{display:none}}
@media (max-width:1139px){.mc-menu .mc-l-p3{display:none}}
