@font-face{font-family:Roboto;src:url('assets/roboto-regular.woff2') format('woff2');font-display:swap;font-weight:400}@font-face{font-family:Roboto;src:url('assets/roboto-bold.woff2') format('woff2');font-display:swap;font-weight:700}
.app-header a{min-width:0;flex:1}.app-header img{max-width:100%}.app-nav a{min-width:0;overflow-wrap:anywhere}.contact-actions a{max-width:100%;overflow-wrap:anywhere}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body.reduced .contact-card>.muted{display:none}
.app-status-row:has([data-sync-status][hidden]){display:none}main{padding-top:1rem}body.reduced main{padding-top:.75rem}body.reduced .header-refresh{display:none}
.app-header:has(.header-info){gap:.75rem}.header-info{min-width:0;text-align:right}.header-tagline{font-size:.8rem;line-height:1.4;margin:0}.header-refresh{display:flex;align-items:center;justify-content:flex-end;gap:.25rem}.header-refresh time{font-size:.7rem;color:var(--muted);white-space:nowrap}.refresh-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:.6rem;background:white;color:var(--ink)}.refresh-button:hover{background:#e4eee8}.refresh-button:disabled{opacity:.5}@media(max-width:360px){.app-header:has(.header-info){flex-wrap:wrap}.app-header:has(.header-info)>a{flex-basis:100%}.header-info{width:100%;text-align:left}.header-refresh{justify-content:flex-start}}
.app-header img{mix-blend-mode:multiply}.app-status-row{padding-block:.6rem 1rem}.app-status-row .sync-status{margin:.25rem 0}.guards-disclosure{border:1px solid var(--line);border-radius:1rem;background:white}.guards-disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:64px;padding:1.1rem 1.3rem;cursor:pointer;list-style:none}.guards-disclosure summary::-webkit-details-marker{display:none}.guards-disclosure summary h2{font-size:1.15rem;margin:0}.disclosure-arrow{width:.55rem;height:.55rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);flex-shrink:0;margin-right:.2rem}.guards-disclosure[open] .disclosure-arrow{transform:rotate(225deg)}.guards-content{padding:0 1.3rem 1rem}.guards-disclosure summary:focus-visible,.services summary:focus-visible{outline:3px solid #97551a;outline-offset:4px}
:root{--ink:#143a34;--green:#3fae9d;--paper:#f5f7f2;--line:#d4ded6;--muted:#4c645d;color:var(--ink);background:var(--paper);font-family:Roboto,Arial,sans-serif;line-height:1.55}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1.5rem}body{margin:0;padding-bottom:calc(5rem + env(safe-area-inset-bottom))}a{color:inherit;text-underline-offset:.25em}button{font:inherit;cursor:pointer}button:disabled{cursor:wait}a:focus-visible,button:focus-visible{outline:3px solid #97551a;outline-offset:5px}a,button{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,7vw,3.3rem);line-height:1.13;letter-spacing:-.035em;margin-bottom:1.2rem}h2{font-size:1.7rem;letter-spacing:-.025em;margin-bottom:1rem}h3{font-size:1.17rem;line-height:1.4}p{margin-bottom:.75rem}[hidden]{display:none!important}.app-header,main,.app-footer{max-width:48rem;margin-inline:auto;padding-inline:1.35rem}.app-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-top:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line)}.app-header img{width:12rem;height:auto;display:block}.app-header span{font-size:.85rem;text-align:right}.app-intro{padding-top:2.5rem;padding-bottom:2rem}.eyebrow{font-size:.72rem;letter-spacing:.12em;font-weight:700}.sync-status,.muted,.copy-note{font-size:.88rem;color:var(--muted)}.copy-note{border-left:3px solid var(--green);padding-left:.7rem}.text-button{border:0;background:transparent;color:var(--ink);padding:.65rem 0;min-height:44px;text-decoration:underline;text-underline-offset:.3em;font-size:.88rem}section{margin-bottom:2.5rem;scroll-margin-top:1.5rem}.card,.opening-card{border:1px solid var(--line);border-radius:1.2rem;padding:1.4rem;margin-bottom:1rem;background:white}.opening-card{background:var(--ink);color:white;border:0;padding:1.65rem}.opening-card>strong{display:block;font-size:1.65rem;line-height:1.2;margin-bottom:.65rem}.opening-card p{color:#e0eee7}.opening-card[data-opening-state=closed]{background:#31473f}.opening-card[data-opening-state=unknown]{background:#545044}.action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.1rem;background:var(--ink);color:white;text-decoration:none;border-radius:.6rem;font-weight:700;font-size:.94rem}.opening-card .action{background:#d7f0e5;color:var(--ink);margin-top:.65rem}.action.secondary{color:var(--ink);background:#e4eee8}.contact-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.text-link{display:inline-flex;align-items:center;min-height:44px;padding:.5rem 0;font-size:.92rem}.contact-actions .text-link{flex-basis:100%}.guard-list{list-style:none;margin:0 0 1rem;padding:0}.guard-list li{padding:1.2rem;border:1px solid var(--line);border-radius:.8rem;background:white;margin-bottom:.7rem}.guard-list li.lakua{border:2px solid #2e7d6e;background:#e4f3eb}.guard-list strong,.guard-list span{display:block}.guard-list span{font-size:.91rem;margin-top:.25rem}.guard-list a{display:inline-block;min-height:44px;padding:.6rem 0}.services details{padding:0 1.2rem;border:1px solid var(--line);border-radius:.8rem;background:white;margin-bottom:.65rem}.services summary{min-height:60px;padding:1rem 0;font-weight:700;cursor:pointer}.services p{font-size:.94rem}.services a{margin-bottom:1rem}.services .offline-name{background:white;padding:1rem;border:1px solid var(--line);border-radius:.6rem}dl{margin:0}dl>div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding:.75rem 0}dt,dd{font-size:.93rem}dd{margin:0;text-align:right}.promotion{display:grid;grid-template-columns:6rem 1fr;gap:1rem}.promotion img{width:100%;border-radius:.6rem}.promotion strong{display:block;margin-bottom:.75rem}.app-footer{border-top:1px solid var(--line);padding-block:1.5rem;display:flex;flex-direction:column;gap:.75rem;font-size:.85rem}.app-footer nav{display:flex;gap:1.5rem}.app-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:center;z-index:10;padding-bottom:env(safe-area-inset-bottom)}.app-nav a{flex:1;max-width:12rem;text-align:center;text-decoration:none;padding:1.05rem .3rem;font-size:.9rem;font-weight:700;min-height:58px}.app-nav a[aria-current]{background:#e4eee8}.skip{position:absolute;left:1rem;top:-10rem;padding:1rem;z-index:20;background:white}.skip:focus{top:1rem}.noscript{margin:1rem;padding:1rem;background:white}.offline-banner{padding:1rem;border:1px solid var(--line);border-radius:.6rem}body.reduced [data-opening-panel],body.reduced #guardias,body.reduced [data-traffic-block],body.reduced [data-promotion],body.reduced [data-whatsapp],body.reduced [data-map],body.reduced .contact-actions+.muted{display:none}body.reduced .app-nav a[href$='#guardias']{display:none}body.reduced #ahora h2{display:none}@media(max-width:360px){.app-header span{display:none}dl>div{display:block}dd{text-align:left}.contact-actions .action{width:100%}.promotion{grid-template-columns:1fr}.promotion img{max-width:7rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.contact-actions.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.contact-grid .contact-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:132px;min-width:0;padding:1rem .6rem;border:1px solid var(--line);border-radius:.9rem;background:#e4eee8;color:var(--ink);text-align:center;text-decoration:none}.contact-action svg{width:32px;height:32px;flex-shrink:0}.contact-action strong{font-size:1rem;line-height:1.3}.contact-action span{font-size:.76rem;line-height:1.4;overflow-wrap:anywhere}.contact-grid .contact-action[data-call]{background:var(--ink);color:white;border-color:var(--ink)}.contact-grid .contact-action:hover{background:#d5e8de}.contact-grid .contact-action[data-call]:hover{background:#24594f}.contact-email{font-size:.85rem;color:var(--muted);overflow-wrap:anywhere}.contact-card>p:last-child{margin-bottom:0}@media(max-width:360px){.contact-card{padding:1rem}}@media(min-width:600px){.contact-actions.contact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
:root{background-image:linear-gradient(rgba(245,247,242,.92),rgba(245,247,242,.92)),url("assets/patron-marca.png");background-size:auto,128px auto;background-repeat:repeat}
.refresh-button{border:0;border-radius:50%;background:#e4eee8;color:#176558;box-shadow:inset 0 0 0 1px #b8d6ca}.refresh-button:hover{background:#d5e8de}.refresh-button svg{display:block}.refresh-button[aria-busy="true"] svg{animation:refresh-turn 1s linear infinite}@keyframes refresh-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.refresh-button[aria-busy="true"] svg{animation:none}}.traffic-current{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.traffic-current h3,.traffic-current p{margin:0}.traffic-current p{font-size:1.15rem;font-weight:700}.traffic-note{margin-top:.5rem;margin-bottom:0}.traffic-disclosure{margin-top:1rem;border-top:1px solid var(--line)}.traffic-disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:48px;padding:.75rem 0;font-size:.88rem;cursor:pointer;list-style:none}.traffic-disclosure summary::-webkit-details-marker{display:none}.traffic-disclosure[open] .disclosure-arrow{transform:rotate(225deg)}.traffic-disclosure summary:focus-visible{outline:3px solid #97551a;outline-offset:3px}.traffic-history p{font-size:.78rem;margin-bottom:.5rem}.traffic-history>p:empty{display:none}.traffic-bars{display:grid;grid-template-columns:repeat(var(--traffic-columns),minmax(0,1fr));gap:4px;padding-top:.25rem;margin-bottom:.75rem}.traffic-hour{min-width:0;text-align:center}.traffic-track{height:100px;display:flex;align-items:flex-end;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 32px,#eef3ef 33px,#eef3ef 34px)}.traffic-bar{width:100%;max-width:24px;min-height:1px;margin-inline:auto;border-radius:4px 4px 0 0;background:var(--green)}.traffic-bar.missing{height:3px;background:#d4ded6}.traffic-tick{font-size:.66rem;color:var(--muted);display:block;min-height:1.5em;margin-top:.25rem}