.puerto-planning .pe-eyebrow{color:var(--color-link);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.puerto-planning .pe-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.pe-directory>a{display:flex;flex-direction:column;gap:10px;text-decoration:none;padding:22px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface)}.pe-directory>a:hover{border-color:var(--color-link)}.pe-directory span{color:var(--color-text);font-size:.95rem}.puerto-planning .pe-zone-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;gap:10px}.pe-zone-strip li{border-top:3px solid var(--color-link);background:var(--color-surface);padding:16px 12px;min-width:0}.pe-zone-strip span{display:block;font-size:.85rem;margin-top:10px}.pe-zone-strip a{font-weight:700}.article-hero-media figcaption{font-size:.75rem;color:var(--color-muted);margin:8px 0 20px}.pe-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:var(--color-surface);border:1px solid var(--color-border);padding:24px;border-radius:16px}.pe-form label{display:grid;gap:8px;min-width:0}.pe-form input{width:100%;min-width:0;box-sizing:border-box;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;padding:12px;font:inherit}.pe-form input:focus-visible{outline:2px solid var(--color-link)}.pe-form output{grid-column:1/-1;padding:18px;border-top:1px solid var(--color-border);font-size:1.15rem;font-weight:700}.pe-day{padding:20px;border-left:3px solid var(--color-link);background:var(--color-surface);border-radius:8px;margin:20px 0}.pe-day h3{margin-top:0}.puerto-planning [id]{scroll-margin-top:110px}@media(max-width:850px){.puerto-planning .pe-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.puerto-planning .pe-zone-strip{grid-template-columns:1fr 1fr}}@media(max-width:560px){.puerto-planning .pe-directory,.puerto-planning .pe-zone-strip,.pe-form{grid-template-columns:1fr}.pe-form{padding:18px}.pe-directory>a{padding:18px}}.destination-guide .table-wrapper caption{caption-side:top;text-align:left;font-size:.9rem;padding:0 0 14px;color:var(--color-text)}@media(max-width:640px){.destination-guide .table-wrapper table{display:block}.destination-guide .table-wrapper caption{display:block;width:100%;box-sizing:border-box}.destination-guide .table-wrapper tbody{width:100%}}
