/* =========================================================
   EL PADRINO · versión 2 — estilo de restaurante con historia
   (pergamino + negro y oro). Se suma a estilo.css.
   ========================================================= */
:root{--papel:#efe3cb;--papel2:#f7eedb;--tinta:#1b130c;--tinta2:#4a3a2a;--oro-papel:#9a6a1c}

/* ---------- cabecera ---------- */
.btn-reservar{display:none;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:linear-gradient(180deg,var(--oro2),var(--oro));color:var(--negro);font:600 13px var(--t-cond);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.btn-reservar:hover{filter:brightness(1.06)}
.cab-nav{gap:24px}

/* ---------- portada ---------- */
.portada-acc{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.btn-linea{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;border:1px solid rgba(233,180,76,.55);color:var(--crema);font:600 15px var(--t-cond);letter-spacing:.12em;text-transform:uppercase;background:rgba(12,10,8,.35);backdrop-filter:blur(4px)}
.btn-linea:hover{border-color:var(--oro);color:var(--oro2)}
.portada-datos{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:520px;margin:20px auto 0;padding-top:16px;border-top:1px solid var(--linea);text-align:left}
.portada-datos div{display:flex;flex-direction:column;gap:2px;min-width:0}
.portada-datos b{font:600 15px var(--t-cond);letter-spacing:.06em;color:var(--crema)}
.portada-datos small{font-size:13px;color:var(--tenue)}

/* ---------- cinta de platos ---------- */
.cinta-env{overflow:hidden;padding:12px 0 6px;margin-top:-6px;position:relative;z-index:3}
.cinta{background:linear-gradient(180deg,var(--oro2),var(--oro));color:var(--negro);border-block:2px solid var(--negro);transform:rotate(-1deg);margin:0 -12px;overflow:hidden}
.cinta-fila{display:flex;gap:30px;width:max-content;padding:12px 0;animation:cinta 40s linear infinite;font:700 clamp(16px,2vw,21px)/1 var(--t-titulo);letter-spacing:.04em;white-space:nowrap}
.cinta-fila span{display:inline-flex;align-items:center;gap:30px}
.cinta-fila span::after{content:'✦';color:var(--rojo)}
@keyframes cinta{to{transform:translateX(-50%)}}

/* ---------- secciones base ---------- */
.sec{position:relative;padding:clamp(64px,9vw,112px) 0}
.sec-in{width:min(100% - 2*var(--lado),var(--ancho));margin:0 auto;position:relative}
.sec-cab{text-align:center;max-width:720px;margin:0 auto 42px}
.mano{font:italic 600 clamp(19px,2.2vw,24px)/1.2 Georgia,'Times New Roman',serif;color:var(--oro);margin:0}
.titulo{font:700 clamp(30px,4.2vw,50px)/1.08 var(--t-titulo);margin:6px 0 0;color:var(--crema)}
.sec-sub{color:var(--tinta2);font-size:17px;margin:14px auto 0;max-width:620px}
.titulo-sec .mano{margin-bottom:-2px}

/* pergamino */
.papel{background-color:var(--papel);color:var(--tinta);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .22 0 0 0 0 .1 0 0 0 .08 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(1100px 500px at 50% 0%,rgba(255,255,255,.45),transparent 70%),radial-gradient(900px 600px at 100% 100%,rgba(150,95,30,.14),transparent 60%)}
.papel .mano{color:var(--oro-papel)}
.bloque-reservar{margin-top:clamp(64px,8vw,100px)!important;scroll-margin-top:90px}
.papel-marco{position:absolute;inset:clamp(10px,1.6vw,22px);border:1.5px solid rgba(154,106,28,.5);border-radius:4px;pointer-events:none}
.papel-marco::after{content:'';position:absolute;inset:6px;border:1px solid rgba(154,106,28,.25);border-radius:2px}
.insignia{display:inline-flex;align-items:center;gap:12px;padding:16px clamp(26px,4vw,48px);background:var(--carbon);color:var(--oro2);clip-path:polygon(3% 8%,8% 0,30% 6%,55% 0,80% 5%,97% 0,100% 30%,96% 52%,100% 76%,95% 100%,70% 94%,45% 100%,20% 95%,4% 100%,0 72%,3% 48%,0 24%);filter:drop-shadow(0 10px 18px rgba(27,19,12,.3))}
.insignia h2{margin:0;font:700 clamp(21px,2.6vw,31px)/1.1 var(--t-titulo);letter-spacing:.03em;color:var(--oro2)}
.insignia-orn{width:46px;height:14px;color:var(--rojo2);flex:none}
.insignia-orn:last-child{transform:scaleX(-1)}
.sec-cab .mano{margin-top:12px}

/* ---------- favoritos de la casa ---------- */
.vitrina{display:grid;gap:44px;align-items:center;max-width:1120px;margin:0 auto}
.vitrina-foto{position:relative;width:min(100%,440px);justify-self:center;touch-action:pan-y}
.arco{aspect-ratio:4/5;border-radius:999px 999px 14px 14px;overflow:hidden;background:#d9c7a6;box-shadow:0 0 0 10px var(--papel2),0 0 0 11.5px rgba(154,106,28,.6),0 40px 70px -30px rgba(27,19,12,.6)}
.arco img{width:100%;height:100%;object-fit:cover;transition:opacity .26s,transform .9s}
.vitrina-foto:hover .arco img{transform:scale(1.04)}
.vitrina-foto::after{content:'';position:absolute;left:-6%;right:-6%;bottom:-22px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,rgba(154,106,28,.6),transparent)}
.vitrina-sello{position:absolute;right:-10px;top:22%;width:104px;height:104px;border-radius:50%;background:var(--negro);color:var(--crema);display:grid;place-content:center;text-align:center;box-shadow:0 0 0 5px var(--papel2),0 0 0 6.5px var(--oro),0 20px 34px -14px rgba(0,0,0,.6);transform:rotate(8deg)}
.vitrina-sello small{font:600 11px var(--t-cond);letter-spacing:.2em;text-transform:uppercase;color:var(--oro)}
.vitrina-sello b{font:700 22px/1.1 var(--t-titulo);color:var(--oro2)}
.vitrina-emblema{position:absolute;left:-10px;bottom:22px;width:78px;height:78px;border-radius:50%;background:var(--negro);padding:8px;box-shadow:0 0 0 3px var(--oro),0 14px 30px -12px rgba(0,0,0,.6)}
.vitrina-txt{min-width:0}
.vitrina-cat{display:block;font:600 13px var(--t-cond);letter-spacing:.26em;text-transform:uppercase;color:var(--rojo)}
.vitrina-txt h3{font:700 clamp(30px,4vw,50px)/1.05 var(--t-titulo);color:var(--tinta);margin:8px 0 0}
.vitrina-desc{color:var(--tinta2);font-size:17px;margin:14px 0 0;max-width:560px}
.porque{margin-top:20px;padding:16px 18px;background:rgba(255,255,255,.55);border-left:4px solid var(--oro);border-radius:4px 14px 14px 4px;max-width:560px;box-shadow:0 10px 26px -22px rgba(27,19,12,.6)}
.porque small{display:block;font:600 11.5px var(--t-cond);letter-spacing:.22em;text-transform:uppercase;color:var(--oro-papel);margin-bottom:6px}
.porque p{margin:0;font-size:16px;color:var(--tinta);font-weight:600}
.vitrina-txt h3,.vitrina-desc,.porque p,.vitrina-cat,.vitrina-precio{transition:opacity .26s,transform .26s}
.vitrina.cambiando .arco img{opacity:0}
.vitrina.cambiando .vitrina-txt h3,.vitrina.cambiando .vitrina-desc,.vitrina.cambiando .porque p,.vitrina.cambiando .vitrina-cat,.vitrina.cambiando .vitrina-precio{opacity:0;transform:translateY(8px)}
.vitrina-acc{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:24px}
.vitrina-precio{font:700 30px var(--t-titulo);color:var(--tinta);flex-basis:100%}
.vitrina-precio small{font:500 14px var(--t-texto);margin-left:4px;color:var(--tinta2)}
.btn-oscuro{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:999px;border:0;background:var(--carbon);color:var(--oro2);font:600 15px var(--t-cond);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;box-shadow:0 12px 26px -14px rgba(0,0,0,.8);transition:transform .2s,background .2s}
.btn-oscuro:hover{transform:translateY(-2px);background:#000}
.btn-oscuro svg{width:20px;height:20px}
.papel .btn-borde{border-color:var(--tinta);color:var(--tinta);min-height:50px;background:transparent;cursor:pointer}
.papel .btn-borde:hover{background:var(--tinta);color:var(--oro2)}
.vitrina-nav{display:flex;align-items:center;gap:10px;margin-top:28px}
.vitrina-flecha{width:44px;height:44px;border-radius:50%;border:0;background:var(--papel2);color:var(--tinta);display:grid;place-items:center;flex:none;cursor:pointer;box-shadow:0 0 0 1px rgba(154,106,28,.4),0 8px 18px -12px rgba(0,0,0,.5)}
.vitrina-flecha:hover{background:var(--tinta);color:var(--oro2)}
.vitrina-flecha svg{width:20px;height:20px}
.vitrina-mini{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:6px 4px;min-width:0}
.vitrina-mini::-webkit-scrollbar{display:none}
.vitrina-mini button{width:54px;height:54px;flex:none;border-radius:50%;border:0;padding:0;overflow:hidden;opacity:.6;cursor:pointer;box-shadow:0 0 0 2px var(--papel2);transition:opacity .2s,box-shadow .2s,transform .2s}
.vitrina-mini button img{width:100%;height:100%;object-fit:cover}
.vitrina-mini button:hover{opacity:1}
.vitrina-mini button[aria-selected=true]{opacity:1;box-shadow:0 0 0 3px var(--papel2),0 0 0 5px var(--oro-papel);transform:scale(1.06)}

/* ---------- nuestra historia ---------- */
.historia{background:radial-gradient(800px 500px at 0% 30%,rgba(179,32,44,.14),transparent 60%),var(--carbon)}
.historia-in{display:grid;gap:40px;align-items:center}
.capas{position:relative;aspect-ratio:1/1.05;max-width:560px;width:100%;justify-self:center}
.capas-a,.capas-b{position:absolute;border-radius:18px;overflow:hidden;box-shadow:var(--sombra)}
.capas-a{inset:0 18% 14% 0}
.capas-b{inset:40% 0 0 38%;border:6px solid var(--carbon2);box-shadow:0 0 0 1px var(--linea),var(--sombra)}
.capas img{width:100%;height:100%;object-fit:cover}
.capas-sello{position:absolute;left:-8px;bottom:6%;width:104px;height:104px;border-radius:50%;background:var(--negro);display:grid;place-items:center;box-shadow:0 0 0 3px var(--oro),0 20px 40px -14px rgba(0,0,0,.8)}
.capas-sello img{width:76%;height:auto;animation:gira-suave 14s linear infinite}
@keyframes gira-suave{50%{transform:rotate(8deg) scale(1.04)}}
.historia-txt>p:not(.mano){color:var(--tenue);font-size:17px;margin:16px 0 0}
.historia-txt .historia-lead{color:var(--crema);font-size:19px}
.historia-firma{font:italic 600 21px Georgia,serif;color:var(--oro2)!important}
.cifras{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}
.cifras div{background:rgba(233,180,76,.07);border:1px solid var(--linea);border-radius:14px;padding:16px 8px;text-align:center}
.cifras b{display:block;font:700 clamp(28px,3vw,38px)/1 var(--t-titulo);color:var(--oro2)}
.cifras span{display:block;font-size:13px;color:var(--tenue);margin-top:6px}
.valores{list-style:none;padding:6px var(--lado) 18px;margin:clamp(46px,6vw,74px) calc(-1 * var(--lado)) 0;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding-inline:var(--lado)}
.valores::-webkit-scrollbar{display:none}
.valores li{flex:0 0 76%;scroll-snap-align:start;background:var(--carbon2);border:1px solid var(--linea);border-radius:var(--radio);padding:22px 20px;display:flex;flex-direction:column;gap:8px}
.valores b{font:700 19px/1.2 var(--t-titulo);color:var(--crema)}
.valores li>span:last-child{color:var(--tenue);font-size:15px}
.valor-ico{width:48px;height:48px;border-radius:14px;background:linear-gradient(180deg,var(--oro2),var(--oro));color:var(--negro);display:grid;place-items:center;margin-bottom:4px}
.valor-ico svg{width:26px;height:26px}

/* ---------- mensaje ---------- */
.mensaje{position:relative;overflow:hidden;text-align:center;padding:clamp(80px,11vw,150px) 0;isolation:isolate}
.mensaje-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.mensaje::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(12,10,8,.86),rgba(60,14,18,.78))}
.mensaje blockquote{margin:12px auto 0;font:700 clamp(30px,5.2vw,66px)/1.08 var(--t-titulo);color:var(--crema);max-width:980px;text-wrap:balance}
.mensaje-in>p:last-child{margin:20px auto 0;max-width:620px;color:#d8c9b0;font-size:18px}

/* ---------- la experiencia ---------- */
.experiencia{padding-bottom:clamp(40px,6vw,70px)}
.exps{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px var(--lado) 18px;margin:0 calc(-1 * var(--lado));scroll-padding-inline:var(--lado)}
.exps::-webkit-scrollbar{display:none}
.exp{position:relative;flex:0 0 78%;scroll-snap-align:start;aspect-ratio:3/4;border-radius:22px;overflow:hidden;display:block;border:1px solid var(--linea);box-shadow:0 30px 60px -30px rgba(0,0,0,.9)}
.exp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s}
.exp:hover img{transform:scale(1.07)}
.exp::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,10,8,0) 30%,rgba(12,10,8,.94));pointer-events:none}
.exp-txt{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:20px;display:flex;flex-direction:column;gap:6px}
.exp-txt small{font:600 12px var(--t-cond);letter-spacing:.22em;text-transform:uppercase;color:var(--oro)}
.exp-txt b{font:700 24px/1.1 var(--t-titulo);color:var(--crema)}
.exp-txt>span{font-size:14.5px;color:#d8c9b0}

/* ---------- galería ---------- */
.galeria{columns:2;column-gap:10px}
.galeria a{display:block;margin-bottom:10px;border-radius:14px;overflow:hidden;break-inside:avoid;border:1px solid var(--linea);box-shadow:0 14px 30px -24px rgba(0,0,0,.9)}
.galeria img{width:100%;transition:transform .7s}
.galeria a:hover img{transform:scale(1.06)}
.galeria-mas{text-align:center;margin-top:18px}
.btn-borde--claro{cursor:pointer;background:transparent}
.visor{position:fixed;inset:0;z-index:200;background:rgba(8,6,4,.94);display:grid;place-items:center;padding:56px 12px}
.visor[hidden]{display:none}
.visor img{max-width:100%;max-height:100%;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.8)}
.visor-x,.visor-nav{position:absolute;width:46px;height:46px;border-radius:50%;border:1px solid var(--linea);background:var(--carbon);color:var(--oro2);display:grid;place-items:center;cursor:pointer}
.visor-x svg,.visor-nav svg{width:22px;height:22px}
.visor-x{top:calc(12px + env(safe-area-inset-top));right:12px}
.visor-a{left:10px;top:50%;margin-top:-23px}
.visor-b{right:10px;top:50%;margin-top:-23px}

