@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:800;font-display:optional;src:url(/fotos/assets/fonts/bricolage-grotesque-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:optional;src:url(/fotos/assets/fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:optional;src:url(/fotos/assets/fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Caveat Brush";font-style:normal;font-weight:400;font-display:optional;src:url(/fotos/assets/fonts/caveat-brush-latin-400-normal.woff2) format("woff2")}

:root{
  --negro:#0A0A0A;--panel:#131313;--panel-2:#1C1C1C;--linea:#2C2C2C;
  --blanco:#FFFFFF;--gris:#B8B8B8;--gris-2:#8E8E8E;
  --rojo:#E10600;--rojo-logo:#FF0000;--rojo-oscuro:#A30400;
  --display:"Bricolage Grotesque","Arial Black",Impact,sans-serif;
  --texto:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mano:"Caveat Brush","Comic Sans MS",cursive;
  --ancho:1320px;--margen:clamp(16px,4vw,48px);
  --alto-fila:clamp(150px,22vw,260px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(72px + env(safe-area-inset-top,0px))}
html.sin-scroll,html.sin-scroll body{overflow:hidden;overscroll-behavior:none}
body.visor-abierto{position:fixed;left:0;right:0;width:100%}
body{margin:0;background:var(--negro);color:var(--blanco);font-family:var(--texto);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;padding-bottom:env(safe-area-inset-bottom,0px)}
img{display:block;max-width:100%;height:auto}
a{color:var(--blanco);text-underline-offset:3px;text-decoration-thickness:1px}
:focus-visible{outline:3px solid var(--blanco);outline-offset:3px}
.oculto{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.envoltura{width:100%;max-width:var(--ancho);margin:0 auto;padding:0 var(--margen)}
.saltar{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 16px;background:var(--blanco);color:var(--negro);border-radius:8px;font-weight:600}
.saltar:focus{top:12px}

/* Cabecera */
.cabecera{position:sticky;top:0;z-index:20;background:rgba(10,10,10,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--linea);padding-top:env(safe-area-inset-top,0px)}
.cabecera .envoltura{display:flex;align-items:center;gap:24px;min-height:68px}
.cabecera .marca img{width:132px;height:auto;aspect-ratio:560/155}
.menu{display:flex;gap:22px;font-size:15px;font-weight:600}
.menu a{text-decoration:none;color:var(--gris)}
.menu a[aria-current="page"],.menu a:hover{color:var(--blanco)}
.cta-cabecera{margin-left:auto;height:44px;padding:0 18px;border-radius:999px;background:var(--rojo);color:var(--blanco);font-weight:600;font-size:15px;text-decoration:none;display:flex;align-items:center;white-space:nowrap}
.cta-cabecera:hover{background:var(--rojo-oscuro)}

/* Tipografía de sección */
.sobretitulo{font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gris)}
.titulo-xl{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(44px,7vw,96px);line-height:.92;letter-spacing:-.035em}
.titulo-l{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(32px,4.4vw,56px);line-height:.98;letter-spacing:-.03em}
.titulo-m{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(24px,2.6vw,32px);line-height:1.05;letter-spacing:-.02em}
.mano{font-family:var(--mano);color:var(--rojo-logo);font-weight:400}
.lead{margin:0;max-width:44em;font-size:clamp(17px,1.6vw,19px);color:var(--gris)}
.lead strong{color:var(--blanco);font-weight:600}
.seccion{padding:clamp(48px,7vw,88px) 0}
.seccion+.seccion{border-top:1px solid var(--linea)}
.cabeza-seccion{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin-bottom:28px}

/* Portada de página */
.portada-pagina{position:relative;isolation:isolate;overflow:hidden;padding:clamp(40px,7vw,96px) 0 clamp(36px,5vw,64px);border-bottom:1px solid var(--linea)}
.portada-pagina::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 55% 60% at 18% 30%,#3A0505 0%,#180505 45%,var(--negro) 78%)}
.portada-pagina .lead{margin-top:20px}
.cifras{display:flex;flex-wrap:wrap;gap:28px 40px;margin-top:32px}
.cifras div{display:flex;flex-direction:column}
.cifras strong{font-family:var(--display);font-weight:800;font-size:clamp(28px,3vw,38px);line-height:1}
.cifras span{font-size:14px;color:var(--gris)}

/* Migas */
.migas{font-size:14px;color:var(--gris);margin-bottom:18px}
.migas ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.migas li+li::before{content:"/";margin-right:6px;color:var(--gris-2)}
.migas a{color:var(--gris);text-decoration:none}
.migas a:hover{color:var(--blanco);text-decoration:underline}

/* Chips de ciudades */
.chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.chips a{display:flex;align-items:baseline;gap:8px;min-height:44px;padding:10px 18px;border:1px solid var(--linea);border-radius:999px;text-decoration:none;font-weight:600;background:var(--panel)}
.chips a span{font-weight:400;font-size:14px;color:var(--gris)}
.chips a:hover{border-color:var(--blanco)}

/* Rejillas de tarjetas */
.rejilla{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:28px 20px}
.tarjeta{display:flex;flex-direction:column;gap:6px;text-decoration:none}
.tarjeta-img{position:relative;display:block;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:var(--panel-2)}
.tarjeta-img img{width:100%;height:100%;object-fit:cover;object-position:50% 10%;transition:transform .35s ease}
.tarjeta-titulo{margin-top:6px;font-weight:600;font-size:17px;line-height:1.3}
.tarjeta-meta{font-size:14px;color:var(--gris)}
.etiqueta{position:absolute;left:10px;top:10px;padding:4px 10px;border-radius:999px;background:rgba(10,10,10,.85);font-size:13px;font-weight:600}
@media (hover:hover){.tarjeta:hover .tarjeta-img img{transform:scale(1.04)}}

/* Tarjetas de lugar */
.rejilla-lugares{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.tarjeta-lugar .tarjeta-img{aspect-ratio:16/10}
.tarjeta-lugar .tarjeta-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,0) 40%,rgba(10,10,10,.92) 100%)}
.tarjeta-lugar .sobre{position:absolute;left:16px;right:16px;bottom:14px;z-index:1;display:flex;flex-direction:column;gap:2px}
.tarjeta-lugar .sobre strong{font-family:var(--display);font-weight:800;font-size:24px;line-height:1.05;letter-spacing:-.01em}
.tarjeta-lugar .sobre span{font-size:14px;color:#E2E2E2}

/* Modelos */
.rejilla-modelos{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.rejilla-modelos .tarjeta-img{aspect-ratio:3/4}
.chips-modelos{margin-top:28px}

/* Paginación */
.paginacion{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:44px;color:var(--gris);font-size:15px}
.paginacion a{display:flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--linea);border-radius:999px;text-decoration:none;font-weight:600;color:var(--blanco)}
.paginacion a:hover{border-color:var(--blanco)}

/* Álbum */
.album-cabeza{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 32px}
.album-meta{display:flex;flex-wrap:wrap;gap:6px 22px;margin:18px 0 0;padding:0;list-style:none;color:var(--gris)}
.album-meta a{color:var(--blanco)}
.acciones{display:flex;flex-wrap:wrap;gap:10px}
.boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;border:0;background:var(--rojo);color:var(--blanco);font:inherit;font-weight:600;font-size:16px;cursor:pointer;text-decoration:none}
.boton:hover{background:var(--rojo-oscuro)}
.boton.sec{background:transparent;border:1px solid var(--linea)}
.boton.sec:hover{border-color:var(--blanco)}
.nota-archivo{margin:28px 0 0;font-size:14px;color:var(--gris-2)}

/* Galería justificada: cada foto crece en proporción a su forma, todas las de una fila quedan a la misma altura */
.galeria{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:28px 0 0;padding:0}
.galeria::after{content:"";flex-grow:999}
.g-item{position:relative;flex-grow:calc(var(--r,1.5)*100);flex-basis:calc(var(--r,1.5)*var(--alto-fila));aspect-ratio:var(--r,1.5);overflow:hidden;border-radius:6px;background:var(--panel-2)}
.g-item a{display:block;width:100%;height:100%}
.g-item img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease,opacity .3s ease}
@media (hover:hover){.g-item:hover img{transform:scale(1.03)}}

/* Visor de fotos (inspirado en Fotos del iPhone) */
.ico{display:inline-block;width:22px;height:22px;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;flex:0 0 auto}
.ico-abajo{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
.ico-x{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}
.ico-izq{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5l-7 7 7 7'/%3E%3C/svg%3E")}
.ico-der{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E")}
.ico-puntos{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='5' cy='12' r='1.7'/%3E%3Ccircle cx='12' cy='12' r='1.7'/%3E%3Ccircle cx='19' cy='12' r='1.7'/%3E%3C/svg%3E")}
.ico-corazon{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.4-9.2-8.7C1.4 8.5 3.2 4.8 6.7 4.8c2 0 3.2 1.1 3.9 2.1h2.8c.7-1 1.9-2.1 3.9-2.1 3.5 0 5.3 3.7 3.9 6.5C19 15.6 12 20 12 20z'/%3E%3C/svg%3E")}
.ico-corazon-lleno{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20.5s-7.4-4.6-9.7-9.1C.8 8.3 2.8 4.3 6.6 4.3c2.1 0 3.4 1.1 4.1 2.2h2.6c.7-1.1 2-2.2 4.1-2.2 3.8 0 5.8 4 4.3 7.1C19.4 15.9 12 20.5 12 20.5z'/%3E%3C/svg%3E")}
.ico-compartir{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15V3.5m0 0L8 7.5m4-4l4 4M7 10.5H5.5v10h13v-10H17'/%3E%3C/svg%3E")}
.ico-bajar{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11m0 0l-4.5-4.5M12 15l4.5-4.5M5 19.5h14'/%3E%3C/svg%3E")}
.ico-play{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.5 4.8v14.4L19 12z'/%3E%3C/svg%3E")}
.ico-pausa{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 5h3.5v14H7zM13.5 5H17v14h-3.5z'/%3E%3C/svg%3E")}
.ico-info{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5.5M12 7.6v.2'/%3E%3C/svg%3E")}
.ico-enlace{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 14a4 4 0 005.7 0l3-3a4 4 0 00-5.7-5.7l-1 1M14 10a4 4 0 00-5.7 0l-3 3a4 4 0 005.7 5.7l1-1'/%3E%3C/svg%3E")}
.ico-ojo{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18M10.6 6.1A9.8 9.8 0 0112 6c5 0 9 6 9 6a15.6 15.6 0 01-3.2 3.7M6.6 6.6C4.3 8.2 3 12 3 12s4 6 9 6a8.8 8.8 0 004.4-1.2M9.9 9.9a3 3 0 004.2 4.2'/%3E%3C/svg%3E")}
.ico-whatsapp{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.2A9.8 9.8 0 003.6 17l-1.4 4.8 5-1.3A9.8 9.8 0 1012 2.2zm5.7 13.9c-.2.7-1.4 1.3-2 1.4-.5.1-1.2.1-2-.1-.4-.1-1-.3-1.7-.7a12.8 12.8 0 01-4.9-4.3c-.4-.5-.9-1.5-.9-2.6 0-1.1.6-1.6.8-1.9.2-.2.5-.3.6-.3h.5c.2 0 .4 0 .6.4l.8 2c.1.2.1.3 0 .5l-.3.5-.4.4c-.1.1-.3.3-.1.6a8.6 8.6 0 004.3 3.7c.3.1.5.1.6-.1l.9-1c.2-.3.4-.2.6-.1l1.9.9c.3.1.5.2.5.3.1.2.1.8-.1 1.4z'/%3E%3C/svg%3E")}
.ico-facebook{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 8h2.5V4.5H14a4 4 0 00-4 4V11H7.5v3.5H10V21h3.5v-6.5H16l.5-3.5h-3V8.5A.5.5 0 0114 8z'/%3E%3C/svg%3E")}
.visor{--vidrio:rgba(22,22,24,.72);--linea-v:rgba(255,255,255,.1);--ui:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif;position:fixed;inset:0;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#000;color:#fff;overflow:hidden;font-family:var(--ui);touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}
.visor::backdrop{background:#000}
.visor[open]{display:block}
.v-capa{position:absolute;left:0;right:0;z-index:4;transition:opacity .25s ease,transform .25s ease}
.visor.sin-ui .v-capa,.visor.sin-ui .v-flecha{opacity:0;pointer-events:none}
.visor.sin-ui .v-arriba{transform:translateY(-8px)}
.visor.sin-ui .v-abajo{transform:translateY(8px)}
.v-arriba{top:0;display:flex;align-items:center;gap:6px;padding:8px 10px;padding-top:calc(8px + env(safe-area-inset-top,0px));background:var(--vidrio);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:.5px solid var(--linea-v)}
.v-titulo{position:absolute;left:50%;top:calc(50% + env(safe-area-inset-top,0px) / 2);transform:translate(-50%,-50%);max-width:min(46%,520px);display:flex;flex-direction:column;align-items:center;line-height:1.25;text-align:center;pointer-events:none}
.v-arriba [data-accion="menu"]{margin-left:0}
.v-acciones{margin-left:auto}
@media (max-width:760px),(pointer:coarse){.v-titulo{max-width:56%}}
.v-titulo strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;letter-spacing:-.01em}
.v-titulo span{font-size:12px;color:rgba(235,235,245,.6);font-variant-numeric:tabular-nums}
.v-acciones{display:flex;align-items:center;gap:2px}
.v-ic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background .15s ease,transform .1s ease}
.v-ic:hover{background:rgba(255,255,255,.1)}
.v-ic:active{transform:scale(.92)}
.v-ic[data-accion="fav"][aria-pressed="true"]{color:#FF3B30}
.v-ic[data-accion="fav"][aria-pressed="true"] .ico-corazon{--i:var(--i-lleno)}
.ico-corazon{--i-lleno:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20.5s-7.4-4.6-9.7-9.1C.8 8.3 2.8 4.3 6.6 4.3c2.1 0 3.4 1.1 4.1 2.2h2.6c.7-1.1 2-2.2 4.1-2.2 3.8 0 5.8 4 4.3 7.1C19.4 15.9 12 20.5 12 20.5z'/%3E%3C/svg%3E")}
.v-abajo{bottom:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:var(--vidrio);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:.5px solid var(--linea-v)}
.v-barra{display:flex;justify-content:space-around;width:100%;max-width:420px}
.visor-foto{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:zoom-in;outline:none}
.visor-foto.con-zoom{cursor:grab}
.visor-foto img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;will-change:transform;-webkit-user-drag:none;transition:opacity .2s ease}
.visor-foto img.cargando{opacity:.4}
.v-flecha{position:absolute;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:-22px;border:0;border-radius:50%;background:var(--vidrio);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;cursor:pointer;opacity:.85;transition:opacity .2s ease}
.v-flecha:hover{opacity:1}
.v-flecha.ant{left:16px}.v-flecha.sig{right:16px}
.visor-tira{position:relative;width:100%;display:flex;align-items:center;gap:2px;max-width:100%;overflow-x:auto;scrollbar-width:none;padding:2px 50%;touch-action:pan-x;-webkit-overflow-scrolling:touch}
.visor-tira::-webkit-scrollbar{display:none}
.tira-item{flex:0 0 auto;width:30px;height:40px;padding:0;border:0;border-radius:2px;overflow:hidden;background:#1c1c1e;cursor:pointer;opacity:.6;transition:width .2s ease,height .2s ease,opacity .2s ease,margin .2s ease;position:relative}
.tira-item img{width:100%;height:100%;object-fit:cover;display:block}
.tira-item.activa{width:40px;height:44px;margin:0 4px;opacity:1;border-radius:4px}
.v-menu{position:absolute;top:calc(56px + env(safe-area-inset-top,0px));right:10px;z-index:6;min-width:220px;padding:6px;border-radius:14px;background:rgba(36,36,38,.92);-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px);box-shadow:0 12px 40px rgba(0,0,0,.5)}
.v-menu[hidden]{display:none}
.v-menu button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 12px;border:0;border-radius:10px;background:none;color:#fff;font:inherit;font-size:15px;text-align:left;cursor:pointer}
.v-menu button:hover{background:rgba(255,255,255,.08)}
.v-menu .ico{width:20px;height:20px}
.v-menu .v-admin{color:#FFCB7A;border-top:.5px solid var(--linea-v);border-radius:0 0 10px 10px;margin-top:4px}
.v-hoja{position:absolute;left:0;right:0;bottom:0;z-index:7;margin:0 auto;max-width:520px;padding:8px 20px calc(24px + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;background:rgba(30,30,32,.94);-webkit-backdrop-filter:saturate(180%) blur(30px);backdrop-filter:saturate(180%) blur(30px);animation:subir .28s cubic-bezier(.2,.9,.3,1)}
.v-hoja[hidden]{display:none}
@keyframes subir{from{transform:translateY(100%)}to{transform:none}}
.v-hoja-asa{width:36px;height:5px;margin:0 auto 12px;border-radius:3px;background:rgba(255,255,255,.3)}
.v-hoja-titulo{margin:0 0 16px;font-size:15px;font-weight:600;text-align:center}
.v-compartir{display:flex;justify-content:space-around;gap:8px}
.v-compartir a,.v-compartir button{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:72px;padding:0;border:0;background:none;color:rgba(235,235,245,.85);font:inherit;font-size:12px;text-decoration:none;cursor:pointer}
.v-circulo{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff}
.v-circulo .ico{width:26px;height:26px}
.v-circulo.wa{background:#25D366}.v-circulo.fb{background:#1877F2}
.v-info{margin:0 0 18px;border-radius:12px;background:rgba(255,255,255,.06)}
.v-info div{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;font-size:15px}
.v-info div+div{border-top:.5px solid var(--linea-v)}
.v-info dt{color:rgba(235,235,245,.6)}
.v-info dd{margin:0;text-align:right}
.v-boton{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;border:0;border-radius:12px;background:#fff;color:#000;font:inherit;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer}
.v-boton.sec{background:rgba(255,255,255,.12);color:#fff}
.v-boton .ico{width:20px;height:20px}
.v-pregunta{position:absolute;left:50%;top:50%;z-index:8;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:10px;width:min(300px,86vw);padding:20px;border-radius:16px;background:rgba(30,30,32,.94);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);text-align:center}
.v-pregunta[hidden]{display:none}
.v-pregunta p{margin:0 0 6px;font-size:16px;font-weight:600}
.visor-aviso{position:absolute;left:50%;bottom:calc(140px + env(safe-area-inset-bottom,0px));z-index:9;transform:translateX(-50%);margin:0;padding:0;font-size:14px;font-weight:500;pointer-events:none;white-space:nowrap}
.visor-aviso:not(:empty){padding:10px 18px;border-radius:999px;background:rgba(30,30,32,.92);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.v-solo-movil{display:none!important}
@media (max-width:760px),(pointer:coarse){
  .v-solo-movil{display:inline-flex!important}
  .v-barra.v-solo-movil{display:flex!important}
  .v-solo-escritorio{display:none!important}
  .v-flecha{display:none}
}

/* Íconos de la página de favoritas y del menú */
.ico-corazon-menu{display:inline-block;width:15px;height:15px;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20.5s-7.4-4.6-9.7-9.1C.8 8.3 2.8 4.3 6.6 4.3c2.1 0 3.4 1.1 4.1 2.2h2.6c.7-1.1 2-2.2 4.1-2.2 3.8 0 5.8 4 4.3 7.1C19.4 15.9 12 20.5 12 20.5z'/%3E%3C/svg%3E")}

/* Scroll infinito */
.galeria-mas{display:flex;align-items:center;justify-content:center;gap:10px;padding:28px 0;color:var(--gris)}
.galeria-mas[hidden]{display:none}
.girador{width:18px;height:18px;border-radius:50%;border:2px solid var(--linea);border-top-color:var(--blanco);animation:girar .8s linear infinite}
@keyframes girar{to{transform:rotate(360deg)}}
.centinela{height:1px}

/* Buscador */
.buscador{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;max-width:960px}
.buscador input,.buscador select{height:52px;border-radius:12px;border:1px solid var(--linea);background:var(--panel);color:var(--blanco);padding:0 14px;font:inherit;font-size:16px}
.buscador input{flex:1 1 320px;min-width:0}
.buscador select{flex:0 1 auto}
.buscador .boton{height:52px}

/* Años en la página de cada lugar */
.chips-anios{margin-bottom:24px}
.chips-anios a[aria-current="true"]{border-color:var(--blanco);background:var(--panel-2)}

/* Favoritas */
.menu-fav{display:inline-flex;align-items:center;gap:6px}
.menu-fav .ico{width:15px;height:15px;color:var(--rojo-logo)}
.rejilla-fav{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
.rejilla-fav li{display:flex;flex-direction:column;gap:6px}
.rejilla-fav a{display:flex;flex-direction:column;gap:6px;text-decoration:none;font-size:14px;color:var(--gris)}
.rejilla-fav img{width:100%;aspect-ratio:1;object-fit:cover;object-position:50% 15%;border-radius:10px;background:var(--panel-2)}
.fav-quitar{align-self:flex-start;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--linea);background:none;color:var(--gris);font:inherit;font-size:13px;cursor:pointer}

/* Formulario de retiro */
.dialogo{max-width:460px;width:calc(100% - 32px);border:1px solid var(--linea);border-radius:18px;background:var(--panel);color:var(--blanco);padding:24px}
.dialogo::backdrop{background:rgba(0,0,0,.75)}
.dialogo h2{margin:0 0 8px;font-family:var(--display);font-weight:800;font-size:28px;line-height:1.05}
.dialogo p{margin:0 0 14px;color:var(--gris);font-size:15px}
.dialogo fieldset{border:0;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:6px}
.dialogo legend{font-weight:600;font-size:14px;margin-bottom:6px}
.dialogo label{display:flex;gap:10px;align-items:center;min-height:36px;font-size:15px}
.dialogo input[type=radio]{width:20px;height:20px;accent-color:var(--rojo)}
.dialogo .campo{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.dialogo .campo label{min-height:0;font-weight:600;font-size:14px}
.dialogo input[type=email],.dialogo textarea{width:100%;border-radius:10px;border:1px solid var(--linea);background:var(--negro);color:var(--blanco);padding:12px;font:inherit;font-size:15px}
.dialogo textarea{min-height:80px;resize:vertical}
.dialogo .fila-botones{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}
.dialogo .estado{min-height:1.4em;font-weight:600;font-size:15px;margin:8px 0 0}
.dialogo .estado.error{color:#FF7A7A}
.trampa{position:absolute;left:-10000px}

/* Instalador */
.instalador{max-width:480px;margin:0 auto;padding:clamp(40px,8vh,96px) 20px}
.instalador-logo{width:200px;height:auto;aspect-ratio:560/155;margin-bottom:28px}
.instalador h1{font-family:var(--display);font-weight:800;font-size:36px;line-height:1.05;letter-spacing:-.02em;margin:0 0 14px}
.instalador p{color:var(--gris)}
.instalador-ok{color:#5BD18B!important;font-weight:600}
.instalador .error{color:#FF7A7A;font-weight:600}
.instalador-nota{font-size:14px}
.instalador code{background:var(--panel-2);padding:2px 6px;border-radius:4px}
.instalador-botones{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.formulario-instalador{display:flex;flex-direction:column;gap:8px;margin-top:18px}
.formulario-instalador label{font-weight:600;font-size:14px;margin-top:8px}
.formulario-instalador input[type=password],.formulario-instalador input:not([type]){height:50px;border-radius:12px;border:1px solid var(--linea);background:var(--panel);color:var(--blanco);padding:0 14px;font:inherit}
.formulario-instalador .instalador-check{display:flex;gap:10px;align-items:center;font-weight:400;font-size:15px;margin-top:14px}
.formulario-instalador .instalador-check input{width:20px;height:20px;accent-color:var(--rojo)}
.formulario-instalador .boton{margin-top:18px}

/* Pie */
.pie{border-top:1px solid var(--linea);padding:40px 0 48px;color:var(--gris);font-size:14px}
.pie .envoltura{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}
.pie p{margin:0}

@media (max-width:760px){
  .cabecera .envoltura{flex-wrap:wrap;row-gap:0}
  .menu{order:3;width:100%;overflow-x:auto;scrollbar-width:none;gap:20px;padding:0 0 12px;white-space:nowrap}
  .menu::-webkit-scrollbar{display:none}
  .cabecera .marca img{width:112px}
  .rejilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
  .rejilla-lugares{grid-template-columns:minmax(0,1fr)}
  .rejilla-modelos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tarjeta-titulo{font-size:15px}
  .galeria{gap:4px}
  .buscador select{flex:1 1 40%}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.r40{--r:0.40}
.r45{--r:0.45}
.r50{--r:0.50}
.r55{--r:0.55}
.r60{--r:0.60}
.r65{--r:0.65}
.r70{--r:0.70}
.r75{--r:0.75}
.r80{--r:0.80}
.r85{--r:0.85}
.r90{--r:0.90}
.r95{--r:0.95}
.r100{--r:1.00}
.r105{--r:1.05}
.r110{--r:1.10}
.r115{--r:1.15}
.r120{--r:1.20}
.r125{--r:1.25}
.r130{--r:1.30}
.r135{--r:1.35}
.r140{--r:1.40}
.r145{--r:1.45}
.r150{--r:1.50}
.r155{--r:1.55}
.r160{--r:1.60}
.r165{--r:1.65}
.r170{--r:1.70}
.r175{--r:1.75}
.r180{--r:1.80}
.r185{--r:1.85}
.r190{--r:1.90}
.r195{--r:1.95}
.r200{--r:2.00}
.r205{--r:2.05}
.r210{--r:2.10}
.r215{--r:2.15}
.r220{--r:2.20}
.r225{--r:2.25}
.r230{--r:2.30}
.r235{--r:2.35}
.r240{--r:2.40}
.r245{--r:2.45}
.r250{--r:2.50}
/* Modo administrador */
.barra-admin{position:relative;z-index:30;padding:8px var(--margen);background:#2A1A00;color:#FFCB7A;font-size:14px;font-weight:600;text-align:center}
.barra-admin a{color:#FFE2B3}
.admin-btn{background:transparent;border:1px solid #8A6A2A;color:#FFCB7A}
.admin-btn:hover{background:#2A1A00}
.con-admin{position:relative}
.admin-mini{position:absolute;top:8px;right:8px;z-index:3;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid #8A6A2A;background:rgba(20,12,0,.88);color:#FFCB7A;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.admin-mini:hover{background:#3A2400}
.admin-ocultar-foto{align-self:flex-start;min-height:34px;padding:0 12px;border:1px solid #6A5020;border-radius:999px;background:transparent;color:#D9AE62;font:inherit;font-size:13px;cursor:pointer}
.admin-ocultar-foto:hover{background:#2A1A00;color:#FFCB7A}

.visor button,.visor a,.visor-tira,.v-hoja,.v-menu{touch-action:manipulation}
.visor-foto,.visor-foto img{touch-action:none}
.visor-pregunta{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 28px;border-radius:18px;background:rgba(19,19,19,.96);border:1px solid var(--linea);text-align:center}
.visor-pregunta[hidden]{display:none}
.visor-pregunta p{margin:0;font-weight:600;font-size:18px}
.visor-pregunta .boton{min-width:180px}

/* Diseño refinado: cabecera, álbum y galería */
.cabecera .envoltura{min-height:60px;gap:28px}
.cabecera .marca img{width:118px}
.menu{gap:24px;font-size:14px;font-weight:500;letter-spacing:-.005em}
.menu a{color:rgba(255,255,255,.62);transition:color .15s ease}
.menu a:hover,.menu a[aria-current="page"]{color:#fff}
.cta-cabecera{height:36px;padding:0 16px;font-size:14px;font-weight:600}
.pildora{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px 0 12px;border:0;border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .1s ease}
.pildora:hover{background:rgba(255,255,255,.16)}
.pildora:active{transform:scale(.96)}
.pildora .ico{width:16px;height:16px}
.pildora.admin{background:rgba(255,203,122,.12);color:#FFCB7A}
.album-cabeza{align-items:flex-end}
.album-cabeza .titulo-l{font-size:clamp(28px,3.6vw,44px)}
.album-meta{gap:4px 16px;font-size:15px;margin-top:12px}
.album-meta a{color:#fff;text-decoration:none}
.album-meta a:hover{text-decoration:underline}
.acciones{gap:8px}
.galeria{gap:3px;margin-top:22px}
.g-item{border-radius:3px}
.album-fija{position:fixed;top:0;left:0;right:0;z-index:25;display:flex;align-items:center;gap:12px;padding:10px var(--margen);padding-top:calc(10px + env(safe-area-inset-top,0px));background:rgba(10,10,10,.78);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:.5px solid rgba(255,255,255,.1);transform:translateY(-100%);transition:transform .25s ease}
.album-fija.visible{transform:none}
.album-fija strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600}
.album-fija span{color:rgba(255,255,255,.55);font-size:13px;white-space:nowrap}
.seccion:has(.album-cabeza){padding-top:clamp(20px,3vw,36px)}

/* Presentación: el selector de velocidad emerge a la derecha del botón de play */
.v-play-grupo{display:flex;align-items:center;gap:4px}
.v-segmentos{display:flex;max-width:0;opacity:0;overflow:hidden;padding:2px;border-radius:999px;background:rgba(118,118,128,.24);transition:max-width .35s cubic-bezier(.2,.9,.3,1),opacity .25s ease,margin .35s ease;pointer-events:none}
.visor.reproduciendo .v-segmentos{max-width:260px;opacity:1;margin-right:6px;pointer-events:auto}
.v-segmentos button{flex:0 0 auto;min-width:58px;height:28px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:rgba(235,235,245,.75);font:inherit;font-size:12px;font-weight:500;letter-spacing:-.01em;cursor:pointer;white-space:nowrap;transition:background .2s ease,color .2s ease}
.v-segmentos button[aria-checked="true"]{background:rgba(255,255,255,.92);color:#000;font-weight:600}
.v-arriba .v-acciones{margin-left:auto}
@media (max-width:760px),(pointer:coarse){
  .v-arriba{gap:2px}
  .v-play-grupo{margin-left:auto}
  .visor.reproduciendo .v-titulo{opacity:0}
  .v-segmentos button{min-width:52px;padding:0 8px}
}

/* =====================================================================
   Diseño 2026 — sobrio y premium, al estilo de las páginas de Apple.
   Letra del sistema (SF Pro en Apple), títulos contenidos, mucho aire,
   vidrio translúcido y el rojo de la marca solo como acento.
   ===================================================================== */
:root{
  --negro:#000;--panel:#1c1c1e;--panel-2:#2c2c2e;--linea:rgba(255,255,255,.12);
  --gris:#a1a1a6;--gris-2:#86868b;--blanco:#f5f5f7;
  --display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --texto:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --ancho:1200px;--margen:clamp(18px,4vw,40px);--alto-fila:clamp(150px,20vw,240px);
}
body{background:#000;color:var(--blanco);font-family:var(--texto);font-size:17px;line-height:1.47;letter-spacing:-.022em}
a{color:#2997ff}
.ico-lupa{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5L20 20'/%3E%3C/svg%3E")}

/* Cabecera de vidrio */
.cabecera{background:rgba(22,22,23,.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:.5px solid rgba(255,255,255,.1)}
.cabecera .envoltura{min-height:52px;gap:24px}
.cabecera .marca img{width:104px}
.menu{gap:26px;font-size:13px;font-weight:400;letter-spacing:-.01em}
.menu a{color:#d2d2d7;opacity:.85}
.menu a:hover,.menu a[aria-current="page"]{color:#fff;opacity:1}
.buscar-cabecera{margin-left:auto;display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#d2d2d7;border-radius:50%}
.buscar-cabecera:hover{color:#fff;background:rgba(255,255,255,.08)}
.buscar-cabecera .ico{width:17px;height:17px}
.cta-cabecera{margin-left:0;height:30px;padding:0 14px;font-size:12px;font-weight:500;letter-spacing:0;border-radius:999px;color:#fff}

/* Tipografía contenida */
.titulo-xl{font-family:var(--display);font-weight:600;font-size:clamp(34px,4.4vw,52px);line-height:1.08;letter-spacing:-.028em}
.titulo-l{font-family:var(--display);font-weight:600;font-size:clamp(24px,2.6vw,32px);line-height:1.12;letter-spacing:-.022em}
.titulo-m{font-family:var(--display);font-weight:600;font-size:clamp(20px,2vw,24px);line-height:1.17;letter-spacing:-.02em}
.sobretitulo{margin:0 0 6px;font-size:14px;font-weight:600;letter-spacing:-.01em;text-transform:none;color:var(--gris-2)}
.lead{margin-top:12px;font-size:clamp(17px,1.5vw,21px);line-height:1.4;color:var(--gris);letter-spacing:-.015em}
.lead strong{color:var(--blanco);font-weight:600}

/* Portadas de página: negro limpio, sin destellos */
.portada-pagina{padding:clamp(28px,5vw,64px) 0 clamp(20px,3vw,36px);border-bottom:0}
.portada-pagina::before{display:none}
.migas{font-size:12px;margin-bottom:22px;color:var(--gris-2)}
.migas li+li::before{content:"›";color:var(--gris-2)}
.migas a{color:var(--gris)}

/* Cifras en una línea discreta */
.cifras{gap:10px 34px;margin-top:26px}
.cifras strong{font-family:var(--display);font-weight:600;font-size:clamp(22px,2.2vw,28px);letter-spacing:-.02em}
.cifras span{font-size:13px;color:var(--gris-2)}

/* Secciones con aire, sin líneas */
.seccion{padding:clamp(28px,4vw,52px) 0}
.seccion+.seccion{border-top:0}
.cabeza-seccion{margin-bottom:18px;align-items:baseline}
.ver-todo{font-size:15px;color:#2997ff;text-decoration:none;white-space:nowrap}
.ver-todo::after{content:" ›"}
.ver-todo:hover{text-decoration:underline}

/* Píldoras y controles segmentados */
.chips{gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.chips::-webkit-scrollbar{display:none}
.chips a{flex:0 0 auto;min-height:36px;padding:7px 16px;border:0;border-radius:999px;background:var(--panel);font-size:14px;font-weight:500;color:var(--blanco);gap:6px}
.chips a span{font-size:13px;color:var(--gris-2);font-weight:400}
.chips a:hover{background:var(--panel-2)}
.chips-anios{display:inline-flex;flex-wrap:nowrap;gap:0;padding:3px;border-radius:10px;background:var(--panel);max-width:100%}
.chips-anios a{min-height:30px;padding:5px 14px;border-radius:8px;background:transparent;font-size:13px}
.chips-anios a[aria-current="true"]{background:#3a3a3c;border:0}

/* Tarjetas: la foto manda, el texto debajo */
.rejilla{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:30px 18px}
.tarjeta{gap:2px;color:var(--blanco);text-decoration:none}
.tarjeta-img{border-radius:14px;background:var(--panel)}
.tarjeta-img img{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.tarjeta-titulo{margin-top:10px;font-size:15px;font-weight:600;line-height:1.3;letter-spacing:-.015em}
.tarjeta-meta{font-size:13px;color:var(--gris-2)}
.etiqueta{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.rejilla-lugares{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:30px 18px}
.tarjeta-lugar .tarjeta-img{aspect-ratio:16/10;border-radius:18px}
.tarjeta-lugar .tarjeta-img::after{display:none}
.tarjeta-lugar .tarjeta-titulo{font-size:17px}
@media (hover:hover){.tarjeta:hover .tarjeta-img img{transform:scale(1.035)}}

/* Buscador redondeado */
.buscador{gap:8px;margin-top:24px;max-width:860px}
.buscador input,.buscador select{height:44px;border:0;border-radius:12px;background:var(--panel);font-size:15px;color:var(--blanco)}
.buscador input{padding-left:40px;background:var(--panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5L20 20'/%3E%3C/svg%3E") 12px center/18px no-repeat}
.buscador input:focus,.buscador select:focus{outline:0;box-shadow:0 0 0 3px rgba(41,151,255,.45)}
.buscador .boton{height:44px;padding:0 20px;font-size:15px;font-weight:500}
.boton{border-radius:999px;font-weight:500}

/* Álbum */
.album-cabeza .titulo-l{font-size:clamp(26px,3vw,38px)}
.album-meta{font-size:14px;color:var(--gris-2);margin-top:8px}
.album-meta a{color:var(--gris)}
.nota-archivo{font-size:12px;color:var(--gris-2);text-align:center}
.paginacion a{min-height:36px;padding:0 16px;border:0;background:var(--panel);font-size:14px;font-weight:500}

/* Pie minimalista */
.pie{margin-top:40px;padding:22px 0 34px;border-top:.5px solid rgba(255,255,255,.12);background:#000;font-size:12px;color:var(--gris-2)}
.pie .envoltura{flex-direction:column;gap:10px}
.pie-enlaces{display:flex;flex-wrap:wrap;gap:6px 0}
.pie-enlaces a{color:var(--gris);text-decoration:none;padding-right:12px;margin-right:12px;border-right:.5px solid rgba(255,255,255,.2)}
.pie-enlaces a:last-child{border-right:0}
.pie-enlaces a:hover{color:var(--blanco);text-decoration:underline}

/* Favoritas y 404 */
.rejilla-fav img{border-radius:12px}
.fav-quitar{border:0;background:var(--panel)}

@media (max-width:760px){
  .cabecera .envoltura{min-height:48px}
  .menu{gap:22px;font-size:14px;padding-bottom:10px}
  .rejilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
  .rejilla-lugares{grid-template-columns:minmax(0,1fr)}
  .tarjeta-img{border-radius:12px}
  .cifras{gap:8px 22px}
  .buscador input{flex-basis:100%}
}
.chips a{white-space:nowrap}
.buscador{max-width:1000px}
.buscador input{flex:1 1 260px}
.buscador select{flex:0 1 auto}
.buscador .boton{flex:0 0 auto}
@media (min-width:900px){.buscador{flex-wrap:nowrap}}
.buscador .boton{min-height:44px}
@media (max-width:760px){.buscador select{flex:1 1 calc(50% - 4px)}.buscador .boton{flex:1 1 calc(50% - 4px)}}

/* Filas desplazables con flechas (estilo Apple) */
.desplazable{position:relative}
.desplazable .chips{scroll-behavior:smooth}
.desp-flecha{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin-top:-19px;border:0;border-radius:50%;background:rgba(44,44,46,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f5f5f7;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.5);transition:opacity .2s ease,background .15s ease}
.desp-flecha:hover{background:rgba(72,72,74,.95)}
.desp-flecha .ico{width:16px;height:16px}
.desp-flecha.izq{left:-6px}.desp-flecha.der{right:-6px}
.desplazable.al-inicio .desp-flecha.izq,.desplazable.al-final .desp-flecha.der{opacity:0;pointer-events:none}
.desplazable::before,.desplazable::after{content:"";position:absolute;top:0;bottom:4px;z-index:1;width:56px;pointer-events:none;transition:opacity .2s ease}
.desplazable::before{left:0;background:linear-gradient(90deg,#000 20%,rgba(0,0,0,0))}
.desplazable::after{right:0;background:linear-gradient(270deg,#000 20%,rgba(0,0,0,0))}
.desplazable.al-inicio::before,.desplazable.al-final::after{opacity:0}
@media (pointer:coarse){.desp-flecha{display:none}}

/* Visor en celular: título entre los botones (sin montarse) y flechas a los lados de la foto */
@media (max-width:760px),(pointer:coarse){
  .v-arriba{gap:0}
  .v-titulo{position:static;transform:none;flex:1 1 auto;min-width:0;max-width:none;padding:0 6px;top:auto;left:auto}
  .v-titulo strong{font-size:14px}
  .v-play-grupo{margin-left:0;flex:0 0 auto}
  .visor.reproduciendo .v-titulo{display:none}
  .visor.reproduciendo .v-play-grupo{margin-left:auto}
  .v-flecha{display:flex;width:38px;height:38px;margin-top:-19px;opacity:.75}
  .v-flecha .ico{width:18px;height:18px}
  .v-flecha.ant{left:8px}.v-flecha.sig{right:8px}
}

/* Visor: barras de vidrio grafito (como iOS). El fondo ambiental de cada foto
   se transparenta y les da un tinte sutil distinto en cada imagen. */
.v-ambiente{position:absolute;left:45%;top:45%;z-index:0;width:10%;height:10%;background:#000 center/cover no-repeat;filter:blur(5px) saturate(150%) brightness(.5);opacity:.8;transform:scale(12);transform-origin:center;pointer-events:none}
.v-arriba,.v-abajo{background:rgba(24,24,27,.55);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%)}
.v-arriba{border-bottom:.5px solid rgba(255,255,255,.1);box-shadow:inset 0 .5px 0 rgba(255,255,255,.08),0 8px 24px rgba(0,0,0,.25)}
.v-abajo{border-top:.5px solid rgba(255,255,255,.1)}
.v-arriba .v-titulo strong{text-shadow:0 1px 6px rgba(0,0,0,.4)}
.v-titulo span{color:rgba(235,235,245,.6)}
.v-ic:hover{background:rgba(255,255,255,.12)}
.v-segmentos{background:rgba(118,118,128,.28)}
.v-menu{background:rgba(36,36,38,.82);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:.5px solid rgba(255,255,255,.1)}
.v-flecha{background:rgba(24,24,27,.5);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:.5px solid rgba(255,255,255,.1)}

/* Objetivos táctiles cómodos en celular (mínimo 44 px de alto) */
@media (max-width:760px),(pointer:coarse){
  .menu a{display:inline-flex;align-items:center;min-height:44px}
  .pie-enlaces a{display:inline-flex;align-items:center;min-height:40px}
  .migas a{display:inline-flex;align-items:center;min-height:36px}
  .ver-todo{display:inline-flex;align-items:center;min-height:40px}
}

/* Buscador inteligente: sugerencias y capa de búsqueda */
.sug-envoltura{position:relative;flex:1 1 260px;display:flex}
.sug-envoltura input{flex:1;width:100%}
.sug{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;max-height:min(70vh,520px);overflow-y:auto;padding:6px;border-radius:14px;background:rgba(30,30,32,.98);-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px);border:.5px solid rgba(255,255,255,.12);box-shadow:0 18px 50px rgba(0,0,0,.55)}
.sug[hidden]{display:none}
.sug-grupo{margin:8px 10px 4px;font-size:12px;font-weight:600;color:var(--gris-2);text-transform:uppercase;letter-spacing:.04em}
.sug-nota{margin:6px 10px 0;font-size:12px;color:#ff9f0a}
.sug-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;color:var(--blanco);text-decoration:none}
.sug-item:hover,.sug-item.activo{background:rgba(255,255,255,.08)}
.sug-img{flex:0 0 44px;width:44px;height:44px;border-radius:8px;overflow:hidden;background:var(--panel-2)}
.sug-img img{width:100%;height:100%;object-fit:cover}
.sug-txt{display:flex;flex-direction:column;min-width:0}
.sug-txt strong{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sug-txt small{font-size:13px;color:var(--gris-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sug-todo{display:block;margin:6px 4px 2px;padding:10px;border-radius:10px;color:#2997ff;font-size:14px;text-align:center;text-decoration:none}
.sug-todo:hover,.sug-todo.activo{background:rgba(41,151,255,.12)}
.sug-vacio{margin:10px;color:var(--gris)}
.busq-aviso{margin:16px 0 0;font-size:14px;color:#ff9f0a}
.cuenta{font-weight:400;color:var(--gris-2);font-size:.8em;margin-left:6px}
.busq-capa{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:aparecer .2s ease}
.busq-capa[hidden]{display:none}
@keyframes aparecer{from{opacity:0}to{opacity:1}}
.busq-panel{position:relative;max-width:720px;margin:0 auto;padding:calc(14px + env(safe-area-inset-top,0px)) 18px 20px;background:rgba(22,22,23,.92);-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px);border-radius:0 0 18px 18px;border:.5px solid rgba(255,255,255,.1);border-top:0;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.busq-form{position:relative;display:flex;align-items:center;gap:10px;height:52px;padding:0 6px 0 14px;border-radius:14px;background:var(--panel)}
.busq-form .ico-lupa{width:20px;height:20px;color:var(--gris-2)}
.busq-form input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:var(--blanco);font:inherit;font-size:17px;outline:none}
.busq-cerrar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:var(--gris);cursor:pointer}
.busq-cerrar:hover{background:rgba(255,255,255,.08);color:#fff}
.busq-cerrar .ico{width:18px;height:18px}
.busq-ayuda{margin:10px 4px 0;font-size:13px;color:var(--gris-2)}
.busq-panel .sug{position:static;margin-top:10px;max-height:min(65vh,560px);background:transparent;border:0;box-shadow:none;padding:0}
html.busq-abierta{overflow:hidden}
@media (max-width:760px){.sug-envoltura{flex-basis:100%}}
.busq-form input::-webkit-search-cancel-button{display:none}

/* Las sugerencias del buscador deben poder salir por encima de las secciones siguientes */
.portada-pagina{overflow:visible;z-index:5}
.seccion{position:relative;z-index:1}

/* Preguntas frecuentes (visibles; las mismas que lee Google y la IA) */
.faq-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:12px;margin-top:18px}
.faq-item{padding:20px 22px;border-radius:16px;background:var(--panel)}
.faq-item h3{margin:0 0 8px;font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.015em}
.faq-item p{margin:0;font-size:15px;line-height:1.5;color:var(--gris)}
.nota-azar{font-size:14px;color:var(--gris-2)}

/* Modelos: buscador y categorías */
.mod-filtros{display:flex;flex-direction:column;gap:14px;margin-top:22px}
.mod-buscar{display:flex;align-items:center;gap:10px;max-width:520px;height:46px;padding:0 14px;border-radius:12px;background:var(--panel);color:var(--gris-2)}
.mod-buscar .ico{width:18px;height:18px}
.mod-buscar input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:var(--blanco);font:inherit;font-size:16px;outline:none}
.chips-modelos a[aria-current="true"]{background:var(--blanco);color:#000}
.chips-modelos a[aria-current="true"] span{color:#3a3a3c}
#mod-lista li[hidden]{display:none}
.v-menu .v-admin-peligro{color:#FF8A80;border-top:0;margin-top:0;border-radius:10px}

/* Logo con resplandor en vivo (lo dibuja assets/logo-luz.js), igual que en el inicio */
.cabecera .marca{position:relative;display:inline-block;line-height:0}
.cabecera .marca .logo-img{width:88px;aspect-ratio:963/371;filter:drop-shadow(0 0 1.5px #fff6e8) drop-shadow(0 0 3px #fff6e8) drop-shadow(0 0 7px rgba(255,246,232,.9)) drop-shadow(0 0 16px rgba(255,236,210,.55))}
.logo-luz{position:absolute;z-index:2;pointer-events:none}

/* Barra de edición del álbum (modo administrador) */
.edicion{margin:18px 0 26px;border:1px solid rgba(255,203,122,.4);border-radius:16px;background:rgba(255,203,122,.06)}
.edicion summary{cursor:pointer;padding:14px 18px;font-weight:600;color:#FFCB7A;list-style:none}
.edicion summary::-webkit-details-marker{display:none}
.edicion summary::before{content:"✎  "}
.ed-rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;padding:4px 18px 18px}
.ed-rejilla label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--gris-2)}
.ed-ancho{grid-column:1/-1}
.ed-fila{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ed-rejilla input,.ed-rejilla select{flex:1;min-width:0;height:42px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#000;color:#fff;font:inherit;font-size:15px}
.ed-rejilla .pildora{height:40px}
.ed-rejilla .pildora.rojo{background:#E10600;color:#fff;border-color:#E10600}
.ed-nota{color:var(--gris-2);font-size:13px;font-weight:400}
.ed-estado{margin:0;color:#30d158;font-size:14px}
.ed-estado.error{color:#ff8a80}
.ed-peligro{padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}
body.eligiendo-portada #galeria a{outline:2px dashed #FFCB7A;outline-offset:-2px;cursor:crosshair}
/* Filtro por tipo de lugar */
.chips-tipos{margin:0 0 16px}
.chips-tipos a[aria-current="true"]{background:var(--blanco);color:#000}
.chips-tipos a[aria-current="true"] span{color:#3a3a3c}
#lista-lugares-ciudad li[hidden]{display:none}