/* valenciarestaurantes.com — v3 «azulejo» */
/* White paper, black ink and one Valencian colour: the cobalt of Manises
   tiles. Headlines and names are set in Ibarra Real Nova, the revival of
   Joaquín Ibarra's type (the face of the 1780 Real Academia Quijote); UI
   and data in Onest. The frame is a strip of azulejos, the way a Valencian
   bar is tiled to waist height. Lists are set like a printed carta, with
   dotted leaders; status stamps are inked by hand and sit slightly crooked.
   No pills, no drop shadows, no ticker, no cream. Every text pair measured:
   lowest is --suave on white at 6.79:1. sRGB hex only (gate_compat). */
:root{--papel:#FFFFFF;--tinta:#141414;--suave:#5B5B5B;--azul:#1D4F9E;
--azul-claro:#F1F5FB;--ocre:#C98B12;--taronja:#E05A1A;--verde:#1B6B44;
--naranja:#B3420E;--regla:#E2E2E2;--regla-fina:#EEEEEE;--chip:#FFFFFF;
--serif:'Ibarra Real Nova',Georgia,'Times New Roman',serif;
--sans:Onest,system-ui,-apple-system,'Segoe UI',sans-serif}
*{margin:0;padding:0;box-sizing:border-box}
img{max-width:100%;height:auto}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--papel);color:var(--tinta);font-family:var(--sans);
font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--azul);text-decoration:underline;text-decoration-thickness:1px;
text-underline-offset:3px}
a:hover{color:var(--tinta)}
:focus-visible{outline:2px solid var(--azul);outline-offset:2px}
::selection{background:#FFE08A;color:var(--tinta)}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.tnum{font-feature-settings:'tnum'}
.nw{white-space:nowrap}
h1,h2,h3,.serif{font-family:var(--serif);font-weight:700;line-height:1.08;
letter-spacing:-.005em}
h2{font-size:clamp(27px,3.2vw,36px)}
h3{font-size:23px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;
transition:none!important;scroll-behavior:auto!important}}
/* ---- the azulejo strip: top of every page, and the footer's skirting ---- */
.azulejo{height:22px;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%3E%3Crect%20width='48'%20height='48'%20fill='%23FFFFFF'/%3E%3Cg%20fill='%231D4F9E'%3E%3Ccircle%20r='9.60'/%3E%3Ccircle%20cx='48'%20r='9.60'/%3E%3Ccircle%20cy='48'%20r='9.60'/%3E%3Ccircle%20cx='48'%20cy='48'%20r='9.60'/%3E%3Cellipse%20cx='24.0'%20cy='16.08'%20rx='4.08'%20ry='7.92'/%3E%3Cellipse%20cx='24.0'%20cy='31.92'%20rx='4.08'%20ry='7.92'/%3E%3Cellipse%20cx='16.08'%20cy='24.0'%20rx='7.92'%20ry='4.08'/%3E%3Cellipse%20cx='31.92'%20cy='24.0'%20rx='7.92'%20ry='4.08'/%3E%3C/g%3E%3Cpath%20d='M12.00%2024.0%20Q14.88%2014.88%2024.0%2012.00M36.00%2024.0%20Q33.12%2014.88%2024.0%2012.00M12.00%2024.0%20Q14.88%2033.12%2024.0%2036.00M36.00%2024.0%20Q33.12%2033.12%2024.0%2036.00'%20fill='none'%20stroke='%231D4F9E'%20stroke-width='1.44'/%3E%3Cg%20fill='%23C98B12'%3E%3Ccircle%20cx='24.0'%20cy='24.0'%20r='3.36'/%3E%3Ccircle%20cx='14.40'%20cy='14.40'%20r='1.34'/%3E%3Ccircle%20cx='33.60'%20cy='14.40'%20r='1.34'/%3E%3Ccircle%20cx='14.40'%20cy='33.60'%20r='1.34'/%3E%3Ccircle%20cx='33.60'%20cy='33.60'%20r='1.34'/%3E%3C/g%3E%3C/svg%3E") 0 0/22px 22px repeat-x;
border-bottom:1px solid var(--tinta)}
/* ---- header. Not sticky: the register is read top to bottom and a pinned
   header plus the filter panel used to eat the viewport. ---- */
.top{background:var(--papel);border-bottom:1px solid var(--tinta)}
.bar{display:flex;align-items:center;gap:14px;padding:12px 20px;flex-wrap:wrap}
@media(min-width:901px){.bar{flex-wrap:nowrap}.nav{flex-wrap:nowrap}
 .nav a{white-space:nowrap}}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;
