/* LA CARTA: toda la web se lee como una carta, con su sello y su matasellos.
   Portado de la maqueta aprobada (Descargas/Herramienta/webs-w3-base-carta.html): cada
   @media pasa a @container y cada vw a cqw, para que mire su caja y no la ventana. */
[data-base=carta]{--g:clamp(20px,4cqw,72px);font-synthesis:none;overflow-wrap:break-word}
[data-base=carta]>*{font-size:calc(19px*var(--k));line-height:var(--il)}
@container wc (min-width:1100px){[data-base=carta]>*{font-size:calc(21px*var(--k))}}
@container wc (min-width:1600px){[data-base=carta]>*{font-size:calc(23px*var(--k))}}
@container wc (max-width:899px){[data-base=carta]>*{font-size:calc(18.5px*var(--k))}}
[data-base=carta] h1,[data-base=carta] h2,[data-base=carta] h3{text-wrap:wrap}
[data-base=carta] h1,[data-base=carta] h2,[data-base=carta] h3{font-family:var(--f-t);font-weight:400;letter-spacing:var(--ls);line-height:var(--lh)}
[data-base=carta] .t1{font-size:calc(clamp(36px,3.7cqw,68px)*var(--k))}
[data-base=carta] .t2{font-size:calc(clamp(27px,2.3cqw,44px)*var(--k))}
[data-base=carta] em,[data-base=carta] .cur{font-style:italic}
[data-base=carta] strong{font-weight:700}
[data-base=carta] .u{font-family:var(--f-u)}
[data-base=carta] .sua{color:var(--fg2)}
[data-base=carta] .h{display:grid;grid-template-columns:minmax(150px,250px) minmax(0,760px) minmax(180px,330px);gap:0 clamp(28px,3cqw,60px);justify-content:center;padding-inline:var(--g)}
[data-base=carta] .r{font-family:var(--f-u);font-size:15px;line-height:1.35;color:var(--fg2);padding-top:.35em;text-align:right}
[data-base=carta] .l>*+*{margin-top:1em}
[data-base=carta] .n{font-size:.76em;line-height:1.42;font-style:italic;color:var(--fg2);padding-top:.35em;border-left:1px solid var(--lin);padding-left:18px;align-self:start}
[data-base=carta] .n b{font-style:normal;font-weight:400;color:var(--fg);display:block;font-size:1.5em;line-height:1.15;font-family:var(--f-t)}
[data-base=carta] .n+.n{margin-top:24px}
[data-base=carta] .bl{padding-block:clamp(26px,3cqw,52px)}
[data-base=carta] .secc{padding-block:clamp(52px,6cqw,110px)}
[data-base=carta] mark{background:color-mix(in srgb,var(--acento) 15%,var(--claro));color:var(--tinta);padding:.02em .24em;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone;font-weight:700}
[data-base=carta] .b{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;background:var(--bb);color:var(--bf);font-family:var(--f-u);font-weight:700;font-size:16px;text-decoration:none;line-height:1.15;text-align:center}
[data-base=carta] .b:hover{filter:brightness(1.2)}
[data-base=carta] .b.sec{background:none;color:var(--fg);box-shadow:inset 0 0 0 1.5px var(--fg)}
[data-base=carta] .b.sec:hover{background:var(--fg);color:var(--bg);filter:none}
[data-base=carta] .bts{display:flex;flex-wrap:wrap;gap:10px}
[data-base=carta] .horas{display:flex;flex-wrap:wrap;gap:8px}
[data-base=carta] .hora{min-height:44px;padding:0 15px;border-radius:999px;font-family:var(--f-u);font-size:15px;font-weight:700;box-shadow:inset 0 0 0 1.5px var(--fg);color:var(--fg);white-space:nowrap}
[data-base=carta] .hora:hover{background:var(--pl);color:var(--pf)}
[data-base=carta] .hora[aria-pressed=true]{background:var(--bb);color:var(--bf);box-shadow:none}
[data-base=carta] .cab{position:sticky;top:0;z-index:30;background:var(--claro);color:var(--tinta);border-bottom:1px solid color-mix(in srgb,var(--tinta) 16%,var(--claro))}
[data-base=carta] .cab .in{display:flex;align-items:center;gap:6px;min-height:60px;padding-inline:var(--g)}
[data-base=carta] .marca{font-family:var(--f-t);font-style:italic;font-size:calc(21px*var(--k));text-decoration:none;margin-right:auto;white-space:nowrap}
[data-base=carta] .cab nav{display:flex;gap:2px;font-family:var(--f-u)}
[data-base=carta] .cab nav a{min-height:44px;display:inline-flex;align-items:center;padding:0 11px;border-radius:999px;text-decoration:none;font-size:15px}
[data-base=carta] .cab nav a:hover,[data-base=carta] .cab nav a[aria-current]{background:var(--suave)}
[data-base=carta] .menu-btn{display:none;min-height:44px;padding:0 16px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--tinta);font-family:var(--f-u);font-weight:700;font-size:15px}
[data-base=carta] .menu-cerrar{align-self:flex-end;min-height:44px;padding:0 16px;border-radius:999px;box-shadow:inset 0 0 0 1.5px currentColor;font-family:var(--f-u);font-weight:700;font-size:15px}
[data-base=carta] .menu h2{font-style:italic;margin:6px 0 14px;font-size:calc(26px*var(--k))}
[data-base=carta] .menu a{display:flex;align-items:baseline;gap:8px;min-height:52px;padding-top:12px;font-family:var(--f-t);font-size:calc(23px*var(--k));text-decoration:none}
[data-base=carta] .menu a::after{content:"";flex:1;order:1;border-bottom:1.5px dotted var(--lin);transform:translateY(-4px)}
[data-base=carta] .menu a i{order:2;font-family:var(--f-u);font-style:normal;font-size:14px}
[data-base=carta] .sello{position:relative;width:128px;height:162px;background:var(--claro);padding:9px;float:right;margin:4px 0 12px 22px;transform:rotate(1.6deg);--bo:var(--bg)}
[data-base=carta] .sello::after{content:"";position:absolute;inset:-3px;border:6px dotted var(--bo);pointer-events:none}
[data-base=carta] .sello .marco{display:block;width:100%;height:100%;overflow:hidden;background:var(--profundo);color:var(--claro);position:relative}
[data-base=carta] .sello img{width:100%;height:100%;object-fit:cover;object-position:50% 26%}
[data-base=carta] .sello .ini{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--f-t);font-style:italic;font-size:64px;line-height:1}
[data-base=carta] .sello-pos{box-shadow:0 0 0 1px color-mix(in srgb,var(--tinta) 22%,transparent)}
[data-base=carta] .mata{position:absolute;right:-34px;top:-30px;width:104px;height:104px;color:var(--acento-texto);opacity:.85;transform:rotate(-14deg);pointer-events:none;z-index:2}
[data-base=carta] .mata text{font:700 11px var(--f-u);fill:currentColor;letter-spacing:.09em}
[data-base=carta] .mata circle{fill:none;stroke:currentColor;stroke-width:1.5}
@container wc (min-width:1100px){
 [data-base=carta] .sello{width:176px;height:222px;padding:11px}
 [data-base=carta] .sello .ini{font-size:92px}
}
[data-base=carta] .fecha{font-style:italic;color:var(--fg2);font-size:.86em}
[data-base=carta] .hA{overflow-x:clip;padding-block:clamp(22px,4cqw,76px) clamp(10px,1.6cqw,28px)}
[data-base=carta] .hA h1{margin-top:.35em}
[data-base=carta] .hA .sigo{margin-top:1em}
[data-base=carta] .reservar-aqui{margin-top:18px;display:grid;gap:12px;clear:both}
[data-base=carta] .hB{padding-block:clamp(36px,6.4cqw,118px)}
[data-base=carta] .hB .frase{font-family:var(--f-t);font-style:italic;font-size:calc(clamp(38px,5.8cqw,108px)*var(--k));line-height:1.06;letter-spacing:-.02em;max-width:19ch}
[data-base=carta] .hB-rej{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(20px,4cqw,80px);align-items:start;padding-inline:clamp(20px,9cqw,180px)}
[data-base=carta] .hB-firma{margin-top:18px;font-family:var(--f-u);font-size:15px}
[data-base=carta] .hB .sello{float:none;margin:0;--bo:var(--bg)}
[data-base=carta] .hC{padding:clamp(18px,3cqw,56px) var(--g) 0}
[data-base=carta] .sobre{position:relative;max-width:1180px;margin-inline:auto;min-height:clamp(420px,42cqw,620px);padding:clamp(24px,3.6cqw,64px);background:var(--claro);box-shadow:0 1px 0 color-mix(in srgb,var(--tinta) 30%,transparent),0 24px 44px -28px rgb(0 0 0/.4);border-radius:4px 4px 0 0;display:grid;align-content:space-between;gap:26px;color:var(--tinta);--fg:var(--tinta);--fg2:color-mix(in srgb,var(--tinta) 76%,var(--claro));--bg:var(--claro);--lin:color-mix(in srgb,var(--tinta) 20%,var(--claro));--bb:var(--profundo);--bf:var(--claro);--pl:var(--suave);--pf:var(--tinta)}
[data-base=carta] .sobre .sello{position:absolute;right:clamp(20px,3.6cqw,64px);top:clamp(20px,3.6cqw,56px);float:none;margin:0}
[data-base=carta] .sobre .de{font-family:var(--f-u);font-size:15px;line-height:1.4;max-width:calc(100% - 150px)}
[data-base=carta] .sobre h1{font-style:italic;font-size:calc(clamp(38px,4.6cqw,84px)*var(--k));max-width:15ch}
[data-base=carta] .sobre h1 small{display:block;font-style:normal;font-family:var(--f-u);font-size:15px;letter-spacing:0;margin-bottom:6px;color:var(--fg2)}
[data-base=carta] .sobre .dentro{display:grid;gap:14px}
[data-base=carta] .sobre .dentro p{max-width:48ch}
[data-base=carta] .solapa{display:block;width:100%;height:clamp(30px,5cqw,80px);max-width:1180px;margin:0 auto;fill:var(--suave);stroke:color-mix(in srgb,var(--tinta) 30%,var(--suave))}
[data-base=carta] .pr-s p strong{font-family:var(--f-t);font-weight:400;font-style:italic;font-size:1.34em;line-height:1;margin-right:.1em}
[data-base=carta] .ind{margin-top:.6em;border-top:1.5px solid var(--fg)}
[data-base=carta] .ind li{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding-block:.42em;border-bottom:1px solid var(--lin)}
[data-base=carta] .ind .nom{font-family:var(--f-t);font-style:italic;font-size:calc(clamp(34px,3.9cqw,72px)*var(--k));line-height:1.1;letter-spacing:-.015em}
[data-base=carta] .ind p{flex:1 1 280px;font-size:.84em;line-height:1.35;color:var(--fg2);margin:0}
[data-base=carta] .ptx{float:right;width:min(46%,290px);margin:.3em 0 .7em 1.1em;transform:rotate(-1.2deg);background:var(--claro);padding:7px 7px 6px;box-shadow:0 0 0 1px color-mix(in srgb,var(--tinta) 18%,transparent),0 14px 22px -14px rgb(0 0 0/.45)}
[data-base=carta] .ptx img{width:100%;aspect-ratio:3/2;object-fit:cover}
[data-base=carta] .ptx figcaption{font-family:var(--f-u);font-size:12.5px;color:var(--fg2);padding-top:5px;line-height:1.2}
[data-base=carta] .clar{clear:both}
[data-base=carta] .int{padding-block:clamp(44px,5.4cqw,100px)}
[data-base=carta] .int p{font-family:var(--f-t);font-style:italic;font-size:calc(clamp(32px,4.2cqw,80px)*var(--k));line-height:1.1;letter-spacing:-.018em;max-width:23ch;margin-inline:auto;text-align:center;padding-inline:var(--g)}
[data-base=carta] .corr li{padding-block:1em;border-top:1px solid var(--lin)}
[data-base=carta] .corr li:last-child{border-bottom:1px solid var(--lin)}
[data-base=carta] .corr blockquote{font-style:italic;font-size:1.14em;line-height:1.34}
[data-base=carta] .corr footer,[data-base=carta] .opB footer{font-family:var(--f-u);font-size:14px;color:var(--fg2);margin-top:8px;font-style:normal}
[data-base=carta] .opB{padding-inline:clamp(20px,9cqw,180px)}
[data-base=carta] .opB blockquote{font-family:var(--f-t);font-style:italic;font-size:calc(clamp(30px,3.8cqw,72px)*var(--k));line-height:1.12;letter-spacing:-.015em;max-width:24ch}
[data-base=carta] .opB-c{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:26px}
[data-base=carta] .opB-c .nt{font-family:var(--f-u);font-size:15px}
[data-base=carta] .red{width:44px;height:44px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--fg);display:grid;place-items:center;font-family:var(--f-u)}
[data-base=carta] .red:hover{background:var(--fg);color:var(--bg)}
[data-base=carta] .car{margin-top:.7em}
[data-base=carta] .car div{display:flex;align-items:baseline;gap:8px;padding-block:.42em}
[data-base=carta] .car span{min-width:0}
[data-base=carta] .car i{flex:1 1 12px;min-width:12px;border-bottom:2px dotted var(--lin);transform:translateY(-.25em)}
[data-base=carta] .car b{font-weight:400;font-family:var(--f-t);font-size:1.36em;line-height:1;white-space:nowrap}
[data-base=carta] .car small{display:block;font-size:.72em;font-family:var(--f-u);color:var(--fg2);line-height:1.3}
[data-base=carta] .firma{font-family:var(--f-t);font-style:italic;font-size:calc(clamp(58px,6cqw,112px)*var(--k));line-height:1;letter-spacing:-.02em;margin-top:.18em!important}
[data-base=carta] .pd h2{font-style:italic}
[data-base=carta] .pie{padding-block:clamp(32px,4cqw,56px)}
[data-base=carta] .pie-n{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;font-family:var(--f-u);padding-bottom:18px;border-bottom:1px solid var(--lin)}
[data-base=carta] .pie-n a{min-height:44px;display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;text-decoration:none;font-size:15px}
[data-base=carta] .pie-n a:hover{background:var(--pl);color:var(--pf)}
[data-base=carta] .pie-d{text-align:center;font-family:var(--f-u);font-size:14px;color:var(--fg2);margin-top:18px;padding-inline:var(--g)}
[data-base=carta] .lst{list-style:disc;padding-left:1.1em}
[data-base=carta] .lst li+li{margin-top:.4em}
[data-base=carta] .rt{width:min(100%,420px);aspect-ratio:4/5;position:relative;overflow:hidden;background:var(--suave);color:var(--tinta)}
[data-base=carta] .rt img{width:100%;height:100%;object-fit:cover;object-position:50% 26%}
[data-base=carta] .rt .pf{position:absolute;left:10px;bottom:10px;background:var(--claro);color:var(--tinta);font:13px/1 var(--f-u);padding:7px 10px;border-radius:999px}
[data-base=carta] .pos{line-height:1.3;font-size:1.15em}
[data-base=carta] .bl-l li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;padding-block:1em;border-top:1px solid var(--lin);align-items:center}
[data-base=carta] .bl-l .fc{grid-column:1/-1;font-family:var(--f-u);font-size:14px;color:var(--fg2)}
[data-base=carta] .bl-l h2{font-style:italic}
[data-base=carta] .bl-l p{font-size:.88em;color:var(--fg2);line-height:1.35;margin-top:.2em}
@container wc (max-width:1250px){
 [data-base=carta] .h{grid-template-columns:minmax(0,120px) minmax(0,1fr) minmax(170px,240px)}
 [data-base=carta] .cab nav a{padding:0 8px;font-size:14px}
}
@container wc (max-width:999px){
 [data-base=carta] .h{display:block;padding-inline:var(--g)}
 [data-base=carta] .r{text-align:left;padding:0 0 .5em;font-size:14px}
 [data-base=carta] .n{margin-top:1.1em;padding:.1em 0 .1em 14px;font-size:.84em;border-left:2px solid var(--lin)}
 [data-base=carta] .n b{display:inline;font-size:1.05em;margin-right:.3em}
 [data-base=carta] .n+.n{margin-top:.8em}
 [data-base=carta] .cab .in{min-height:54px}
 [data-base=carta] .cab nav{display:none}
 [data-base=carta] .menu-btn{display:inline-flex;align-items:center}
 [data-base=carta] .hB-rej,[data-base=carta] .opB{padding-inline:var(--g)}
}
@container wc (max-width:899px){
 [data-base=carta] .hA{padding-block:16px 8px}
 [data-base=carta] .t1{font-size:calc(31px*var(--k))}
 [data-base=carta] .sello{width:96px;height:122px;padding:7px;margin:2px 0 8px 14px}
 [data-base=carta] .sello .ini{font-size:48px}
 [data-base=carta] .mata{width:66px;height:66px;right:-12px;top:-14px}
 [data-base=carta] .hA .r{display:none}
 [data-base=carta] .reservar-aqui .b{display:none}
 [data-base=carta] .hB-rej{grid-template-columns:minmax(0,1fr)}
 [data-base=carta] .hB .sello{position:absolute;right:20px;top:10px;width:64px;height:82px;padding:5px}
 [data-base=carta] .hB{position:relative;padding-block:26px 26px}
 [data-base=carta] .hB .sello .mata{display:none}
 [data-base=carta] .hB .sello .ini{font-size:32px}
 [data-base=carta] .hB .frase{font-size:calc(35px*var(--k));padding-right:68px}
 [data-base=carta] .ptx{width:44%;margin-left:.8em}
 [data-base=carta] .sobre{padding:18px 18px 22px;min-height:0;gap:14px}
 [data-base=carta] .sobre .sello{right:14px;top:14px}
 [data-base=carta] .sobre .de{max-width:calc(100% - 118px);font-size:14px;min-height:108px}
 [data-base=carta] .sobre h1{font-size:calc(35px*var(--k))}
 [data-base=carta] .sobre .dentro .bts,[data-base=carta] .sobre .dentro .horas{display:none}
 [data-base=carta] .hC{padding:12px 12px 0}
 [data-base=carta] .int p{text-align:left}
}
@container wc (max-width:360px){
 [data-base=carta] .t1{font-size:calc(28px*var(--k))}
 [data-base=carta] .sello{width:82px;height:104px}
 [data-base=carta] .car div{flex-wrap:wrap}
 [data-base=carta] .car i{display:none}
 [data-base=carta] .car b{margin-left:auto}
 [data-base=carta] .hB .frase{font-size:calc(31px*var(--k))}
}
[data-base=carta] .ag{display:grid;gap:12px}
[data-base=carta] .ag-f{display:flex;flex-wrap:wrap;gap:8px}
[data-base=carta] .sin-arriba{padding-top:0}
[data-base=carta] .pr-f>*+*{margin-top:1em}
[data-base=carta] .pr-f+.pr-f{margin-top:1em}
[data-base=carta] .ptx-f{display:block;position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--suave)}
[data-base=carta] .firma-d{font-size:.82em}
[data-base=carta] .plantilla{font-style:italic}
[data-base=carta] .plantilla>*+*{margin-top:.5em}
[data-base=carta] .cuenta{font-family:var(--f-u);font-size:15px;color:var(--fg2);margin-left:6px}
[data-base=carta] .txt>*+*{margin-top:1em}
[data-base=carta] .art-sub{font-style:italic;font-size:1.2em;line-height:1.32;color:var(--fg2)}
[data-base=carta] .txt .art-st{font-size:calc(clamp(27px,2.3cqw,44px)*var(--k));margin:1.2em 0 0}
[data-base=carta] .txt .art-p{font-size:inherit;line-height:inherit;margin:1em 0 0}
[data-base=carta] .txt .art-l{display:block;list-style:disc;padding-left:1.1em;margin:1em 0 0}
[data-base=carta] .txt .art-l li{font-size:inherit;line-height:inherit;padding-left:0}
[data-base=carta] .txt .art-l li::before{content:none}
[data-base=carta] .txt .art-l li+li{margin-top:.4em}
[data-base=carta] .txt .art-i{margin:1em 0 0}
[data-base=carta] .txt .art-i .fot{border-radius:0}
[data-base=carta] .urg{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 16px 0}
[data-base=carta] .urg p{font-family:var(--f-u);font-size:15px;max-width:44ch;color:var(--fg2)}
[data-base=carta] .urg .b{background:none;color:var(--fg);box-shadow:inset 0 0 0 1px var(--lin);min-height:44px;padding:0 14px;font-family:var(--f-u);font-size:15px;font-weight:600}
[data-base=carta] .urg .b:hover{background:var(--fg);color:var(--bg);filter:none}
[data-base=carta] .pie{border-top:1px solid var(--lin)}
[data-base=carta] .legal{font-family:var(--f-u)}
[data-base=carta] .menu{margin:0;width:100%;height:100%;max-width:none;max-height:none;border:0;padding:14px var(--g) 28px;overflow:auto}
[data-base=carta] .menu[open]{display:flex;flex-direction:column}
@container wc (max-width:899px){
 [data-base=carta] .barra{border-top:2px solid var(--tinta);padding:9px 12px 9px 16px;min-height:66px}
 [data-base=carta] .barra small{font:13px/1.2 var(--f-u)}
 [data-base=carta] .barra b{font-family:var(--f-t);font-style:italic;font-weight:400;font-size:calc(19px*var(--k));line-height:1.25}
 [data-base=carta] .barra .b{padding:0 20px}
}
@container wc (max-width:360px){
 [data-base=carta] .barra .b{padding:0 14px}
}