/* Secciones con negocios reales, buscador general y flecha para volver */
.sec-hero{position:relative;overflow:hidden;padding:34px 26px 30px;margin-bottom:16px;border-radius:24px;border:1px solid #3b4a2c;background:linear-gradient(100deg,#0b0f0cf2 0%,#0b0f0cd9 45%,#0b0f0c66 100%),var(--sec-photo,none) center/cover no-repeat,linear-gradient(160deg,#141d10,#0b0f0c 70%)}
.sec-hero .eyebrow{color:#B6FF00;font-size:12px;letter-spacing:.14em;font-weight:700}
.sec-hero h1{margin:8px 0 10px;font-size:clamp(32px,6vw,56px);line-height:1.02;letter-spacing:-.03em;max-width:760px;overflow-wrap:anywhere}
.sec-hero p{margin:0;max-width:600px;color:#dfe6da;font-size:17px;line-height:1.5}
.sec-hero .photo-credit{position:absolute}
.sec-hero.is-search{padding:26px 24px 22px}
.pilot .sec-search{display:flex;gap:8px;margin:0 0 14px;padding:0;background:none;border:0;max-width:none}
.pilot .sec-search input{flex:1;min-width:0;margin:0;min-height:50px;border-radius:16px;padding:0 16px;font-size:16px}
.pilot .sec-search button{margin:0;min-height:50px;border-radius:16px;padding:0 20px;white-space:nowrap}
.sec-filters{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:end;margin-bottom:18px}.sec-filters .dir-cats{margin:0;flex:1;min-width:0}
.pilot .sec-province{display:grid;gap:4px;margin:0;font-size:12px;color:#8e9b88}.pilot .sec-province select{margin:0;min-height:40px;padding:6px 10px}
.sec-block{margin:26px 0}.sec-block h2{display:flex;align-items:baseline;gap:8px;margin:0 0 14px;font-size:22px}.sec-block h2 small{color:#8e9b88;font-size:14px;font-weight:500}
.sec-block[hidden]{display:none}
.sec-block .sec-province{margin:-4px 0 12px;max-width:220px}
.sec-note{color:#c6d0c1;font-size:14px;margin:-4px 0 12px}
.sec-empty{color:#b9c4b4;margin:6px 0}
.pilot .sec-more{display:block;margin:16px auto 0;min-width:200px}
.pilot button.light,.pilot .sec-more{background:transparent;color:#fff;border:1px solid #4a5a42}.pilot .sec-more:hover{border-color:#B6FF00;color:#B6FF00}
.sec-links{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}.sec-links .chip{text-decoration:none}
.sec-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin:30px 0 10px;padding:20px 22px;border-radius:20px;border:1px solid #3b4a2c;background:linear-gradient(160deg,#141d10,#0b0f0c 70%)}
.sec-cta div{display:grid;gap:4px}.sec-cta span{color:#c6d0c1;font-size:14px}.sec-cta .button{margin:0}
/* Flecha para volver */
.back-btn{flex:none;display:inline-grid;place-items:center;width:40px;height:40px;margin:0 10px 0 0;padding:0;border-radius:14px;border:1px solid #ffffff26;background:#101410;color:#fff;cursor:pointer}
.back-btn[hidden]{display:none}
.back-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.back-btn:hover{border-color:#B6FF00;color:#B6FF00}.back-btn:focus-visible{outline:3px solid #B6FF00;outline-offset:2px}
header{align-items:center}
@media(max-width:700px){.sec-hero{padding:26px 20px 22px}.sec-hero p{font-size:15px}.pilot .sec-search button{padding:0 14px}.sec-block h2{font-size:19px}}
/* Hablar con D’TÓ en la portada */
.help-banner{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between;max-width:1180px;margin:10px auto 28px;padding:26px 24px;border-radius:24px;border:1px solid #3b4a2c;background:radial-gradient(circle at 90% 20%,#b6ff0024,transparent 55%),linear-gradient(160deg,#141d10,#0b0f0c 70%)}
.help-banner>div{flex:1 1 320px}.help-banner .eyebrow{color:#B6FF00;font-size:12px;letter-spacing:.14em;font-weight:700}
.help-banner h2{margin:6px 0 8px;font-size:clamp(24px,4vw,34px);letter-spacing:-.02em}.help-banner p{margin:0;color:#dfe6da;line-height:1.5;max-width:620px}
.help-banner .button{margin:0;white-space:nowrap}
@media(max-width:700px){.help-banner{margin:10px 16px 24px}}
/* Enlaces del pie al directorio y los destinos (páginas para buscadores) */
.seo-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:10px 0;font-size:13px}.seo-links a{color:#c6d0c1;text-decoration:none}.seo-links a:hover{color:#B6FF00}
.seo-intro{max-width:720px;margin:10px auto 4px;color:#8e9b88;font-size:13px;line-height:1.5}
/* A window (dialog) is open: the page behind does not scroll or slide. */
html.dlg-open,html.dlg-open body{overflow:hidden;overscroll-behavior:none}
dialog[open]{overscroll-behavior:contain}
dialog[open]{max-height:calc(100dvh - 24px);overflow-y:auto}