/* ---------- horario y ubicación ---------- */
.horario{display:grid;gap:16px}
.tarjeta-papel{background:var(--papel2);border:1px solid rgba(154,106,28,.3);border-radius:var(--radio);padding:clamp(20px,3vw,34px);box-shadow:0 18px 40px -30px rgba(27,19,12,.6);min-width:0;color:var(--tinta)}
.rotulo{display:block;font:600 12px var(--t-cond);letter-spacing:.24em;text-transform:uppercase;color:var(--oro-papel)}
.horas2{margin-top:12px}
.horas2-fila{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid rgba(154,106,28,.22)}
.horas2-fila b{font:700 17px var(--t-titulo);color:var(--tinta);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.horas2-fila b em{font:600 11px var(--t-cond);font-style:normal;letter-spacing:.14em;text-transform:uppercase;background:var(--tinta);color:var(--oro2);padding:4px 9px;border-radius:999px}
.horas2-fila .d-corto{display:none}
.horas2-fila>span{font:600 15px var(--t-cond);letter-spacing:.04em;color:var(--rojo);white-space:nowrap}
.horas2-fila.hoy{background:linear-gradient(90deg,rgba(233,180,76,.28),transparent);margin:0 -12px;padding-inline:12px;border-radius:10px}
.estado--papel{background:#fff;padding:7px 12px;border-radius:999px;color:var(--tinta);margin-top:16px}
.nota-chica{font-size:13px;color:#7a6650;margin:12px 0 0}
.lugar{position:relative;border-radius:var(--radio);overflow:hidden;min-height:340px;display:flex;align-items:flex-end;color:var(--crema);box-shadow:0 30px 60px -34px rgba(27,19,12,.8)}
.lugar>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.lugar::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,10,8,.05),rgba(12,10,8,.9) 70%)}
.lugar-txt{position:relative;z-index:2;padding:clamp(20px,3vw,34px)}
.lugar .rotulo{color:var(--oro)}
.lugar h3{font:700 clamp(28px,3.4vw,42px)/1.1 var(--t-titulo);margin:6px 0 4px;color:var(--oro2)}
.lugar p{margin:2px 0;color:#d8c9b0}
.lugar p.pendiente{font-style:italic;color:#b9a98e}
.lugar-acc{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.btn-oro--chico{min-height:44px;padding:0 18px;font-size:14px}

/* ---------- reservar y pedir ---------- */
.reservar{display:grid;gap:16px;align-items:start}
.tarjeta-t{font:700 clamp(26px,3vw,34px)/1.1 var(--t-titulo);color:var(--tinta);margin:6px 0 0}
.form-res{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.form-res .ancho{grid-column:1/-1}
.form-res .campo span{font:600 12px var(--t-cond);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta2);margin-bottom:6px}
.form-res input,.form-res select,.form-res textarea{width:100%;padding:12px 13px;border-radius:12px;border:1.5px solid rgba(27,19,12,.16);background:#fff;color:var(--tinta);font:500 16px var(--t-texto);outline:0;appearance:auto}
.form-res input:focus,.form-res select:focus,.form-res textarea:focus{border-color:var(--oro-papel);box-shadow:0 0 0 4px rgba(154,106,28,.15)}
.form-res .msg{display:none;font-style:normal;font-size:12.5px;font-weight:600;color:var(--rojo);margin-top:5px}
.form-res .campo.error .msg{display:block}
.form-res .campo.error input,.form-res .campo.error select{border-color:var(--rojo);background:#fff6f5}
.form-res .nota-chica{margin:0}
.oculto{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.res-ok{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:16px;border-radius:14px;background:rgba(47,160,122,.14);color:var(--tinta);line-height:1.5}
.res-ok[hidden]{display:none}
.res-ok svg{width:26px;height:26px;color:var(--verde);flex:none}
.pasos3{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:18px}
.pasos3 li{display:flex;gap:14px;align-items:flex-start}
.pasos3 i{font:700 18px var(--t-titulo);font-style:normal;width:40px;height:40px;flex:none;border-radius:50%;background:var(--tinta);color:var(--oro2);display:grid;place-items:center;box-shadow:0 0 0 4px rgba(154,106,28,.2)}
.pasos3 b{display:block;font:700 18px var(--t-titulo);color:var(--tinta)}
.pasos3 span{color:var(--tinta2);font-size:15px}
.pasos3-acc{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.pasos3-acc>*{flex:1 1 auto}
.modos2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.modos2 div{background:#fff;border-radius:14px;padding:12px;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;box-shadow:0 0 0 1px rgba(154,106,28,.25)}
.modos2 svg{width:26px;height:26px;color:var(--oro-papel);grid-row:span 2}
.modos2 b{font:600 15px var(--t-cond);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta)}
.modos2 small{font-size:13px;color:var(--tinta2)}

/* ---------- menú completo ---------- */
#menu-completo{padding:clamp(64px,9vw,110px) var(--lado) 30px;background:radial-gradient(900px 600px at 20% 50%,rgba(179,32,44,.22),transparent 62%),radial-gradient(600px 400px at 95% 10%,rgba(233,180,76,.12),transparent 60%)}
.carta-full{width:min(100%,var(--ancho));margin:0 auto;display:grid;gap:44px;align-items:center}
.carta-full-p{color:var(--tenue);font-size:17px;margin:14px 0 0;max-width:560px}
.libro{position:relative;width:min(280px,66vw);aspect-ratio:3/4.1;justify-self:center;perspective:1600px;display:block}
.libro-pag,.libro-tapa,.libro-lomo{position:absolute;inset:0;border-radius:6px 14px 14px 6px}
.libro-pag{background:var(--papel2);transform:translateX(10px);box-shadow:0 40px 70px -30px rgba(0,0,0,.9);padding:40px 22px 22px 30px;display:flex;flex-direction:column;gap:11px;color:var(--tinta)}
.libro-pag span{font:700 16px var(--t-titulo);border-bottom:1px dashed rgba(154,106,28,.5);padding-bottom:7px}
.libro-tapa{transform-origin:left center;transform:rotateY(-14deg);transition:transform .8s cubic-bezier(.2,.75,.2,1);background:linear-gradient(135deg,#2a1d14,#120d09 60%);box-shadow:inset 0 0 0 10px #160f0a,inset 0 0 0 11.5px var(--oro),inset 0 0 0 16px #160f0a,inset 0 0 0 17px rgba(233,180,76,.45),20px 30px 60px -20px rgba(0,0,0,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;overflow:hidden;backface-visibility:hidden;z-index:2;padding:0 26px}
.libro-lomo{right:auto;width:16px;background:linear-gradient(90deg,#060403,#2a1d14);border-radius:6px 0 0 6px;z-index:3}
.libro:hover .libro-tapa,.libro:focus-visible .libro-tapa{transform:rotateY(-38deg)}
.libro-logo{width:100%;border-radius:8px;box-shadow:0 0 0 1px rgba(233,180,76,.35),0 20px 30px -16px rgba(0,0,0,.9)}
.libro-cinta{font:700 26px var(--t-titulo);color:var(--negro);background:linear-gradient(180deg,var(--oro2),var(--oro));padding:8px 30px;clip-path:polygon(4% 10%,50% 0,96% 8%,100% 50%,96% 92%,50% 100%,4% 90%,0 50%)}
.libro-tapa small{font:500 11px var(--t-cond);letter-spacing:.3em;text-transform:uppercase;color:rgba(239,230,214,.6)}
.cat-lista{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
.cat-lista a{display:flex;flex-direction:column;gap:1px;padding:11px 0;border-bottom:1px solid var(--linea);transition:color .2s,padding .2s}
.cat-lista b{font:700 15.5px var(--t-titulo);color:var(--crema)}
.cat-lista span{font-size:12.5px;color:var(--tenue2)}
.cat-lista a:hover b{color:var(--oro2)}
.carta-full-txt .btn-oro{margin-top:26px}
#menu{padding-top:40px}

/* ---------- pie ---------- */
.pie--v2{text-align:left}
.pie-in{width:min(100%,var(--ancho));margin:0 auto;display:grid;gap:26px;padding-bottom:26px;border-bottom:1px solid var(--linea)}
.pie--v2 .pie-marca img{width:180px;height:auto;margin:0 0 12px;border-radius:8px}
.pie--v2 h4{font:600 13px var(--t-cond);letter-spacing:.22em;text-transform:uppercase;color:var(--oro);margin:0 0 10px}
.pie--v2 p,.pie--v2 li{color:var(--tenue);font-size:15px}
.pie--v2 ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.pie--v2 a:hover{color:var(--oro2)}
.pie--v2 .pie-mini{text-align:center;margin-top:18px}

/* ---------- aparecer al bajar ---------- */
.v2-anim .rv{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.75,.2,1),transform .9s cubic-bezier(.2,.75,.2,1)}
.v2-anim .rv.vis{opacity:1;transform:none}

/* ---------- tablet ---------- */
@media (min-width:640px){
  .valores{display:grid;grid-template-columns:1fr 1fr;overflow:visible;padding:0;margin-left:0;margin-right:0}
  .valores li{flex:none}
  .exps{display:grid;grid-template-columns:1fr 1fr;overflow:visible;padding:0;margin:0}
  .exp{flex:none;aspect-ratio:4/3.6}
  .galeria{columns:3;column-gap:14px}
  .galeria a{margin-bottom:14px}
  .horario{grid-template-columns:1fr 1fr}
  .lugar{min-height:0}
  .cat-lista{column-gap:28px}
  .cat-lista a{flex-direction:row;justify-content:space-between;align-items:baseline}
  .pie-in{grid-template-columns:1.3fr 1fr 1fr 1fr}
  .pasos3-acc>*{flex:0 1 auto}
  .vitrina-precio{flex-basis:auto}
  .papel-marco{inset:clamp(10px,1.6vw,22px)}
}
/* ---------- computadora ---------- */
@media (min-width:980px){
  .btn-reservar{display:inline-flex}
  .cab-der{margin-left:24px}
  .portada-acc{justify-content:flex-start}
  .portada-datos{margin-left:0}
  .vitrina{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(40px,5vw,80px)}
  .historia-in{grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,90px)}
  .valores{grid-template-columns:repeat(4,1fr)}
  .exps{grid-template-columns:repeat(4,1fr);gap:18px}
  .exp{aspect-ratio:3/4.3}
  .galeria{columns:4}
  .horario{grid-template-columns:1fr 1.1fr}
  .reservar{grid-template-columns:1.15fr 1fr;gap:20px}
  .carta-full{grid-template-columns:.85fr 1.15fr;gap:clamp(40px,6vw,90px)}
  .libro{width:300px}
}
@media (max-width:1180px) and (min-width:980px){
  .cab-nav{gap:16px}
  .cab-nav a{font-size:13px;letter-spacing:.1em}
}
/* teléfono: márgenes finos dentro del marco del pergamino */
@media (max-width:639px){
  .papel .sec-in{width:calc(100% - 52px)}
  .papel-marco{inset:8px}
  .vitrina-foto{max-width:300px}
  .vitrina-sello{width:88px;height:88px;right:-6px}
  .vitrina-sello b{font-size:18px}
  .vitrina-emblema{width:64px;height:64px;left:-6px}
  .vitrina-acc>.btn-oscuro,.vitrina-acc>.btn-borde{flex:1 1 auto}
  .vitrina-mini button{width:46px;height:46px}
  .vitrina-flecha{width:38px;height:38px}
  .insignia{padding:13px 24px;gap:8px}
  .insignia-orn{width:28px}
  .form-res{grid-template-columns:1fr}
  .cifras span{font-size:12px}
  .horas2-fila .d-largo{display:none}
  .horas2-fila .d-corto{display:inline}
  .pie-in{grid-template-columns:1fr 1fr;column-gap:16px}
  .pie-marca,.pie-in>div:last-child{grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){
  .cinta-fila{animation:none}
  .v2-anim .rv{opacity:1;transform:none}
}