/* Páginas informativas y contacto */
.info-grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: clamp(24px, 4vw, 56px); align-items: start; }
.info-img { border-radius: var(--r); margin-bottom: 24px; aspect-ratio: 16 / 9; object-fit: cover; width: 100%; }
.aside-card { position: sticky; top: calc(var(--nav-h) + var(--cats-h) + 16px); padding: 22px; border-radius: var(--r); background: var(--surf); border: 1px solid var(--line); display: grid; gap: 12px; }
.aside-card h4 { font-family: var(--font-display); font-size: 18px; }
.aside-card p { color: var(--muted); font-size: 14.5px; }
.aside-card ul { list-style: none; display: grid; gap: 8px; margin-top: 6px; padding-top: 12px; border-top: 1px solid var(--line); }
.aside-card li a { font-size: 14.5px; color: var(--muted); } .aside-card li a:hover { color: var(--text); }
.mv { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 28px; }
.mv-card { padding: 22px; border-radius: var(--r); background: var(--surf); border: 1px solid var(--line); }
.mv-card .ico { width: 44px; height: 44px; border-radius: 13px; background: var(--accent-soft); color: var(--accent-2); display: grid; place-items: center; margin-bottom: 12px; }
.mv-card .ico .ic-svg { width: 22px; height: 22px; }
.mv-card h3 { margin-bottom: 8px; }
.mv-card .prose { font-size: .98rem; }
.envios { display: grid; gap: 12px; margin-top: 20px; }
.env-card { display: flex; gap: 16px; padding: 18px 20px; border-radius: var(--r); background: var(--surf); border: 1px solid var(--line); }
.env-card .ico { width: 48px; height: 48px; border-radius: 14px; background: var(--accent-soft); color: var(--accent-2); display: grid; place-items: center; flex: none; }
.env-card .ico .ic-svg { width: 24px; height: 24px; }
.env-card b { display: block; font-size: 16px; } .env-card p { color: var(--muted); font-size: 14.5px; margin-top: 2px; } .env-card small { display: block; margin-top: 6px; color: var(--accent-2); font-weight: 700; font-size: 13px; }
/* contacto */
.contacto-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(20px, 3vw, 40px); }
.c-card { padding: 22px; border-radius: var(--r); background: var(--surf); border: 1px solid var(--line); display: flex; gap: 16px; align-items: flex-start; }
.c-card .ico { width: 48px; height: 48px; border-radius: 14px; background: var(--accent-soft); color: var(--accent-2); display: grid; place-items: center; flex: none; }
.c-card .ico .ic-svg { width: 24px; height: 24px; }
.c-card b { display: block; font-size: 16px; margin-bottom: 4px; } .c-card p, .c-card a { color: var(--muted); font-size: 15px; line-height: 1.5; } .c-card a:hover { color: var(--text); }
.c-list { display: grid; gap: 12px; }
.mapa { border-radius: var(--r); overflow: hidden; border: 1px solid var(--line); aspect-ratio: 4 / 3; background: var(--bg2); }
.mapa iframe { width: 100%; height: 100%; border: 0; display: block; filter: var(--mapa-filtro, none); }
:root[data-theme="dark"] .mapa iframe { --mapa-filtro: invert(.9) hue-rotate(180deg) saturate(.8); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .mapa iframe { --mapa-filtro: invert(.9) hue-rotate(180deg) saturate(.8); } }
@media (max-width: 960px) { .info-grid { grid-template-columns: 1fr; } .aside-card { position: static; } .contacto-grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .mv { grid-template-columns: 1fr; } }