/* LO COMÚN A LAS BASES DE LA WEB AVANZADA.
   Portado de la maqueta aprobada (Descargas/Herramienta/webs-w3-base-ficha.html): cada
   @media pasa a @container y cada vw a cqw, para que mire su caja y no la ventana. */
.wc,.wc *,.wc *::before,.wc *::after{box-sizing:border-box}
.wc{container-type:inline-size;container-name:wc;background:var(--claro);color:var(--tinta);font-family:var(--f-c);font-size:var(--cuerpo,18px);line-height:1.55;overflow-x:clip;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
.wc h1,.wc h2,.wc h3,.wc p,.wc ul,.wc ol,.wc dl,.wc dd,.wc figure,.wc blockquote{margin:0;padding:0}
.wc ul,.wc ol{list-style:none}
.wc img,.wc svg{display:block;max-width:100%}
.wc a{color:inherit;text-decoration:none}
.wc button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit}
.wc h1,.wc h2,.wc h3{font-family:var(--f-t);font-weight:var(--p-t,400);letter-spacing:var(--ls,-.015em);text-wrap:balance}
.wc em{font-style:var(--em,italic)}
.wc :focus-visible{outline:3px solid currentColor;outline-offset:3px}
.wc [data-t]{background:var(--bg);color:var(--fg)}
[data-dialecto=ficha] [data-t=claro]{--bg:var(--claro);--fg:var(--tinta);--fg2:color-mix(in srgb,var(--tinta) 78%,var(--claro));--et:var(--profundo);--lin:color-mix(in srgb,var(--tinta) 20%,var(--claro));--bb:var(--acento);--bf:var(--sobre-acento)}
[data-dialecto=ficha] [data-t=suave]{--bg:var(--suave);--fg:var(--tinta);--fg2:color-mix(in srgb,var(--tinta) 86%,var(--suave));--et:var(--profundo);--lin:color-mix(in srgb,var(--tinta) 24%,var(--suave));--bb:var(--profundo);--bf:var(--claro)}
[data-dialecto=ficha] [data-t=acento]{--bg:var(--acento);--fg:var(--sobre-acento);--fg2:var(--sobre-acento);--et:var(--sobre-acento);--lin:color-mix(in srgb,var(--sobre-acento) 34%,var(--acento));--bb:var(--sobre-acento);--bf:var(--acento)}
[data-dialecto=ficha] [data-t=profundo]{--bg:var(--profundo);--fg:var(--claro);--fg2:color-mix(in srgb,var(--claro) 86%,var(--profundo));--et:var(--suave);--lin:color-mix(in srgb,var(--claro) 26%,var(--profundo));--bb:var(--claro);--bf:var(--tinta)}
[data-dialecto=ficha] [data-t=oscuro]{--bg:var(--tinta);--fg:var(--claro);--fg2:color-mix(in srgb,var(--claro) 84%,var(--tinta));--et:var(--suave);--lin:color-mix(in srgb,var(--claro) 24%,var(--tinta));--bb:var(--claro);--bf:var(--tinta)}
[data-dialecto=consulta] [data-t=claro]{--bg:var(--claro);--fg:var(--tinta);--fg2:color-mix(in srgb,var(--tinta) 76%,var(--claro));--et:var(--acento-texto);--lin:color-mix(in srgb,var(--tinta) 20%,var(--claro));--bb:var(--profundo);--bf:var(--claro);--pl:var(--suave);--pf:var(--tinta)}
[data-dialecto=consulta] [data-t=suave]{--bg:var(--suave);--fg:var(--tinta);--fg2:color-mix(in srgb,var(--tinta) 82%,var(--suave));--et:var(--profundo);--lin:color-mix(in srgb,var(--tinta) 24%,var(--suave));--bb:var(--profundo);--bf:var(--claro);--pl:var(--claro);--pf:var(--tinta)}
[data-dialecto=consulta] [data-t=acento]{--bg:var(--acento);--fg:var(--sobre-acento);--fg2:var(--sobre-acento);--et:var(--sobre-acento);--lin:color-mix(in srgb,var(--sobre-acento) 40%,var(--acento));--bb:var(--sobre-acento);--bf:var(--acento);--pl:var(--claro);--pf:var(--tinta)}
[data-dialecto=consulta] [data-t=profundo]{--bg:var(--profundo);--fg:var(--claro);--fg2:color-mix(in srgb,var(--claro) 84%,var(--profundo));--et:var(--suave);--lin:color-mix(in srgb,var(--claro) 28%,var(--profundo));--bb:var(--claro);--bf:var(--profundo);--pl:color-mix(in srgb,var(--claro) 14%,var(--profundo));--pf:var(--claro)}
[data-dialecto=consulta] [data-t=oscuro]{--bg:var(--tinta);--fg:var(--claro);--fg2:color-mix(in srgb,var(--claro) 82%,var(--tinta));--et:var(--suave);--lin:color-mix(in srgb,var(--claro) 26%,var(--tinta));--bb:var(--claro);--bf:var(--tinta);--pl:color-mix(in srgb,var(--claro) 13%,var(--tinta));--pf:var(--claro)}
.wc .b{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:999px;background:var(--bb);color:var(--bf);font-family:var(--f-c);font-size:16px;font-weight:600;line-height:1.15;text-align:center;transition:transform .15s}
.wc .b:hover{transform:translateY(-1px)}
.wc .b.sec{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1.5px var(--fg)}
.wc .b.peq{min-height:44px;padding:0 18px;font-size:15px}
.wc .b.ancho{width:100%}
.wc .hora{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:76px;padding:0 14px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--lin);background:transparent;color:var(--fg);font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}
.wc .hora[aria-pressed=true]{background:var(--bb);color:var(--bf);box-shadow:none}
.wc .dia{display:grid;justify-items:center;gap:0;min-width:56px;min-height:60px;padding:8px 6px;border-radius:14px;box-shadow:inset 0 0 0 1.5px var(--lin);font-size:13px;line-height:1.2;color:var(--fg)}
.wc .dia b{font-size:20px;font-weight:600}
.wc .dia[aria-pressed=true]{background:var(--bb);color:var(--bf);box-shadow:none}
.wc .dia[disabled]{color:var(--fg2);box-shadow:none;cursor:default}
.wc .seg{display:inline-flex;padding:4px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--lin)}
.wc .seg button{min-height:40px;padding:0 16px;border-radius:999px;font-size:15px;font-weight:600;color:var(--fg)}
.wc .seg button[aria-pressed=true]{background:var(--bb);color:var(--bf)}
.wc .fot{position:relative;overflow:hidden;background:var(--suave)}
.wc .fot img{width:100%;height:100%;object-fit:cover}
.wc .pie-foto{font-size:14px;line-height:1.4;color:var(--fg2);font-style:italic}
.wc .dibujo{width:100%;height:100%;color:inherit}
.wc .dibujo *{vector-effect:non-scaling-stroke}
.wc .acor details{border-top:1.5px solid var(--lin)}
.wc .acor details:last-child{border-bottom:1.5px solid var(--lin)}
.wc .acor summary{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:60px;padding:14px 0;cursor:pointer;font-weight:600;list-style:none}
.wc .acor summary::-webkit-details-marker{display:none}
.wc .acor summary::after{content:"+";font-size:26px;line-height:1;font-weight:400}
.wc .acor details[open] summary::after{content:"\2212"}
.wc .acor details p{padding:0 0 20px;max-width:62ch;color:var(--fg2)}
.wc .art-t{font-size:calc(52px*var(--k));line-height:1.08}
.wc .art-st{font-size:calc(28px*var(--k));line-height:1.2;margin:44px 0 12px}
.wc .art-p{font-size:19px;line-height:1.65;margin:0 0 18px}
.wc .art-p b{font-weight:700}
.wc .art-l{margin:0 0 24px;display:grid;gap:10px}
.wc .art-l li{position:relative;padding-left:24px;font-size:19px;line-height:1.55}
.wc .art-l li::before{content:"";position:absolute;left:2px;top:.62em;width:9px;height:9px;border-radius:99px;background:var(--acento)}
.wc .art-e{display:inline-flex;align-items:center;min-height:38px;padding:2px 14px;margin:2px 0;border-radius:999px;background:var(--bb);color:var(--bf);font-size:16px;font-weight:600;line-height:1.2}
.wc .art-i{margin:28px 0}
.wc .art-i .fot{border-radius:var(--r-foto,14px);aspect-ratio:3/2}
.wc .art-i figcaption{margin-top:8px}
.wc .barra{display:none}
@container wc (max-width:899px){
 .wc .barra{display:flex;position:sticky;bottom:0;z-index:40;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--bg);color:var(--fg);box-shadow:0 -1px 0 var(--lin)}
 .wc .barra div{flex:1;min-width:0;line-height:1.25}
 .wc .barra small{display:block;font-size:13px;color:var(--fg2)}
 .wc .barra b{display:block;font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .wc .barra .b{flex:none;min-height:48px;padding:0 20px}
 .wc{container-type:inline-size;container-name:wc;background:var(--claro);color:var(--tinta);font-family:var(--f-c);font-size:var(--cuerpo,18px);line-height:1.55;overflow-x:clip;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
 .wc .art-t{font-size:calc(38px*var(--k))}
 .wc .art-st{font-size:calc(24px*var(--k))}
}
.wc .urg{text-align:center}
.wc .gp-pill{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--lin);font-size:14px;font-weight:600;color:var(--fg)}
@media (prefers-reduced-motion:reduce){.wc *{transition:none!important;animation:none!important}}

/* El diálogo de reserva: <dialog> nativo. Va a la capa superior, así que la caja de
   `container-type` no le hace de marco, que es lo que le pasaría a un position:fixed. */
.wc .dlg{margin:auto;border:0;padding:28px;border-radius:18px;width:min(460px,calc(100% - 32px))}
.wc .dlg::backdrop{background:rgb(0 0 0 / .55)}
.wc .dlg h2{font-size:30px;line-height:1.15;margin-bottom:10px}
.wc .dlg p{color:var(--fg2);margin-bottom:18px}
.wc .dlg .acc{display:flex;flex-wrap:wrap;gap:10px}
/* Lo que aún no ha llegado de la agenda guarda el sitio. */
.wc .espera{color:var(--fg2);font-size:16px;min-height:44px;display:flex;align-items:center}
/* El mapa con consentimiento se monta con su componente de verdad. */
.wc .mapa-c>button{margin-top:0}
.wc .legal{margin-top:22px;display:grid;gap:12px;justify-items:center;text-align:center;font-size:14px;color:var(--fg2)}
.wc .legal nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}