color:var(--tinta);flex-shrink:0}
.logo i{width:40px;height:40px;flex-shrink:0;border:1px solid var(--tinta);
background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%3E%3Crect%20width='48'%20height='48'%20fill='%23FFFFFF'/%3E%3Cg%20fill='%231D4F9E'%3E%3Ccircle%20r='9.60'/%3E%3Ccircle%20cx='48'%20r='9.60'/%3E%3Ccircle%20cy='48'%20r='9.60'/%3E%3Ccircle%20cx='48'%20cy='48'%20r='9.60'/%3E%3Cellipse%20cx='24.0'%20cy='16.08'%20rx='4.08'%20ry='7.92'/%3E%3Cellipse%20cx='24.0'%20cy='31.92'%20rx='4.08'%20ry='7.92'/%3E%3Cellipse%20cx='16.08'%20cy='24.0'%20rx='7.92'%20ry='4.08'/%3E%3Cellipse%20cx='31.92'%20cy='24.0'%20rx='7.92'%20ry='4.08'/%3E%3C/g%3E%3Cpath%20d='M12.00%2024.0%20Q14.88%2014.88%2024.0%2012.00M36.00%2024.0%20Q33.12%2014.88%2024.0%2012.00M12.00%2024.0%20Q14.88%2033.12%2024.0%2036.00M36.00%2024.0%20Q33.12%2033.12%2024.0%2036.00'%20fill='none'%20stroke='%231D4F9E'%20stroke-width='1.44'/%3E%3Cg%20fill='%23C98B12'%3E%3Ccircle%20cx='24.0'%20cy='24.0'%20r='3.36'/%3E%3Ccircle%20cx='14.40'%20cy='14.40'%20r='1.34'/%3E%3Ccircle%20cx='33.60'%20cy='14.40'%20r='1.34'/%3E%3Ccircle%20cx='14.40'%20cy='33.60'%20r='1.34'/%3E%3Ccircle%20cx='33.60'%20cy='33.60'%20r='1.34'/%3E%3C/g%3E%3C/svg%3E") center/46px 46px}
.logo b{display:block;font-family:var(--serif);font-weight:700;
font-size:clamp(21px,4.8vw,27px);line-height:1;letter-spacing:-.01em}
.logo small{display:block;font-family:var(--serif);font-style:italic;font-size:15px;
color:var(--suave);margin-top:3px;line-height:1}
.nav{display:flex;gap:0 4px;flex-wrap:wrap;margin-left:auto}
.nav a{font-size:15.5px;font-weight:600;color:var(--tinta);text-decoration:none;
padding:10px 10px 8px;border-bottom:2px solid transparent;min-height:44px}
.nav a:hover{color:var(--azul)}
.nav a.here{color:var(--azul);border-bottom-color:var(--azul)}
.langsw{margin-left:8px;flex-shrink:0;display:inline-flex;align-items:center;
justify-content:center;min-width:44px;min-height:44px;padding:0 12px;
border:1.5px solid var(--tinta);border-radius:2px;font-size:13px;font-weight:700;
letter-spacing:.08em;color:var(--tinta);text-decoration:none}
.langsw:hover{background:var(--tinta);color:#FFFFFF}
.burger{display:none;background:var(--papel);border:1.5px solid var(--tinta);
border-radius:2px;cursor:pointer;min-width:44px;min-height:44px;padding:0 14px;
font-family:var(--sans);font-size:15px;font-weight:600;color:var(--tinta)}
@media(max-width:900px){
 .burger{display:block;margin-left:6px;order:3}
 .langsw{margin-left:auto;order:2}
 .bar{gap:8px}
 .nav{display:none;width:100%;flex-direction:column;gap:0;
 border-top:1px solid var(--tinta);margin:4px 0 0;order:4}
 .nav.open{display:flex}
 .nav a{padding:12px 2px;border-bottom:1px solid var(--regla);font-family:var(--serif);
 font-size:21px;font-weight:700}
 .nav a.here{border-bottom-color:var(--regla)}
}
/* phones: the wordmark stacks to two lines so the language switch and the
   menu button share the row with it instead of dropping below */
@media(max-width:480px){.logo{gap:10px}.logo i{width:34px;height:34px;background-size:40px 40px}
 .logo b{font-size:20px;max-width:7.2em;line-height:1.02}.logo small{display:none}
 .langsw{padding:0 10px}.burger{padding:0 12px}
 .cred-t{font-size:14px;padding:4px 10px 4px 5px}.cred-t .aval-svg{width:22px;height:22px}}
/* ---- portada (home): a printed front page, photo as a captioned plate ---- */
.portada{padding:22px 0 0}
.fecha{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:12.5px;font-weight:700;
letter-spacing:.12em;text-transform:uppercase;color:var(--suave);
border-bottom:1px solid var(--regla);padding:0 0 10px}
.fecha span+span::before{content:"·";margin-right:18px;color:#B9B9B9}
@media(max-width:560px){.fecha{gap:2px 14px}.fecha span+span::before{display:none}}
/* tools/preferred_source.py injects this block network-wide with inline
   styles (a rounded translucent card); square it to the house style here
   rather than fork the shared tool. */
.pref-src{border:1.5px solid var(--tinta)!important;border-left-width:6px!important;
border-radius:2px!important;background:var(--papel)!important}
.titular{font-size:clamp(46px,8.2vw,108px);line-height:.98;letter-spacing:-.018em;
margin:26px 0 0;text-wrap:balance}
.subraya{position:relative;white-space:nowrap;display:inline-block}
.subraya svg{position:absolute;left:-3%;bottom:-.06em;width:106%;height:.3em;
overflow:visible;pointer-events:none}
.entradilla{font-family:var(--serif);font-style:italic;font-size:clamp(23px,2.8vw,32px);
line-height:1.25;margin-top:16px}
.sub-f{max-width:660px;margin-top:12px;font-size:18px;line-height:1.55;color:var(--suave)}
.busca-home{margin-top:24px}
.lamina{margin:38px auto 0}
.lamina img{display:block;width:100%;height:auto;border-top:1px solid var(--tinta);
border-bottom:1px solid var(--tinta)}
.lamina figcaption{font-family:var(--serif);font-style:italic;font-size:15.5px;
color:var(--suave);padding:9px 0 0;line-height:1.4}
.lamina figcaption a{color:var(--suave)}
/* ---- section scaffolding ---- */
.sec{padding:52px 0;border-bottom:1px solid var(--regla)}
.sec-k{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;
letter-spacing:.14em;text-transform:uppercase;color:var(--azul);margin-bottom:10px}
.sec-k::before{content:"";width:16px;height:16px;flex-shrink:0;
border:1px solid var(--azul);background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%3E%3Crect%20width='48'%20height='48'%20fill='%23FFFFFF'/%3E%3Cg%20fill='%231D4F9E'%3E%3Ccircle%20r='9.60'/%3E%3Ccircle%20cx='48'%20r='9.60'/%3E%3Ccircle%20cy='48'%20r='9.60'/%3E%3Ccircle%20cx='48'%20cy='48'%20r='9.60'/%3E%3Cellipse%20cx='24.0'%20cy='16.08'%20rx='4.08'%20ry='7.92'/%3E%3Cellipse%20cx='24.0'%20cy='31.92'%20rx='4.08'%20ry='7.92'/%3E%3Cellipse%20cx='16.08'%20cy='24.0'%20rx='7.92'%20ry='4.08'/%3E%3Cellipse%20cx='31.92'%20cy='24.0'%20rx='7.92'%20ry='4.08'/%3E%3C/g%3E%3Cpath%20d='M12.00%2024.0%20Q14.88%2014.88%2024.0%2012.00M36.00%2024.0%20Q33.12%2014.88%2024.0%2012.00M12.00%2024.0%20Q14.88%2033.12%2024.0%2036.00M36.00%2024.0%20Q33.12%2033.12%2024.0%2036.00'%20fill='none'%20stroke='%231D4F9E'%20stroke-width='1.44'/%3E%3Cg%20fill='%23C98B12'%3E%3Ccircle%20cx='24.0'%20cy='24.0'%20r='3.36'/%3E%3Ccircle%20cx='14.40'%20cy='14.40'%20r='1.34'/%3E%3Ccircle%20cx='33.60'%20cy='14.40'%20r='1.34'/%3E%3Ccircle%20cx='14.40'%20cy='33.60'%20r='1.34'/%3E%3Ccircle%20cx='33.60'%20cy='33.60'%20r='1.34'/%3E%3C/g%3E%3C/svg%3E") center/20px 20px}
.sec h2{margin-bottom:12px}
.nota{font-size:16px;color:var(--suave);max-width:680px;margin-bottom:18px}
.h-pag{font-size:clamp(38px,5.6vw,64px);line-height:1.02;margin-top:4px;text-wrap:balance}
/* ---- la carta: short lists set like a printed menu ---- */
.carta{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
gap:44px 56px;margin-top:28px}
.plato h3{font-size:25px;line-height:1.15;padding-bottom:8px;border-bottom:2px solid var(--tinta)}
.plato .pn{font-size:14.5px;color:var(--suave);margin:8px 0 2px;line-height:1.45}
.lista{list-style:none}
.lista a{display:flex;align-items:baseline;gap:8px;padding:10px 0 8px;
text-decoration:none;color:var(--tinta);border-bottom:1px solid var(--regla-fina);min-height:44px}
.lista .nom{font-family:var(--serif);font-weight:700;font-size:19.5px;line-height:1.2}
.lista .dcha{font-size:14px;color:var(--suave);text-align:right;max-width:52%;
line-height:1.3}
.lista a:hover .nom{color:var(--azul)}
.lead{flex:1 1 24px;min-width:16px;border-bottom:2px dotted #A9A9A9;
position:relative;top:-6px}
.mas{display:inline-block;margin-top:10px;font-weight:600;font-size:15px;padding:8px 0}
/* ---- registry rows (every list page) ---- */
.rejilla{border-top:2px solid var(--tinta)}
.fila{display:grid;grid-template-columns:62px 1fr;column-gap:12px;padding:14px 6px 13px;
border-bottom:1px solid var(--regla);text-decoration:none;color:var(--tinta)}
.fila:hover{background:var(--azul-claro)}
.fila:hover .nom{color:var(--azul)}
.fila .num{grid-row:1/3;font-family:var(--serif);font-style:italic;font-size:16px;
color:var(--suave);padding-top:4px;font-feature-settings:'tnum'}
.fila .l1{display:flex;align-items:baseline;gap:8px;min-width:0}
.fila .nom{font-family:var(--serif);font-weight:700;font-size:22px;line-height:1.15;
min-width:0}
.fila .dcha{font-size:14.5px;white-space:nowrap;font-feature-settings:'tnum'}
.fila .l2{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 12px;
font-size:14px;color:var(--suave);margin-top:4px;line-height:1.45}
.fila .cred{color:var(--azul);font-weight:600}
@media(max-width:560px){
 .fila{grid-template-columns:52px 1fr;column-gap:8px;padding:13px 2px}
 .fila .num{font-size:13px;white-space:nowrap}
 .fila .nom{font-size:20px}
 .fila .l1{flex-wrap:wrap}
 .fila .l1 .lead{display:none}
 .fila .dcha{width:100%;white-space:normal;color:var(--suave);font-size:14px}
}
/* estado: a small inked mark, never a pill */
.chip{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.1em;
text-transform:uppercase;line-height:1.45;padding:1px 6px;border:1.5px solid currentColor;
border-radius:2px;color:var(--suave);white-space:nowrap;font-family:var(--sans)}
.chip-verde{color:var(--verde)}
.chip-naranja{color:var(--naranja)}
.chip-tinta{color:#FFFFFF;background:var(--tinta);border-color:var(--tinta)}
/* ---- ficha ---- */
.crumbs{font-size:14px;color:var(--suave);display:flex;gap:8px;flex-wrap:wrap;
padding-top:18px;align-items:baseline}
.crumbs a{color:var(--suave);display:inline-block;padding:6px 0;margin:-6px 0}
.ficha-cab{padding:20px 0 28px;border-bottom:2px solid var(--tinta)}
.cab-linea{display:flex;justify-content:space-between;gap:20px 32px;flex-wrap:wrap;
align-items:flex-start}
.ficha-cab .reg{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--suave);
font-feature-settings:'tnum'}
.ficha-cab h1{font-size:clamp(42px,6.4vw,74px);line-height:.98;margin:6px 0 12px;
letter-spacing:-.015em;text-wrap:balance}
.ficha-cab .meta{font-size:16px;font-weight:600;display:flex;gap:4px 10px;flex-wrap:wrap}
.creds{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.cred-t{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;
border:1.5px solid var(--tinta);border-radius:2px;padding:5px 12px 5px 6px;line-height:1.3}
.cred-t .aval-svg{width:26px;height:26px}
.cred-t.mayor{background:var(--tinta);color:#FFFFFF}
.cred-t.mayor .aval-svg{filter:invert(1)}
/* sello: rubber stamp, inked by hand — the tilt is the point */
.sello{display:inline-block;transform:rotate(-4deg);border:3px double currentColor;
border-radius:5px;padding:9px 16px 8px;text-align:center;max-width:100%;
background:var(--papel);margin:10px 6px 0 0}
.sello .l1{font-weight:700;font-size:15px;letter-spacing:.16em;line-height:1.2;
text-transform:uppercase}
.sello .l2{font-size:10.5px;letter-spacing:.14em;margin-top:4px;font-weight:600;
font-feature-settings:'tnum';white-space:normal;overflow-wrap:anywhere}
.sello-verde{color:var(--verde)}
.sello-naranja{color:var(--naranja)}
.sello-tinta{color:var(--tinta)}
.sello-suave{color:var(--suave);border-style:dashed;border-width:2px}
@media(max-width:430px){.sello{padding:8px 11px}.sello .l1{font-size:13.5px;letter-spacing:.1em}
 .sello .l2{letter-spacing:.08em}}
/* quién lo recomienda — open, never folded away: it is the evidence */
.rastro{margin-top:40px}
.rastro-cab,.datos-cab{display:flex;justify-content:space-between;gap:6px 16px;
align-items:baseline;flex-wrap:wrap;border-bottom:2px solid var(--tinta);padding-bottom:10px}
.rastro-cab .n,.datos-cab .t{font-family:var(--serif);font-weight:700;font-size:clamp(26px,3vw,32px);
line-height:1.1}
.rastro-cab .n b{color:var(--azul)}
.rastro-cab .s,.datos-cab .f{font-size:14px;color:var(--suave)}
.aval{display:grid;grid-template-columns:44px 1fr;column-gap:16px;padding:18px 0;
border-bottom:1px solid var(--regla)}
.aval>.aval-svg{grid-row:1/4;width:42px;height:42px;margin-top:2px}
.aval .an{font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
color:var(--suave)}
.aval .ad{font-family:var(--serif);font-weight:700;font-size:23px;line-height:1.2}
.aval .cuerpo{font-size:16px;line-height:1.6;max-width:700px;margin-top:4px}
.aval-retirado .ad{text-decoration:line-through;color:var(--suave)}
.mtags{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.mtl{font-size:13px;color:var(--suave);width:100%}
.mtag{font-size:13px;line-height:18px;padding:4px 9px;border:1px solid #C9C9C9;border-radius:2px}
/* datos con fuente */
.datos{margin-top:40px}
.datos table{width:100%;border-collapse:collapse;font-size:16px;table-layout:fixed;
font-feature-settings:'tnum'}
.datos th{text-align:left;font-weight:600;padding:13px 16px 13px 0;width:32%;color:var(--suave);
font-size:14.5px;vertical-align:top}
.datos td{padding:13px 0;overflow-wrap:anywhere;vertical-align:top}
.datos tr{border-bottom:1px solid var(--regla)}
.datos .fuente{display:block;font-size:12.5px;color:var(--suave);margin-top:3px}
/* buttons: square, inked; the one solid button is the one that books */
.acciones{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:15px;
font-weight:600;padding:11px 18px;min-height:46px;line-height:20px;border:1.5px solid var(--tinta);
border-radius:2px;color:var(--tinta);background:var(--papel);font-family:var(--sans)}
.btn:hover{background:var(--tinta);color:#FFFFFF}
.btn-fork{background:var(--tinta);color:#FFFFFF}
.btn-fork:hover{background:var(--azul);border-color:var(--azul);color:#FFFFFF}
/* libro */
.libro{border-top:2px solid var(--tinta);font-feature-settings:'tnum'}
.asiento{display:grid;grid-template-columns:116px auto 1fr;gap:6px 16px;padding:15px 0;
border-bottom:1px solid var(--regla);align-items:baseline}
.asiento time{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--suave)}
.asiento .tx{font-size:16px}
@media(max-width:560px){.asiento{grid-template-columns:auto 1fr}.asiento .tx{grid-column:1/-1}}
/* faq */
.faqs{border-top:2px solid var(--tinta);margin-top:8px}
details.faq{border-bottom:1px solid var(--regla)}
details.faq summary{display:flex;justify-content:space-between;gap:14px;padding:16px 0;
font-family:var(--serif);font-weight:700;font-size:21px;line-height:1.3;cursor:pointer;
list-style:none;min-height:44px;align-items:baseline}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary .mas{color:var(--azul);font-family:var(--sans);margin:0;padding:0;
transition:transform .15s}
details.faq[open] summary .mas{transform:rotate(45deg)}
details.faq p{margin:0 0 18px;font-size:16.5px;line-height:1.65;max-width:700px}
/* reclama */
.reclama{border-top:1px solid var(--regla);border-bottom:1px solid var(--regla);
padding:16px 0;display:flex;gap:6px 18px;align-items:baseline;flex-wrap:wrap;margin-top:36px}
.reclama .k{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
color:var(--azul);flex-shrink:0}
.reclama .t{font-size:15px;color:var(--suave);flex:1;min-width:220px}
/* contacta (corregir) */
.contacta{border:1.5px solid var(--tinta);border-radius:2px;padding:22px 24px;margin:24px 0 8px}
.contacta .k{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--suave);
text-transform:uppercase}
/* The address does not fit on one line under ~430px; the markup offers a
   <wbr> after the @ so it breaks there, never mid-word. */
.contacta .mail{margin:8px 0 16px;font-family:var(--serif);font-size:clamp(23px,4vw,32px);
font-weight:700;overflow-wrap:anywhere;line-height:1.25}
.contacta .mail a{color:var(--tinta);text-decoration:none;border-bottom:3px solid var(--azul)}
.contacta .acc{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.contacta .acc .btn{margin:0;padding:11px 18px;cursor:pointer}
.contacta .ayuda{font-size:14px;color:var(--suave);margin:0}
/* hubs: an index, not a grid of cards */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:0 44px;
border-top:2px solid var(--tinta)}
.tile{display:block;padding:18px 0 17px;border-bottom:1px solid var(--regla);
text-decoration:none;color:var(--tinta)}
.tile .tt{display:block;font-family:var(--serif);font-weight:700;font-size:24px;line-height:1.15}
.tile .td{display:block;font-size:15px;color:var(--suave);margin-top:5px;line-height:1.5}
.tile .tn{display:block;font-size:13px;font-weight:700;color:var(--azul);letter-spacing:.06em;
margin-top:8px;font-feature-settings:'tnum'}
.tile:hover .tt{color:var(--azul)}
/* the guides */
.fuentes{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:0 44px;
border-top:2px solid var(--tinta)}
.fuente-c{display:block;padding:20px 0 19px;border-bottom:1px solid var(--regla);
text-decoration:none;color:var(--tinta)}
.fuente-c .fh2{display:flex;align-items:center;gap:12px;font-family:var(--serif);
font-weight:700;font-size:25px;line-height:1.15}
.fuente-c .fq{display:block;font-size:15.5px;color:var(--suave);line-height:1.6;margin-top:8px}
.fuente-c .fn{display:block;font-size:13px;font-weight:700;letter-spacing:.06em;
color:var(--azul);margin-top:10px;font-feature-settings:'tnum'}
.fuente-c:hover .fh2{color:var(--azul)}
/* the four stamps, as a legend */
.estados{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:26px 34px;
margin-top:22px}
.estado-f{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.estado-f .nota-e{font-size:15px;color:var(--suave);line-height:1.5}
.estado-f .nota-e b{color:var(--tinta)}
/* footer: the skirting of tiles, then the colophon */
.pie{border-top:1px solid var(--tinta);margin-top:0;color:var(--tinta);background:var(--papel)}
.pie::before{content:"";display:block;height:44px;border-bottom:1px solid var(--tinta);
background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%3E%3Crect%20width='48'%20height='48'%20fill='%23FFFFFF'/%3E%3Cg%20fill='%231D4F9E'%3E%3Ccircle%20r='9.60'/%3E%3Ccircle%20cx='48'%20r='9.60'/%3E%3Ccircle%20cy='48'%20r='9.60'/%3E%3Ccircle%20cx='48'%20cy='48'%20r='9.60'/%3E%3Cellipse%20cx='24.0'%20cy='16.08'%20rx='4.08'%20ry='7.92'/%3E%3Cellipse%20cx='24.0'%20cy='31.92'%20rx='4.08'%20ry='7.92'/%3E%3Cellipse%20cx='16.08'%20cy='24.0'%20rx='7.92'%20ry='4.08'/%3E%3Cellipse%20cx='31.92'%20cy='24.0'%20rx='7.92'%20ry='4.08'/%3E%3C/g%3E%3Cpath%20d='M12.00%2024.0%20Q14.88%2014.88%2024.0%2012.00M36.00%2024.0%20Q33.12%2014.88%2024.0%2012.00M12.00%2024.0%20Q14.88%2033.12%2024.0%2036.00M36.00%2024.0%20Q33.12%2033.12%2024.0%2036.00'%20fill='none'%20stroke='%231D4F9E'%20stroke-width='1.44'/%3E%3Cg%20fill='%23C98B12'%3E%3Ccircle%20cx='24.0'%20cy='24.0'%20r='3.36'/%3E%3Ccircle%20cx='14.40'%20cy='14.40'%20r='1.34'/%3E%3Ccircle%20cx='33.60'%20cy='14.40'%20r='1.34'/%3E%3Ccircle%20cx='14.40'%20cy='33.60'%20r='1.34'/%3E%3Ccircle%20cx='33.60'%20cy='33.60'%20r='1.34'/%3E%3C/g%3E%3C/svg%3E") 0 0/44px 44px repeat-x}
.pie .wrap{padding-top:36px;padding-bottom:26px}
.pie .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px}
.pie .marca{font-family:var(--serif);font-weight:700;font-size:25px;line-height:1.1}
.pie .lem{font-family:var(--serif);font-style:italic;font-size:16px;color:var(--suave);margin-top:2px}
.pie p{font-size:14.5px;line-height:1.6;color:var(--suave)}
.pie p strong{color:var(--tinta)}
.pie .fh{font-size:12.5px;font-weight:700;letter-spacing:.12em;color:var(--azul);
margin-bottom:4px;text-transform:uppercase}
.pie a{color:var(--tinta);display:block;text-decoration:none;font-size:15px;line-height:1.45;
padding:5px 0}
.pie a:hover{color:var(--azul);text-decoration:underline}
.pie .legal{border-top:1px solid var(--regla);margin-top:26px;padding-top:14px;font-size:13px;
color:var(--suave);display:flex;justify-content:space-between;gap:8px 14px;flex-wrap:wrap;
font-feature-settings:'tnum'}
.pie .disclo{font-size:14px;color:var(--suave);margin-top:22px;max-width:760px}
.pie .disclo a{display:inline;color:var(--azul);text-decoration:underline;padding:0}
/* prose pages */
/* Prose sits on the page grid, left-aligned like everything else; only its
   measure is capped (a centred 700px column drifted off the breadcrumb). */
.prosa>*{max-width:720px}
.prosa p{margin:0 0 16px}
.prosa h2{margin:36px 0 10px;font-size:29px}
.prosa h3{margin:24px 0 8px;font-size:22px}
.prosa ul,.prosa ol{margin:0 0 16px 22px;padding-left:12px}
.prosa li{margin-bottom:6px}
.prosa table{width:100%;border-collapse:collapse;font-size:15px;margin:0 0 18px;
font-feature-settings:'tnum';border-top:2px solid var(--tinta)}
.prosa th,.prosa td{padding:10px 14px 10px 0;border-bottom:1px solid var(--regla);
text-align:left;vertical-align:top}
.prosa th{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--suave)}
.tabla-scroll{overflow-x:auto}
.credito{padding:18px 0;border-bottom:1px solid var(--regla)}
.credito h2{font-family:var(--sans);font-weight:700;letter-spacing:0}
/* filtros — progressive enhancement: every row is in the HTML, JS only
   hides on user action (motion policy: content never depends on JS) */
.filtros{border-top:2px solid var(--tinta);border-bottom:1px solid var(--regla);
padding:14px 0;display:grid;gap:12px;margin-bottom:22px}
.filtros.compacto .fgrupo{display:none}
.filtros.compacto .fpie{border-top:0;padding-top:0;margin-top:0}
.fgrupo{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.fetiq{font-size:13px;font-weight:700;color:var(--tinta);width:118px;flex-shrink:0}
.fchip{border:1px solid #B9B9B9;background:var(--chip);color:var(--tinta);border-radius:2px;
font-family:var(--sans);font-size:14px;padding:10px 12px;cursor:pointer;min-height:44px;
line-height:1.1}
.fchip:hover{border-color:var(--tinta)}
.fchip[aria-pressed="true"]{background:var(--tinta);color:#FFFFFF;border-color:var(--tinta)}
.fchip i{font-style:normal;font-feature-settings:'tnum';color:var(--suave);font-size:12px;
margin-left:6px}
.fchip[aria-pressed="true"] i{color:#D6D6D6}
.fpie{display:flex;gap:12px;align-items:center;flex-wrap:wrap;
border-top:1px solid var(--regla-fina);padding-top:12px}
.fcount{font-size:15px;color:var(--suave);font-feature-settings:'tnum'}
.fcount b{color:var(--tinta)}
.flimpiar,.ftoggle{border:1.5px solid var(--tinta);background:var(--chip);color:var(--tinta);
font-family:var(--sans);font-size:14px;font-weight:600;padding:10px 14px;cursor:pointer;
min-height:44px;border-radius:2px}
.flimpiar:hover,.ftoggle:hover{background:var(--tinta);color:#FFFFFF}
.ftoggle{margin-left:auto}
.fvacio{border:1px dashed #9A9A9A;padding:22px;font-size:16px;color:var(--suave)}
@media(max-width:700px){.fetiq{width:100%}}
/* buscar */
.busca-f{display:flex;gap:10px 12px;flex-wrap:wrap;max-width:680px;align-items:flex-end}
.busca-f input{flex:1;min-width:220px;border:0;border-bottom:2px solid var(--tinta);
border-radius:0;background:transparent;padding:10px 2px;font-size:20px;
font-family:var(--serif);color:var(--tinta);min-height:48px}
.busca-f input::placeholder{color:#707070;font-style:italic}
.busca-f input:focus{outline:none;border-bottom-color:var(--azul)}
.busca-f input:focus-visible{outline:2px solid var(--azul);outline-offset:3px}
.busca-f button{border:1.5px solid var(--tinta);background:var(--tinta);color:#FFFFFF;
font-family:var(--sans);font-size:15px;font-weight:700;letter-spacing:.04em;padding:11px 24px;
cursor:pointer;min-height:48px;border-radius:2px}
.busca-f button:hover{background:var(--azul);border-color:var(--azul)}
/* 404: a library slip */
.frente{padding:56px 0 44px;text-align:center}
.frente .marco{max-width:640px;margin:0 auto;border-top:2px solid var(--tinta);
border-bottom:2px solid var(--tinta);padding:26px 8px 24px}
.frente h1{line-height:1}
.lema{margin-top:10px}
.lema span.linea{display:none}
.lema span.txt{font-family:var(--serif);font-style:italic;font-size:24px}
.antilema{margin-top:10px;font-size:14px;font-weight:600;letter-spacing:.1em;
text-transform:uppercase;color:var(--suave)}
.frente .sub{max-width:620px;margin:20px auto 0;font-size:16.5px;color:var(--suave)}
/* notices */
.aviso-cerrado{background:var(--tinta);color:#FFFFFF;padding:14px 20px;margin-top:18px;
font-size:16px}
.aviso-cerrado a{color:#FFFFFF}
.aviso-cambio{border:1.5px solid var(--azul);border-left-width:6px;padding:14px 18px;
margin-top:18px;font-size:16px}
.aviso-cambio .k{display:block;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;
font-weight:700;color:var(--azul);margin-bottom:4px}
.aviso-cambio p{margin:0}.aviso-cambio .orig{margin-top:6px;font-size:14px;color:var(--suave)}
.aviso-cambio .orig a{color:var(--suave)}
.volver{font-size:15px;font-weight:600;display:inline-block;padding:8px 0;margin:-8px 0}
/* small inline links get a 24px+ hit area without moving layout */
.cuerpo a,.datos td a:not(.btn),.nota a,.fuente a,.tx a,.reclama a,.prosa a,
.aviso-cerrado a,.aviso-cambio a,.lamina figcaption a{display:inline-block;padding:4px 0;margin:-4px 0}
.prosa a{overflow-wrap:anywhere}
.skip{position:absolute;left:-9999px;top:0;background:var(--tinta);color:#FFFFFF;
padding:10px 16px;z-index:9}
.skip:focus{left:0}
@media(max-width:640px){
 body{font-size:16px}
 .sec{padding:40px 0}
 .datos th{width:36%}
 .carta{gap:34px}
 /* the methodology table fits the phone instead of scrolling sideways with
    words cut at the edge */
 .prosa table{table-layout:fixed;font-size:14px}
 .prosa th,.prosa td{overflow-wrap:break-word;padding-right:10px}
}