:root{--bg:#0b0b0b;--fg:#f2f2f2;--muted:#cfcfcf;--line:#222}
*{box-sizing:border-box}html,body{background-image:url('data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='35' viewBox='0 0 40 35'><defs><pattern id='hex' width='20' height='17.32' patternUnits='userSpaceOnUse'><path d='M10 0 L20 5 L20 12.32 L10 17.32 L0 12.32 L0 5 Z' fill='none' stroke='rgba(255,255,255,0.12)' stroke-width='1'/></pattern></defs><rect width='100%' height='100%' fill='url(%23hex)'/></svg>'); background-repeat:repeat; background-size:120px 100px; ' stroke-width='1'/></pattern></defs><rect width='100%' height='100%' fill='url(%23hex)'/></svg>'); background-repeat:repeat; background-size:160px 140px; margin:0;padding:0}
body{background-image:url('data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='35' viewBox='0 0 40 35'><defs><pattern id='hex' width='20' height='17.32' patternUnits='userSpaceOnUse'><path d='M10 0 L20 5 L20 12.32 L10 17.32 L0 12.32 L0 5 Z' fill='none' stroke='rgba(255,255,255,0.12)' stroke-width='1'/></pattern></defs><rect width='100%' height='100%' fill='url(%23hex)'/></svg>'); background-repeat:repeat; background-size:120px 100px; ' stroke-width='1'/></pattern></defs><rect width='100%' height='100%' fill='url(%23hex)'/></svg>'); background-repeat:repeat; background-size:160px 140px; font-family:'Inter',system-ui,Arial,Helvetica,sans-serif;background:var(--bg); '><path%20d='M10%200%20L20%205%20L20%2012.32%20L10%2017.32%20L0%2012.32%20L0%205%20Z'%20fill='none'%20stroke='rgba(255,255,255,0.03)'%20stroke-width='1'/></pattern></defs><rect%20width='100%'%20height='100%'%20fill='url(%23hex)'/></svg>'); color:var(--fg);line-height:1.5}
.container{width:min(1120px,92vw);margin:0 auto}
.header{padding:32px 0 18px;border-bottom:1px solid var(--line)}
.title{margin:0;font-size:clamp(24px,4vw,34px);font-weight:700}
.subtitle{margin:6px 0 0;color:var(--muted);font-weight:400}
.strip3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 0 8px}
.strip3 img{width:100%;height:240px;object-fit:cover;border-radius:10px;display:block object-position: top;}
@media (max-width:900px){.strip3 img{height:180px}}
@media (max-width:640px){.strip3{grid-template-columns:1fr}.strip3 img{height:200px}}
.section{padding:30px 0}
.section__title{margin:0 0 12px;font-size:clamp(20px,2.6vw,26px);font-weight:700}
.grid6{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.grid6 img{width:100%;height:100%;object-fit:cover;border-radius:12px;display:block;aspect-ratio: 4/3;}
@media (max-width:900px){.grid6{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.grid6{grid-template-columns:1fr}}
.contacto{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:start;border-top:1px solid var(--line);margin-top:18px}
.contact__list a{color:var(--fg);text-decoration:none}.contact__list a:hover{text-decoration:underline}
.qr{width:120px;height:auto;display:block;margin:0 auto}.qr-note{text-align:center;margin:8px 0 0;color:var(--muted)}
.footer{padding:24px 0 40px;color:#aaa;text-align:center;border-top:1px solid var(--line);margin-top:24px}

.section__copy{margin:6px 0 14px;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:10px}
.card{border:1px solid var(--line);border-radius:12px;padding:16px;background:#111}
.card h4{margin:0 0 8px}
.card ul{margin:0 0 12px 18px;padding:0}
.card li{margin:4px 0}
@media (max-width: 900px){ .cards{grid-template-columns:1fr} }

/* === Presupuestos con precio y WhatsApp === */
.price{margin:8px 0 12px;font-weight:700}
.price .currency{opacity:.9;margin-right:6px}
.actions{display:flex;gap:8px;flex-wrap:wrap}
.btn--whatsapp{border:1px solid #d9d9df}
.btn--whatsapp:hover{background:rgba(255,255,255,.06)}
.socials-inline{display:flex;gap:14px;align-items:center;margin-top:18px}
.social{display:inline-flex;align-items:center;gap:8px;color:var(--fg);text-decoration:none}
.social:hover{text-decoration:underline}

/* === Pricing layout === */
.cards--pricing{gap:20px}
.card{position:relative}
.card .price{font-size:28px;margin:10px 0 12px}
.card--featured{outline:2px solid rgba(255,255,255,.6); border-radius:12px}
.badge{position:absolute;top:10px;right:10px;background:#e9e9ef;color:#111;padding:4px 10px;border-radius:999px;font-size:12px}
.badge--primary{background:#d9e6ff;color:#0b0b0b}


/* === Alineación de precios === */
.cards--pricing .card{display:flex;flex-direction:column;justify-content:flex-start}
.cards--pricing .card ul{min-height:120px} /* asegura que el precio quede a la misma altura */
.cards--pricing .actions{margin-top:auto}
.card .price{font-variant-numeric: tabular-nums; letter-spacing: 0.2px}

.btn{display:inline-block;padding:10px 16px;border-radius:999px;border:1px solid #d9d9df;color:#f2f2f2;text-decoration:none;background:transparent}
.btn:hover{background:rgba(255,255,255,.06)}

.wa-chip{display:inline-block;margin-top:8px;font-size:12px;padding:6px 10px;border:1px solid #d9d9df;border-radius:999px;color:#f2f2f2;text-decoration:none;opacity:.9}
.wa-chip:hover{opacity:1;background:rgba(255,255,255,.05)}

/* Double social icon sizes */
.socials-inline svg{width:34px;height:34px}

/* Hexagon subtle texture */

/* Focus: prioritize top to avoid cutting heads */
.focus-top{object-position: 50% 12% !important}

/* Center focus for specific images */
.focus-center{object-position:50% 50% !important}

.seo-copy{max-width: 68ch; margin: 6px 0 14px; color: var(--muted); line-height: 1.55}
/* === HERO placeholder + brand-under-hero (append-only) === */
.header{position:relative}
.lang-switch{position:absolute; top:8px; right:0; display:flex; gap:8px}
.lang-switch .lang{display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.06); color:var(--fg); font-size:12px; text-decoration:none}
.lang-switch .lang:hover{background:rgba(255,255,255,.1)}

.hero-slot{width:100%; height:360px; border-radius:12px; margin:18px 0 10px; background:#111 url('assets/Hero/hero.jpg') center/cover no-repeat; outline:1px solid var(--line)}
@media (max-width:900px){ .hero-slot{height:260px} }
@media (max-width:520px){ .hero-slot{height:200px} }

.brand-under-hero{display:grid; place-items:center; margin:10px 0 18px}
.brand-under-hero img{height:40px; width:auto; filter: drop-shadow(0 2px 6px rgba(0,0,0,.5))}
/* Ensure + Ver más is bottom-right */
.gallery-plus { top: auto; bottom: 8px; }

/* Overlay with logo at bottom of 3rd image */
.strip3 .last-with-logo { position: relative; }
.strip3 .last-with-logo::after {
  content: "";
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 42px;
  background: linear-gradient(to top, rgba(0,0,0,0.65), rgba(0,0,0,0));
  border-radius: 0 0 10px 10px;
  pointer-events: none;
}
.strip3 .logo-overlay {
  position: absolute;
  bottom: 8px; left: 50%;
  transform: translateX(-50%);
  height: 28px;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.5));
}
/* noLogo: ocultar cualquier overlay de logo y su franja */
.strip3 .last-with-logo::after{display:none !important}
.strip3 .logo-overlay{display:none !important}

.strip3{position:relative}
.gallery-plus{position:absolute; right:8px; bottom:8px; z-index:2}
/* VER+: solo signo + con estética de RESERVAR; posición un poco más abajo */
.gallery-plus{bottom:16px; padding:8px 12px; line-height:1}
.gallery-plus .plus{display:inline-grid; place-items:center; width:20px; height:20px; font-weight:800}
.gallery-plus .sr-only{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap}

/* Descripción de galerías: un poco más grande y ancho ~2/3 del contenedor */
.gallery .seo-copy, .seo-copy.gallery {
  font-size: clamp(15px, 1.8vw, 18px);
  line-height: 1.6;
  max-width: 66.666%;
}
@media (max-width: 840px){
  .gallery .seo-copy, .seo-copy.gallery { max-width: 100%; }
}

/* Preparación para textura de fondo (cuando pases la imagen) */
:root{ --page-bg: #0b0b0b; /* reemplazable por url('assets/textures/site-texture.jpg') */ }
body{ background: var(--page-bg); }
/* Botón VER MÁS (estética de CONTRATAR) ubicado bajo la tira, a la altura de la descripción */
.gallery-cta{ display:inline-block; width:33.333%; vertical-align:top; text-align:right; }
.seo-copy{ display:inline-block; width:66.666%; vertical-align:top; margin: 0.25rem 0 1rem; }
@media (max-width: 840px){
  .seo-copy, .gallery-cta{ display:block; width:100%; text-align:left; }
  .gallery-cta{ margin-top:10px; }
}

/* Ajustes del botón */
.gallery-plus{ padding:10px 14px; line-height:1; }
.gallery-plus span[aria-hidden="true"]{ display:inline-block; font-weight:800; font-size:18px; line-height:1; }
.gallery-plus .sr-only{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
/* CTA bajo la última foto, alineada con la descripción (2/3 + 1/3) */
.seo-copy{ display:inline-block; width:66.666%; vertical-align:top; margin: .25rem 0 1rem; }
.gallery-cta{ display:inline-block; width:33.333%; vertical-align:top; text-align:right; }
@media (max-width: 840px){
  .seo-copy, .gallery-cta{ display:block; width:100%; text-align:left; }
  .gallery-cta{ margin-top:10px; }
}
.gallery-cta .gallery-plus{ display:inline-flex; align-items:center; justify-content:center; min-width:44px; }
.gallery-cta .gallery-plus span[aria-hidden="true"]{ font-size:22px; line-height:1; font-weight:800; }
.gallery-cta .sr-only{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }

/* Fondo con textura (archivo incluido) */
:root{ --bg-texture: url('assets/textures/site-texture.jpg'); }
body{ background-color:#0b0b0b; background-image: var(--bg-texture); background-repeat: repeat; background-size: 700px 700px; }
/* RESTORE v5: textura visible y sutil; cards transparentes */
:root{ --bg-texture: url('assets/textures/site-texture.jpg'); }
body{
  background-color:#0b0b0b;
  background-image: linear-gradient(rgba(12,12,12,.22), rgba(12,12,12,.22)), var(--bg-texture);
  background-repeat: no-repeat, repeat;
  background-size: auto, 1800px 1800px;
  background-attachment: fixed, fixed;
}
.card{ background: rgba(17,17,17,.24) !important; }
.card--featured{ background: rgba(17,17,17,.30) !important; }

/* Layout: descripción 2/3 + CTA 1/3 bajo la tira (todas las galerías) */
.seo-copy{ display:inline-block; width:66.666%; vertical-align:top; margin: .25rem 0 1rem; }
.gallery-cta{ display:inline-block; width:33.333%; vertical-align:top; text-align:right; }
@media (max-width: 840px){
  .seo-copy, .gallery-cta{ display:block; width:100%; text-align:left; }
  .gallery-cta{ margin-top:10px; }
}
.gallery-cta .gallery-plus{ display:inline-flex; align-items:center; justify-content:center; min-width:44px; }
.gallery-cta .gallery-plus span[aria-hidden="true"]{ font-size:22px; line-height:1; font-weight:800; }
.gallery-cta .sr-only{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
/* v4 base: CTA solo en Portfolio y alineada al margen derecho */
.portfolio-cta{ text-align: right; margin: 6px 0 16px; }
.portfolio-cta .gallery-plus{ display:inline-flex; align-items:center; justify-content:center; min-width:44px; }
.portfolio-cta .gallery-plus span[aria-hidden="true"]{ font-size:22px; line-height:1; font-weight:800; }
.portfolio-cta .sr-only{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }

/* Transparencia de cards (mantener) */
.card{ background: rgba(17,17,17,.24) !important; }
.card--featured{ background: rgba(17,17,17,.30) !important; }

/* Textura sutil grande */
:root{ --bg-texture: url('assets/textures/site-texture.jpg'); }
body{
  background-color:#0b0b0b;
  background-image: linear-gradient(rgba(12,12,12,.22), rgba(12,12,12,.22)), var(--bg-texture);
  background-repeat: no-repeat, repeat;
  background-size: auto, 1800px 1800px;
  background-attachment: fixed, fixed;
}
/* v4b — CTA “+” centrado bajo la última foto y a la derecha del texto, en TODAS las galerías */
.seo-copy{ display:inline-block; width:66.666%; vertical-align:top; margin: .25rem 0 1rem; }
.gallery-cta{ display:inline-block; width:33.333%; vertical-align:top; text-align:center; }
.gallery-cta .gallery-plus{ display:inline-flex; align-items:center; justify-content:center; min-width:44px; }
.gallery-cta .gallery-plus span[aria-hidden="true"]{ font-size:22px; line-height:1; font-weight:800; }
.gallery-cta .sr-only{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
@media (max-width: 840px){
  .seo-copy, .gallery-cta{ display:block; width:100%; text-align:left; }
  .gallery-cta{ margin-top:10px; }
}
/* v4c — CTA “+” bajo última foto (derecha del texto) y reordenamiento */
.seo-copy{ display:inline-block; width:66.666%; vertical-align:top; margin: .25rem 0 1rem; }
.gallery-cta{ display:inline-block; width:33.333%; vertical-align:top; text-align:center; }
.gallery-cta .gallery-plus{ display:inline-flex; align-items:center; justify-content:center; min-width:44px; }
.gallery-cta .gallery-plus span[aria-hidden="true"]{ font-size:22px; line-height:1; font-weight:800; }
.gallery-cta .sr-only{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
@media (max-width: 840px){
  .seo-copy, .gallery-cta{ display:block; width:100%; text-align:left; }
  .gallery-cta{ margin-top:10px; }
}
/* v4d — Portfolio en 1×6 (fila única), imágenes más bajas; + removido */
#portfolio .grid6{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:24px; }
#portfolio .grid6 img{ width:100%; height:180px; object-fit:cover; border-radius:12px; display:block; }
@media (max-width: 1280px){ #portfolio .grid6{ grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width: 900px){ #portfolio .grid6{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width: 640px){ #portfolio .grid6{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 420px){ #portfolio .grid6{ grid-template-columns:1fr; } #portfolio .grid6 img{ height:200px; } }
/* v5 — Portfolio 1×6: un poco más ancho (menos gap) y más bajo */
#portfolio .grid6{ gap:16px !important; }
#portfolio .grid6 img{ height:150px !important; }
/* Ajustes responsivos suaves */
@media (max-width: 1280px){ #portfolio .grid6 img{ height:160px !important; } }
@media (max-width: 900px){  #portfolio .grid6 img{ height:170px !important; } }
@media (max-width: 640px){  #portfolio .grid6 img{ height:180px !important; } }
/* v5b — Portfolio 1×6 manteniendo proporción similar a otras galerías, y “+” redondo al final */
:root{ --thumb-ratio: 4/3; } /* Ajustable: si tus otras galerías usan 3/2, cambiá a 3/2 */
#portfolio .grid6{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; }
#portfolio .grid6 img{
  width:100%;
  aspect-ratio: var(--thumb-ratio);
  object-fit: cover;
  border-radius:12px;
  display:block;
}
@media (max-width: 1280px){ #portfolio .grid6{ grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width: 900px){  #portfolio .grid6{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width: 640px){  #portfolio .grid6{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 420px){  #portfolio .grid6{ grid-template-columns:1fr; } }

/* “+” redondo centrado debajo de las 6 fotos */
.portfolio-plus{ display:grid; place-items:center; margin:10px 0 18px; }
.circle-plus{
  width:42px; height:42px;
  border-radius:999px;
  display:grid; place-items:center;
  text-decoration:none; font-weight:800; font-size:22px; line-height:1;
  border:1.2px solid rgba(255,255,255,.6);
  background: rgba(255,255,255,.06);
  color: var(--fg, #fff);
}
.circle-plus:hover{ background: rgba(255,255,255,.1); }
/* v5c — Portfolio 1×6 con proporción 3:2 y “+” a la derecha de la última foto */
:root{ --thumb-ratio: 3/2; } /* Igual que el resto de galerías */
#portfolio{ margin-bottom: 56px; } /* Más “aire” antes de la propuesta económica */

#portfolio .grid6{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; }
#portfolio .grid6 img{
  width:100%;
  aspect-ratio: var(--thumb-ratio);
  object-fit: cover;
  border-radius:12px;
  display:block;
}
#portfolio .portfolio-wrap{ position: relative; }
#portfolio .portfolio-plus{
  position: absolute; top: 50%; right: -10px; transform: translateY(-50%);
}
#portfolio .circle-plus{
  width:42px; height:42px; border-radius:999px;
  display:grid; place-items:center; text-decoration:none;
  font-weight:800; font-size:22px; line-height:1;
  border:1.2px solid rgba(255,255,255,.6);
  background: rgba(255,255,255,.06); color: var(--fg, #fff);
}
#portfolio .circle-plus:hover{ background: rgba(255,255,255,.1); }

/* Responsivo: en pantallas chicas, llevar el “+” debajo y centrado */
@media (max-width: 900px){
  #portfolio .portfolio-plus{ position: static; transform:none; margin-top:10px; display:grid; place-items:center; }
}
/* v5d — Desplazar el “+” el ancho de la globa hacia la derecha y cambiar WhatsApp→SMS */
#portfolio{ --plus-size: 42px; --plus-gap: 0px; } /* podés subir --plus-gap si querés más aire extra */
#portfolio .circle-plus{ width: var(--plus-size); height: var(--plus-size); }
#portfolio .portfolio-plus{ right: calc(var(--plus-size) * -1 - var(--plus-gap)); }
@media (max-width: 900px){
  #portfolio .portfolio-plus{ right: auto; } /* sigue pasando abajo-centro en mobile */
}
/* v6 — ajustar “+” del Portfolio: +20px a la derecha y ~10px hacia arriba */
#portfolio{ --plus-size: 42px; --plus-gap: 20px; --plus-up: 10px; }
#portfolio .circle-plus{ width: var(--plus-size); height: var(--plus-size); }
#portfolio .portfolio-plus{ right: calc(var(--plus-size) * -1 - var(--plus-gap)); top: 50%; transform: translateY(calc(-50% - var(--plus-up))); }
@media (max-width: 900px){
  #portfolio .portfolio-plus{ right: auto; top: auto; transform:none; margin-top:10px; display:grid; place-items:center; }
}
/* v6 — acciones de contacto (WhatsApp + SMS) */
.contact-actions{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.contact-actions .btn{ padding:10px 14px; border-radius:999px; font-weight:600; text-decoration:none; display:inline-flex; align-items:center; gap:8px; }
.btn--sms{ border:1px solid rgba(255,255,255,.6); background:rgba(255,255,255,.06); color:var(--fg, #fff); }
.btn--sms:hover{ background:rgba(255,255,255,.1); }
/* v6 — Portfolio 1×6 manteniendo 3:2 pero con mayor ancho percibido (gap menor) */
:root{ --thumb-ratio: 3/2; }
#portfolio .grid6{ gap:10px !important; }
/* v6.1 — Portfolio 1×6 con proporción 3:2 y ancho total equiparado al bloque de 3 fotos */
:root{ --thumb-ratio: 3/2; }
#portfolio .grid6{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px !important; }
#portfolio .grid6 img{
  width:100%;
  height:auto !important;
  aspect-ratio: var(--thumb-ratio);
  object-fit:cover;
  border-radius:12px;
  display:block;
}
@media (max-width: 1280px){ #portfolio .grid6{ grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width: 900px){  #portfolio .grid6{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width: 640px){  #portfolio .grid6{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 420px){  #portfolio .grid6{ grid-template-columns:1fr; } }

/* Acciones de contacto (WhatsApp + SMS) */
.contact-actions{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-top:10px; }
.contact-actions .btn{ padding:10px 14px; border-radius:999px; font-weight:600; text-decoration:none; display:inline-flex; align-items:center; gap:8px; }
.btn--sms{ border:1px solid rgba(255,255,255,.6); background:rgba(255,255,255,.06); color:#fff; }
.btn--sms:hover{ background:rgba(255,255,255,.1); }

/* Marca de build */
.build-ref{ opacity:.35; font-size:12px; text-align:center; margin:10px 0 0; }


/* v6.2 — estilos para la galería extendida (respeta estética y fondo) */
.gallery-grid{ 
  display:grid; 
  grid-template-columns: repeat(6, minmax(0,1fr)); 
  gap:10px; 
  margin:16px 0 24px; 
}
.gallery-grid img{ 
  width:100%; 
  aspect-ratio: 3/2; 
  object-fit: cover; 
  border-radius:12px; 
  display:block; 
}
@media (max-width:1280px){ .gallery-grid{ grid-template-columns: repeat(5,1fr); } }
@media (max-width:1000px){ .gallery-grid{ grid-template-columns: repeat(4,1fr); } }
@media (max-width:820px){  .gallery-grid{ grid-template-columns: repeat(3,1fr); } }
@media (max-width:640px){  .gallery-grid{ grid-template-columns: repeat(2,1fr); } }
@media (max-width:420px){  .gallery-grid{ grid-template-columns: 1fr; } }

/* Lightbox */
.lb{ position:fixed; inset:0; background:rgba(0,0,0,.8); display:grid; grid-template-columns: 60px 1fr 60px; align-items:center; justify-items:center; padding:20px; z-index:9999; }
.lb[aria-hidden="true"]{ display:none; }
.lb__img{ max-width: min(92vw, 1400px); max-height: 88vh; border-radius:12px; }
.lb__nav{ background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.35); border-radius:999px; width:44px; height:44px; display:grid; place-items:center; font-size:28px; line-height:1; color:#fff; }
.lb__nav:hover{ background:rgba(255,255,255,.12); }
.lb__close{ position: absolute; top:16px; right:16px; width:40px; height:40px; border-radius:999px; border:1px solid rgba(255,255,255,.35); background:rgba(255,255,255,.08); color:#fff; font-size:24px; }
@media (max-width:700px){ .lb{ grid-template-columns: 1fr; } }


/* v7.1 — Galería dentro de assets/galeria y botón Volver arriba a la derecha */
.back-top-right{
  position: fixed; top: 16px; right: 16px;
  border:1px solid rgba(255,255,255,.4);
  border-radius:999px; padding:8px 12px; text-decoration:none; color:#fff;
  background:rgba(255,255,255,.06); z-index:10000;
}
.back-top-right:hover{ background:rgba(255,255,255,.1); }

/* Grid y lightbox (mantenemos estética) */
.gallery-grid{ 
  display:grid; grid-template-columns: repeat(6, minmax(0,1fr));
  gap:10px; margin:16px 0 24px;
}
.gallery-grid img{ width:100%; aspect-ratio:3/2; object-fit:cover; border-radius:12px; display:block; }
@media (max-width:1280px){ .gallery-grid{ grid-template-columns: repeat(5,1fr); } }
@media (max-width:1000px){ .gallery-grid{ grid-template-columns: repeat(4,1fr); } }
@media (max-width:820px){  .gallery-grid{ grid-template-columns: repeat(3,1fr); } }
@media (max-width:640px){  .gallery-grid{ grid-template-columns: repeat(2,1fr); } }
@media (max-width:420px){  .gallery-grid{ grid-template-columns: 1fr; } }

.lb{ position:fixed; inset:0; background:rgba(0,0,0,.8); display:grid; grid-template-columns: 60px 1fr 60px; align-items:center; justify-items:center; padding:20px; z-index:9999; }
.lb[aria-hidden="true"]{ display:none; }
.lb__img{ max-width: min(92vw, 1400px); max-height: 88vh; border-radius:12px; }
.lb__nav{ background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.35); border-radius:999px; width:44px; height:44px; display:grid; place-items:center; font-size:28px; line-height:1; color:#fff; }
.lb__nav:hover{ background:rgba(255,255,255,.12); }
.lb__close{ position: absolute; top:16px; right:16px; width:40px; height:40px; border-radius:999px; border:1px solid rgba(255,255,255,.35); background:rgba(255,255,255,.08); color:#fff; font-size:24px; }
@media (max-width:700px){ .lb{ grid-template-columns: 1fr; } }


/* v7.2 — language switcher */
.lang-switch{ position: absolute; top: 12px; right: 16px; display:flex; gap:6px; }
.lang-switch .flag{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.35); border-radius:999px; width:36px; height:28px; line-height:1; }
.lang-switch .flag:hover{ background:rgba(255,255,255,.12); }