/* Pablo Valle · Cronicas fotograficas — estilos compartidos */
:root{ --tinta:#1a1a1a; --gris:#6b6b6b; --linea:#e6e2dc; --fondo:#ffffff; --barra:#faf8f5; --acento:#7a2e2e; }
.navbar.bg-white{ background-color:var(--barra) !important; }
body{ background:var(--fondo); color:var(--tinta); font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }
.serif{ font-family:Georgia,"Times New Roman",serif; }
.navbar-brand{ letter-spacing:.28em; text-transform:uppercase; font-weight:600; font-size:1rem; }
.nav-link{ text-transform:uppercase; letter-spacing:.08em; font-size:.8rem; color:var(--gris)!important; }
.nav-link:hover,.nav-link.active{ color:var(--acento)!important; }
header.hero{ border-bottom:1px solid var(--linea); }
.kicker{ text-transform:uppercase; letter-spacing:.25em; font-size:.72rem; color:var(--acento); }
h1.titulo{ font-weight:600; font-size:clamp(2rem,6vw,3.4rem); line-height:1.05; }
.lede{ font-size:1.05rem; color:#333; }
.credencial{ font-size:.82rem; color:var(--gris); }
.galeria{ display:grid; grid-template-columns:repeat(2,1fr); gap:.5rem; }
@media(min-width:576px){ .galeria{ grid-template-columns:repeat(3,1fr); gap:.6rem; } }
@media(min-width:992px){ .galeria{ grid-template-columns:repeat(4,1fr); gap:.75rem; } }
.g-item{ position:relative; display:block; overflow:hidden; background:#000; aspect-ratio:3/2; }
.g-item img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease, opacity .4s ease; opacity:.94; }
.g-item:hover img{ transform:scale(1.06); opacity:1; }
.g-item::after{ content:"+"; position:absolute; right:.4rem; bottom:.2rem; color:#fff; font-size:1.2rem; opacity:0; transition:opacity .3s; text-shadow:0 1px 3px rgba(0,0,0,.6); }
.g-item:hover::after{ opacity:.9; }
.hidden-caption-content{ display:none; }
.pswp__custom-caption{ position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,.7); color:#fff; padding:14px 18px; font-size:.9rem; line-height:1.45; text-align:center; }
.pswp__custom-caption:empty{ display:none; }
footer{ border-top:1px solid var(--linea); color:var(--gris); }
footer a{ color:var(--acento); text-decoration:none; }
.sello{ font-family:Georgia,serif; font-style:italic; color:var(--gris); }

/* Grillas de proyectos (portada / vietnam) */
.grid-proj{ display:grid; grid-template-columns:repeat(1,1fr); gap:1.1rem; }
@media(min-width:576px){ .grid-proj{ grid-template-columns:repeat(2,1fr); gap:1.25rem; } }
@media(min-width:992px){ .grid-proj{ grid-template-columns:repeat(3,1fr); gap:1.5rem; } }
.card-proj{ display:block; text-decoration:none; color:var(--tinta); }
.card-img{ display:block; overflow:hidden; background:#000; aspect-ratio:3/2; }
.card-img img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s ease, opacity .4s; opacity:.95; }
.card-proj:hover .card-img img{ transform:scale(1.05); opacity:1; }
.card-t{ display:block; margin-top:.6rem; font-size:1.15rem; line-height:1.25; }
.card-proj:hover .card-t{ color:var(--acento); }

/* Lista de textos */
.tx-list{ display:flex; flex-direction:column; gap:1.1rem; }
.tx-item{ display:block; text-decoration:none; color:var(--tinta); border-bottom:1px solid var(--linea); padding-bottom:1.1rem; }
.tx-t{ display:block; font-size:1.35rem; }
.tx-item:hover .tx-t{ color:var(--acento); }
.tx-d{ display:block; color:var(--gris); font-size:.95rem; margin-top:.25rem; }

/* Mosaico de la portada */
.hero-mosaico{ max-width:650px; margin-left:0; }
.hero-mosaico img{ width:100%; height:auto; display:block; }

/* Breadcrumb (migas) */
.crumbs{ font-size:.78rem; letter-spacing:.02em; }
.crumbs .container{ padding-top:1rem; padding-bottom:0; max-width:100%; }
.crumbs a{ color:var(--gris); text-decoration:none; }
.crumbs a:hover{ color:var(--acento); }
.crumbs .sep{ color:#cfc8bd; margin:0 .45rem; }
.crumbs .cur{ color:var(--tinta); }