/* portal_paginas.py: cabecera, menu, pie y paginas fijas. Usa las variables del portal (El_Incomodador.html) */
.saltar{position:absolute;left:-9999px;top:0;z-index:200;background:var(--ink);color:var(--paper);padding:10px 16px;font-weight:600;}
.saltar:focus{left:8px;top:8px;}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:3px;}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.mast-izq{display:flex;align-items:center;gap:22px;min-width:0;}
.volver-inicio{font-size:13px;font-weight:600;letter-spacing:1.5px;}
body.es-portada .volver-inicio{display:none;}
a.brand{display:block;color:inherit;text-decoration:none;}
a.search-btn{justify-self:end;text-decoration:none;}
.mainnav a[aria-current="page"]{color:var(--red);}
.mainnav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--red);}
a.btn-login{display:inline-block;color:#fff;text-decoration:none;}
a.btn-more-now{display:block;text-align:center;text-decoration:none;}
.ver-seccion{display:inline-block;margin-top:14px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--red);}
.menu-fondo{position:fixed;inset:0;background:rgba(25,21,18,.45);z-index:90;}
.menu-panel{position:fixed;top:0;left:0;bottom:0;width:min(340px,88vw);background:var(--paper);border-right:1px solid var(--line);z-index:91;overflow-y:auto;padding:18px 24px 40px;box-shadow:4px 0 24px rgba(0,0,0,.12);}
.menu-panel[hidden],.menu-fondo[hidden]{display:none;}
body.menu-abierto{overflow:hidden;}
.menu-cab{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:2px solid var(--ink);padding-bottom:12px;}
.menu-titulo{font-family:var(--serif);font-weight:700;font-size:20px;}
.menu-cerrar{background:none;border:1px solid var(--line);width:38px;height:38px;font-size:16px;cursor:pointer;color:var(--ink);flex:0 0 auto;}
.menu-panel h2{font-family:var(--sans);font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);margin:22px 0 4px;font-weight:700;}
.menu-panel ul{list-style:none;margin:0;padding:0;}
.menu-panel li a{display:block;padding:9px 0;font-family:var(--serif);font-size:17px;border-bottom:1px dotted var(--line);}
.menu-panel a[aria-current="page"]{color:var(--red);}
.footer-social a{color:#c9d2e0;}
/* paginas fijas */
.pagina{max-width:880px;margin:0 auto;padding:40px 32px 80px;}
.pagina h1{font-family:var(--serif);font-size:38px;line-height:1.15;margin:0 0 12px;}
.pagina .intro{font-size:18px;color:#40382f;margin:0 0 28px;line-height:1.55;}
.pagina h2{font-family:var(--serif);font-size:23px;margin:36px 0 10px;}
.pagina p,.pagina li{font-size:16.5px;line-height:1.65;}
.pagina .texto a,.pagina .intro a,.pagina .nota-al-pie a{text-decoration:underline;text-underline-offset:2px;}
.pagina .nota-al-pie{font-size:13.5px;color:var(--muted);margin-top:28px;}
.lista{list-style:none;padding:0;margin:0;}
.lista-item{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;padding:18px 0;border-top:1px solid var(--line);}
.lista-item:first-child{border-top:2px solid var(--ink);}
.busq-item{grid-template-columns:minmax(0,1fr) !important;}
.lista-foto{display:block;}
.lista-img{aspect-ratio:16/10;}
.lista-img.img-ph::after,.lista-img.img-rota::after{content:"EI";font-size:15px;letter-spacing:1px;}
.lista-item h3{font-family:var(--serif);font-size:21px;line-height:1.25;margin:4px 0 6px;}
.lista-item p{font-size:15px;color:#40382f;margin:0;line-height:1.5;}
.lista-meta{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;}
.paginacion{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;border-top:2px solid var(--ink);padding-top:14px;font-weight:700;font-size:13px;letter-spacing:1px;text-transform:uppercase;}
.paginacion span{color:var(--muted);font-weight:500;}
.tabla-scroll{overflow-x:auto;margin:8px 0 18px;}
.tabla{width:100%;border-collapse:collapse;font-size:14.5px;}
.tabla th,.tabla td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top;}
.tabla th{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);border-bottom:2px solid var(--ink);}
.tabla a{text-decoration:underline;text-underline-offset:2px;}
.buscador{display:flex;gap:8px;margin:0 0 14px;}
.buscador input{flex:1;min-width:0;font-size:17px;padding:12px 14px;border:1px solid var(--ink);background:#fff;font-family:var(--sans);border-radius:0;}
.buscador button,.btn-primario{background:var(--ink);color:#fff;border:none;padding:12px 20px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;font-size:13px;cursor:pointer;font-family:var(--sans);text-decoration:none;display:inline-block;}
.busq-estado{color:var(--muted);font-size:14px;margin:0 0 10px;min-height:1.3em;}
.form-contacto label{display:block;font-size:13px;font-weight:700;margin:16px 0 6px;}
.form-contacto input,.form-contacto select,.form-contacto textarea{width:100%;font-size:16px;padding:10px 12px;border:1px solid var(--line);background:#fff;font-family:var(--sans);border-radius:0;}
.form-contacto .btn-primario{margin-top:18px;}
.pagina .newsletter{max-width:520px;}
.mapa-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 32px;}
@media (max-width:760px){
  .volver-inicio{display:none;}
  a.search-btn{justify-self:center;}
  .pagina{padding:26px 18px 56px;}
  .pagina h1{font-size:29px;}
  .pagina .intro{font-size:16.5px;}
  .lista-item{grid-template-columns:96px minmax(0,1fr);gap:12px;padding:14px 0;}
  .lista-item h3{font-size:17px;margin-top:2px;}
  .lista-item p{font-size:14px;}
  .mapa-cols{grid-template-columns:minmax(0,1fr);}
}