/* Experiencias · estilos de las fichas.
   Componentes de la ficha de bodega (los inyecta reservar.js en /bodega/*) copiados para que las
   fichas de experiencia y de empresa sean idénticas sin cargar reservar.js, más las piezas propias. */
/* vb-share-css (copia de reservar.js) */
.vb-share{margin:10px 0 2px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vb-share .lbl{font-weight:600;font-size:.82rem;color:var(--t45)}.vb-share a,.vb-share button{width:34px;height:34px;padding:0;border-radius:9px;border:1px solid var(--lf);background:none;display:grid;place-items:center;color:var(--t70);font-size:.95rem;line-height:1;cursor:pointer;text-decoration:none;transition:border-color .16s,color .16s}.vb-share a:hover,.vb-share button:hover{border-color:var(--vino);color:var(--vino)}.vb-share button.ok{border-color:var(--verde);color:var(--verde)}
/* vb-hero-css (copia de reservar.js) */
.vb-hero{position:relative;aspect-ratio:16/8;overflow:hidden;border-radius:22px;border:1px solid var(--linea)}@media(max-width:640px){.vb-hero{aspect-ratio:4/3}}.vb-hero img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.6,.2,1)}.vb-hero:hover img{transform:scale(1.05)}.vb-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(18,11,13,.86) 2%,rgba(18,11,13,.34) 38%,rgba(18,11,13,0) 66%)}.vb-hero-ov{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(18px,3.4vw,34px)}.vb-hero-ov *{color:#fff!important}.vb-hero-ov .micro{letter-spacing:.14em;font-size:.72rem;opacity:.92;text-transform:uppercase}.vb-hero-ov h1{margin:8px 0 6px!important;text-shadow:0 2px 26px rgba(0,0,0,.35);line-height:1.05}.vb-hero-ov .vb-hero-loc{font-size:.95rem;opacity:.92;display:flex;align-items:center;gap:6px}.vb-hero .vb-fav{position:absolute;top:12px;right:12px;z-index:4;width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#c62a3b;font-size:1.4rem;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.22);transition:transform .15s,background .15s,color .15s}.vb-hero .vb-fav:hover{transform:scale(1.08)}.vb-hero .vb-fav.on{background:#c62a3b;color:#fff}
/* vb-near-css (copia de reservar.js) */
.vb-near{margin:8px 0 56px}.vb-near h2{font-size:1.5rem;margin:0 0 4px}.vb-near .sub{color:var(--t45);font-size:.9rem;margin:0 0 20px}.vb-near-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}@media(max-width:860px){.vb-near-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:460px){.vb-near-grid{grid-template-columns:1fr}}.vb-nc{display:block;text-decoration:none;color:inherit;background:var(--sup);border:1px solid var(--linea);border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s}.vb-nc:hover{transform:translateY(-4px);box-shadow:0 20px 40px -26px rgba(29,35,39,.45)}.vb-nc-img{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--papel)}.vb-nc-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.vb-nc:hover .vb-nc-img img{transform:scale(1.06)}.vb-nc-km{position:absolute;top:10px;left:10px;background:rgba(18,11,13,.72);color:#fff;font-size:.7rem;font-weight:600;padding:4px 9px;border-radius:999px;backdrop-filter:blur(4px)}.vb-nc-body{padding:13px 14px 15px}.vb-nc-body h3{font-size:1rem;margin:0 0 3px;line-height:1.25}.vb-nc-prov{color:var(--t45);font-size:.82rem;display:flex;align-items:center;gap:5px}.vb-nc-go{margin-top:9px;color:var(--vino);font-size:.82rem;font-weight:600}
/* .amen-grid{d (copia de reservar.js) */
.amen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;margin-top:6px}.amen-i{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid var(--linea);border-radius:11px;background:var(--sup);font-size:.9rem}.amen-i .ai-e{font-size:1.15rem}.amen-i .ai-t{flex:1;color:var(--tinta)}.amen-i .ai-b{font-weight:700;color:var(--verde)}.amen-i.off{opacity:.82}.amen-i.off .ai-b{color:var(--t70)}.amen-i.off .ai-t{color:var(--t70)}.cancel-box{margin-top:14px;background:var(--papel);border:1px solid var(--linea);border-radius:12px;padding:12px 14px;font-size:.92rem;color:var(--t70)}
/* .rsv label{f (copia de reservar.js) */
.rsv label{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--t45);display:block;margin-bottom:5px}.rsv .ff{margin-top:12px}.rsv select,.rsv input{width:100%;padding:11px;border:1.5px solid var(--lf);border-radius:10px;font-family:inherit;font-size:.95rem;background:#fff}.rsv select:invalid,.rsv input:invalid{border-color:var(--lf)}.rsv .err{border-color:var(--vino)!important}.rsv .two{display:flex;gap:8px}.rsv .msg{font-size:.78rem;color:var(--vino);margin-top:8px;min-height:16px}.rsv .rem{font-size:.72rem;color:var(--t45);margin-top:4px}.rsv-prog{display:flex;gap:5px;margin-bottom:16px}.rsv-pd{flex:1;text-align:center;font-size:.6rem;color:var(--t45);letter-spacing:.02em}.rsv-pd span{display:block;height:4px;border-radius:3px;background:var(--lf);margin-bottom:5px;transition:.2s}.rsv-pd.on span,.rsv-pd.done span{background:var(--vino)}.rsv-pd.on b{color:var(--vino)}.rsv-pd b{font-weight:600}.rsv-step{display:none}.rsv-step.on{display:block}.rsv-nav{display:flex;gap:8px;margin-top:16px}.rsv-trust{display:flex;flex-wrap:wrap;gap:6px 12px;margin-bottom:14px}.rsv-trust span{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;color:var(--t70);font-weight:500}.rsv-trust svg{width:13px;height:13px;flex:none;color:var(--verde)}.rsv-bar{position:fixed;left:0;right:0;bottom:0;z-index:900;display:none;align-items:center;gap:12px;padding:11px 16px calc(11px + env(safe-area-inset-bottom));background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-top:1px solid var(--linea);box-shadow:0 -8px 30px -18px rgba(29,35,39,.5)}.rsv-bar .b-price{display:flex;flex-direction:column;line-height:1.1;flex:1;min-width:0}.rsv-bar .b-price small{font-size:.66rem;color:var(--t45);text-transform:uppercase;letter-spacing:.05em}.rsv-bar .b-price b{font-family:var(--fd);font-size:1.15rem;color:var(--tinta)}.rsv-bar .b-price b i{font-style:normal;font-size:.8rem;color:var(--t45);font-weight:400}.rsv-bar .btn{flex:none;width:auto;padding:0 26px;height:46px;white-space:nowrap;box-shadow:0 8px 22px -8px rgba(166,25,46,.5)}@media(max-width:720px){.rsv-bar{display:flex}body{padding-bottom:76px}}
/* rv-css2 (copia de reservar.js) */
.rv-sum{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;background:var(--papel);border:1px solid var(--linea);border-radius:14px;padding:16px 18px;margin-bottom:14px}@media(max-width:420px){.rv-sum{grid-template-columns:1fr;gap:12px;text-align:center}}.rv-big{text-align:center;min-width:88px}.rv-avg{font-family:var(--fd);font-size:2.9rem;line-height:1;color:var(--tinta)}.rv-big .st{color:var(--oro);font-size:1rem;margin-top:2px}.rv-big .cnt{color:var(--t45);font-size:.76rem;margin-top:3px}.rv-drow{display:grid;grid-template-columns:34px 1fr 28px;gap:9px;align-items:center;font-size:.78rem;color:var(--t45);margin:3px 0}.rv-bar{height:7px;background:var(--lf);border-radius:6px;overflow:hidden}.rv-bar i{display:block;height:100%;width:100%;background:var(--oro);border-radius:6px;transform-origin:left;transition:transform .5s ease}.rv-sort{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:12px}.rv-sort select{padding:7px 10px;border:1px solid var(--lf);border-radius:9px;font-family:inherit;font-size:.82rem;background:#fff}
/* ---- piezas propias de Experiencias ---- */
/* Experiencias: piezas nuevas con los tokens del sitio (estilos.css). Todo lo demás es el CSS real. */
.xp-gal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}
.xp-gal button{padding:0;border:1px solid var(--linea);border-radius:14px;overflow:hidden;aspect-ratio:4/3;cursor:pointer;background:var(--linea)}
.xp-gal img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.xp-gal button:hover img{transform:scale(1.04)}
.xp-gal button.on{outline:3px solid var(--vino);outline-offset:-3px}
@media(max-width:640px){.xp-gal{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:42%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.xp-gal button{scroll-snap-align:start}}
.xp-sec{padding:22px 0;border-bottom:1px solid var(--linea)}
.xp-sec h2{font-size:1.4rem;margin-bottom:8px}
.xp-sec p{color:var(--t70)}
.xp-tl{list-style:none;margin:14px 0 0;padding:0}
.xp-tl li{position:relative;padding:0 0 18px 30px}
.xp-tl li:before{content:"";position:absolute;left:5px;top:6px;width:10px;height:10px;border-radius:50%;background:#fff;border:3px solid var(--vino)}
.xp-tl li:after{content:"";position:absolute;left:10px;top:20px;bottom:0;width:2px;background:var(--linea)}
.xp-tl li:last-child{padding-bottom:0}.xp-tl li:last-child:after{display:none}
.xp-tl .h{font-weight:600;color:var(--tinta)}
.xp-tl .h small{font-family:var(--fm,ui-monospace),monospace;color:var(--vino);font-size:.78rem;margin-right:8px;letter-spacing:.04em}
.xp-tl p{font-size:.92rem;margin-top:2px}
.xp-inc{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px 28px;margin-top:10px}
.xp-inc h3{font-size:1.02rem;margin:0 0 6px}
.xp-inc li{list-style:none;display:flex;gap:9px;align-items:flex-start;color:var(--t70);font-size:.94rem;padding:5px 0}
.xp-inc ul{margin:0;padding:0}
.xp-inc .si{color:#2E7D55;font-weight:700}.xp-inc .no{color:var(--t45);font-weight:700}
.xp-org{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:var(--papel,#F7F4F2);border:1px solid var(--linea);border-radius:14px;padding:16px 18px;margin-top:10px}
.xp-org .lg{flex:0 0 56px;height:56px;border-radius:14px;background:var(--tinta);color:#fff;display:grid;place-items:center;font-family:var(--fd);font-size:1.15rem}
.xp-org .tx{flex:1 1 240px}
.xp-org .tx b{display:block;font-family:var(--fd);font-weight:400;font-size:1.1rem;color:var(--tinta)}
.xp-org .tx span{font-size:.86rem;color:var(--t70)}
.xp-org .ok{color:#2E7D55;font-weight:600}
.xp-rv{padding:14px 0;border-top:1px solid var(--linea)}
.xp-rv .who{display:flex;gap:10px;align-items:center;margin-bottom:6px;font-size:.88rem;color:var(--t45)}
.xp-rv .who b{color:var(--tinta);font-weight:600}
.xp-rv .who .st{margin-left:auto;color:var(--oro,#E0A93B)}
.xp-rv p{color:var(--t70);font-size:.94rem}
.xp-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.xp-tags span{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;color:var(--t70);background:var(--papel,#F7F4F2);border:1px solid var(--linea);border-radius:999px;padding:3px 10px}
.xp-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--linea)}
.xp-row img{width:96px;height:72px;object-fit:cover;border-radius:10px;flex:none}
.xp-row h3{font-size:1.02rem;margin:0 0 3px}
.xp-row h3 a{color:var(--tinta);text-decoration:none}.xp-row h3 a:hover{color:var(--vino)}
.xp-row .m{color:var(--t45);font-size:.85rem}
.xp-row .d{color:var(--t70);font-size:.86rem;margin-top:2px}
@media(max-width:640px){.xp-row{flex-wrap:wrap}.xp-row img{width:100%;height:160px}}
.xp-credits{font-size:.72rem;color:var(--t45);padding-top:14px;padding-bottom:26px;line-height:1.6}
.xp-credits a{color:inherit}
.xp-more{margin:8px 0 56px}
.xp-more h2{font-size:1.5rem;margin:0 0 14px}
.xp-cta{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;background:var(--tinta);color:#fff;border-radius:22px;padding:30px 34px;margin:10px 0 56px}
.xp-cta h2{color:#fff;font-size:1.6rem;margin:6px 0 8px}
.xp-cta p{color:rgba(255,255,255,.82);max-width:640px}
.xp-cta .micro{color:#E8A0AA}
/* Opciones de la experiencia (las mismas que el desplegable del widget) */
.xp-ops{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:12px}
.xp-op{display:flex;flex-direction:column;gap:6px;background:var(--sup,#fff);border:1px solid var(--linea);border-radius:14px;padding:14px 16px}
.xp-op .n{font-family:var(--fd);font-size:1.08rem;color:var(--tinta)}
.xp-op p{font-size:.88rem;flex:1}
.xp-op .pie{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:4px}
.xp-op .pr{font-family:var(--fd);font-size:1.05rem;color:var(--tinta)}
.xp-op .xp-el{font:600 .82rem var(--ft),sans-serif;color:var(--vino);background:none;border:0;padding:6px 0;cursor:pointer}.xp-op .xp-el:hover{text-decoration:underline}
.xp-opc{margin-top:12px;font-size:.92rem}
/* Dato que solo puede rellenar la empresa */
.xp-ph{display:inline-block;font-size:.76rem;font-weight:500;color:var(--t45);border:1px dashed var(--lf,#D6D0CB);border-radius:999px;padding:2px 9px;white-space:nowrap}
.xp-sec details{border-top:1px solid var(--linea)}
.xp-sec summary{cursor:pointer;padding:10px 0;font-weight:500;color:var(--tinta)}
.xp-sec details p{padding-bottom:10px}
.xp-inc1{list-style:none;margin:10px 0 0;padding:0;columns:2 260px;column-gap:28px}
.xp-inc1 li{display:flex;gap:9px;align-items:flex-start;color:var(--t70);font-size:.94rem;padding:5px 0;break-inside:avoid}
.xp-inc1 .si{color:#2E7D55;font-weight:700}
@media(max-width:640px){.xp-ops{grid-template-columns:1fr}}
