/* Portada tipo blog y barra de búsqueda de la cabecera. */
.nav-search{display:flex;align-items:stretch;border:1px solid #c4d0c8;border-radius:999px;overflow:hidden;background:var(--soft);height:36px}
.nav-search input{border:0;background:transparent;font:14px Arial,sans-serif;padding:0 14px;width:190px;color:var(--ink);min-width:0}
.nav-search input:focus{outline:none}
.nav-search:focus-within{border-color:var(--ink);box-shadow:0 0 0 2px rgba(240,214,74,.6)}
.nav-search button{border:0;background:var(--yellow);color:var(--ink);font:700 13px Arial,sans-serif;padding:0 14px;cursor:pointer}
.blog{padding-top:34px;padding-bottom:56px}
.blog-head{margin-bottom:14px}
.blog-head h1{font:normal clamp(28px,3.4vw,42px)/1.15 Georgia,serif;color:var(--ink);margin:0 0 8px;letter-spacing:-.5px}
.blog-head p{color:var(--muted);margin:0}
.topic-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 30px}
.topic-chips a{font-size:13px;text-decoration:none;padding:6px 13px;border:1px solid var(--line);border-radius:999px;color:var(--text);background:#fff}
.topic-chips a:hover{border-color:#8c9e93;text-decoration:none}
.topic-chips a[aria-current]{background:#e3ece7;border-color:#bcd0c5;color:var(--ink);font-weight:700}
.post-lead{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:40px;align-items:center;padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid var(--line)}
.post-lead .post-image img{aspect-ratio:1.45}
.post-lead h2{font:normal clamp(30px,3.2vw,44px)/1.12 Georgia,serif;color:var(--ink);margin:0 0 16px;letter-spacing:-.5px}
.post-lead h2 a,.post-card h3 a{text-decoration:none}
.post-lead h2 a:hover,.post-card h3 a:hover{text-decoration:underline}
.post-lead .post-excerpt{font-size:17px;line-height:1.6}
.post-image{display:block;overflow:hidden;background:var(--soft)}
.post-image img{width:100%;aspect-ratio:1.5;object-fit:cover;transition:transform .25s}
.post-card:hover .post-image img,.post-lead:hover .post-image img{transform:scale(1.025)}
.post-category{display:inline-block;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#53675a;text-decoration:none;margin-bottom:10px}
.post-category:hover{text-decoration:underline}
.post-excerpt{color:var(--text);line-height:1.55;font-size:15px;margin:0 0 14px}
.post-meta{font-size:13px;color:var(--muted);margin:0}
.post-read{display:inline-block;margin-top:18px;font-weight:700;color:var(--ink)}
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 30px;margin-bottom:40px}
.post-card{min-width:0;display:flex;flex-direction:column}
.post-card .post-copy{padding-top:18px}
.post-card h3{font:normal 24px/1.2 Georgia,serif;color:var(--ink);margin:0 0 12px}
.blog-more{text-align:center;margin:10px 0 0}
@media(max-width:1100px){.nav-search input{width:140px}}
@media(max-width:900px){.post-lead{grid-template-columns:1fr;gap:22px}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.post-grid{grid-template-columns:1fr;gap:34px}.nav-shop{flex-wrap:wrap;width:100%;justify-content:flex-end}.nav-search{order:-1;flex:1 1 100%}.nav-search input{width:auto;flex:1}.blog{padding-top:22px}.topic-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px 24px;padding:0 20px 4px;scrollbar-width:none}.topic-chips::-webkit-scrollbar{display:none}.topic-chips a{white-space:nowrap}}
/* Fotos de las tarjetas: llenan el marco y, si hay que recortar, se recorta por abajo (y por igual
   a los lados): la parte de arriba, donde suelen estar las cabezas de aves y personas, se ve siempre. */
.post-image,.card-image{aspect-ratio:4/3;overflow:hidden;background:var(--soft)}
.post-image img,.card-image img,.post-lead .post-image img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center top}
/* Un poco más de zoom y menos aire arriba: el recorte empieza a un 22 % de la altura sobrante
   (casi arriba, sin cortar cabezas) y la foto se amplía un 12 % desde ese mismo punto. */
.post-image img,.card-image img,.post-lead .post-image img{object-position:center 22%;transform:scale(1.12);transform-origin:center 22%;transition:transform .25s}
.post-card:hover .post-image img,.post-lead:hover .post-image img,.catalog-card:hover .card-image img{transform:scale(1.15)}

/* Páginas legales y protección de datos */
.legal-page{max-width:860px;padding-top:34px;padding-bottom:64px;line-height:1.65}
.legal-head{border-bottom:1px solid var(--line);margin-bottom:28px;padding-bottom:18px}
.legal-head h1{font:normal clamp(30px,3.4vw,42px)/1.15 Georgia,serif;color:var(--ink);margin:8px 0 6px}
.legal-updated{color:var(--muted);font-size:14px;margin:0 0 14px}
.legal-nav{display:flex;gap:8px;flex-wrap:wrap}
.legal-nav a{font-size:13px;text-decoration:none;padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:#fff}
.legal-nav a[aria-current]{background:#e3ece7;border-color:#bcd0c5;font-weight:700}
.legal-page h2{font:normal 24px/1.25 Georgia,serif;color:var(--ink);margin:34px 0 10px}
.legal-page h3{font-size:17px;color:var(--ink);margin:0 0 8px}
.legal-page ul,.legal-page ol{padding-left:22px}.legal-page li{margin-bottom:6px}
.legal-data{list-style:none;padding:16px 20px!important;background:var(--soft);border-left:3px solid var(--yellow)}
.legal-activity{border:1px solid var(--line);padding:16px 20px;margin-bottom:14px;background:#fff}
.legal-activity dl{display:grid;grid-template-columns:170px 1fr;gap:6px 16px;margin:0;font-size:15px}
.legal-activity dt{font-weight:700;color:var(--ink)}.legal-activity dd{margin:0}
.legal-table{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0 14px}
.legal-table th,.legal-table td{border:1px solid var(--line);padding:9px 10px;text-align:left;vertical-align:top}
.legal-table th{background:var(--soft)}
.legal-missing{background:#fde8e8;color:#9b1c1c;padding:1px 5px;border-radius:3px;font-size:.92em}
.legal-form-box{margin-top:40px;padding:22px 26px;border:1px dashed #8c9e93;background:#fff}
.legal-form-box h2{margin-top:0}.legal-note{font-size:14px;color:var(--muted)}.legal-blank{font-family:Georgia,serif;margin:0 0 14px}
.privacy-notice{font-size:13px;color:var(--muted);border:1px solid var(--line);background:var(--soft);padding:10px 14px;margin:6px 0 14px}
.privacy-notice summary{cursor:pointer;font-weight:700;color:var(--ink)}
.privacy-notice dl{display:grid;grid-template-columns:110px 1fr;gap:4px 12px;margin:10px 0 0}.privacy-notice dt{font-weight:700}.privacy-notice dd{margin:0}
.account-privacy{margin-top:44px;border-top:1px solid var(--line);padding-top:24px}
.privacy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.privacy-grid h3{margin:0 0 10px;font-size:17px;color:var(--ink)}
.button-secondary.danger{color:#9b1c1c;border-color:#e3a3a3}
@media(max-width:800px){.privacy-grid{grid-template-columns:1fr}.legal-activity dl,.privacy-notice dl{grid-template-columns:1fr}.legal-table{display:block;overflow-x:auto}}
@media print{.legal-nav,.legal-form-box{break-inside:avoid}}

/* Página de un número de la revista */
.issue-page{padding-bottom:40px}
.issue-hero{display:grid;grid-template-columns:120px 1fr;gap:32px;align-items:center;padding-top:56px;padding-bottom:36px;border-bottom:1px solid var(--line)}
.issue-hero-cover img{width:120px;aspect-ratio:600/840;object-fit:cover;box-shadow:0 6px 18px rgba(22,46,40,.18)}
.issue-hero .eyebrow{margin:0 0 14px}
.issue-hero h1{font:normal clamp(34px,4.6vw,54px)/1.08 Georgia,serif;color:var(--ink);margin:0 0 14px;letter-spacing:-.5px}
.issue-hero-lead{font-size:17px;color:var(--text);margin:0 0 18px}
.issue-hero-links{display:flex;gap:22px;flex-wrap:wrap;margin:0;font-size:15px}
.issue-hero-links a{color:var(--ink)}
.issue-contents{padding-top:26px}
.issue-tools{display:flex;align-items:center;gap:16px;margin-bottom:26px;flex-wrap:wrap}
.issue-tools label{font-weight:700;font-size:14px;color:var(--ink)}
.issue-tools input{font:16px Arial,sans-serif;padding:11px 14px;border:1px solid #c4d0c8;background:#fff;width:370px;max-width:100%;color:var(--ink)}
.issue-tools input:focus{outline:3px solid #f0d64a;outline-offset:1px;border-color:var(--ink)}
#issue-count{margin:0 0 0 auto;font-size:14px;color:var(--muted)}
.issue-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.issue-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:box-shadow .2s,border-color .2s}
.issue-card:hover{border-color:#c4d0c8;box-shadow:0 8px 22px rgba(22,46,40,.08)}
.issue-card-img{display:flex;align-items:center;justify-content:center;aspect-ratio:8/9;background:#eceeeb;padding:10px;border-bottom:1px solid var(--line)}
.issue-card-img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.issue-card-body{display:flex;flex-direction:column;flex:1;padding:18px 18px 20px}
.issue-card-meta{font-size:12px;color:#53675a;margin:0 0 10px}
.issue-card-meta a{text-decoration:none}.issue-card-meta a:hover{text-decoration:underline}
.issue-card h2{font:normal 22px/1.22 Georgia,serif;color:var(--ink);margin:0 0 10px}
.issue-card h2 a{text-decoration:none}.issue-card h2 a:hover{text-decoration:underline}
.issue-card-author{font-size:13px;color:var(--muted);margin:0 0 18px}
.issue-card-read{margin-top:auto;font-size:13px;font-weight:700;color:#1f4d3f;text-decoration:none}
.issue-card-read:hover{text-decoration:underline}
.issue-empty{padding:40px 0;text-align:center;color:var(--muted)}
.issue-mark small{font-weight:700}
@media(max-width:1100px){.issue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.issue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.issue-hero{grid-template-columns:84px 1fr;gap:20px;padding-top:34px}.issue-hero-cover img{width:84px}#issue-count{margin-left:0;width:100%}}
@media(max-width:520px){.issue-grid{grid-template-columns:1fr}.issue-tools input{width:100%}}
/* Marco de foto de altura fija: la foto (entera) se ajusta dentro sin estirar la tarjeta. */
.issue-card-img{position:relative;display:block;overflow:hidden;min-height:0}
.issue-card-img img{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);max-width:none;max-height:none;object-fit:contain}
@media(max-width:520px){.issue-card-img{aspect-ratio:4/3}}
/* Fotos de las tarjetas de los números: igual que en la portada, llenan el marco y se recortan
   por abajo (zoom suave desde arriba), sin bandas grises. */
.issue-card-img{aspect-ratio:4/3;padding:0;background:var(--soft)}
.issue-card-img img{inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%;transform:scale(1.12);transform-origin:center 22%;transition:transform .25s}
.issue-card:hover .issue-card-img img{transform:scale(1.15)}