/* Decorative local landmark and brand typography, only on Guía. */
@font-face { font-family:"GuiaDisplay"; src:url("TypoGraphica Regular.ttf") format("truetype"); font-style:normal; font-weight:400; font-display:swap; }
body.directory-guide .directory-intro { position:relative; isolation:isolate; z-index:100; padding-top:32px; padding-bottom:26px; background:linear-gradient(110deg,#f3fbfc,#f9fdfe); }
body.directory-guide .directory-intro-inner { position:relative; z-index:1; }
body.directory-guide .directory-eyebrow { display:none; }
body.directory-guide .directory-intro h1 { max-width:1040px; font-family:"GuiaDisplay","Arial Black",Arial,sans-serif; font-size:clamp(30px,3vw,43px); font-weight:400; letter-spacing:-.3px; line-height:1.15; margin-bottom:8px; }
body.directory-guide .directory-description { max-width:980px; font-size:17px; margin-bottom:18px; }
body.directory-guide .directory-main-shell { width:min(980px,calc(100% - 320px)); max-width:none; margin:0; }
body.directory-guide .directory-main-search { background:#fffffff0; }
.directory-guide-art { position:absolute; z-index:0; pointer-events:none; user-select:none; right:max(0px,calc((100vw - 1440px)/2 - 44px)); bottom:0; width:440px; height:100%; object-fit:contain; object-position:right bottom; opacity:.68; mask-image:linear-gradient(90deg,transparent,#000 18%,#000); -webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000); }
body.directory-guide .directory-meta { position:relative; z-index:1; }
body.directory-guide .directory-meta > span { display:inline-flex; align-items:center; gap:6px; padding:12px 17px; border:1px solid #dbedf0; border-radius:11px; background:#ffffffa6; }
body.directory-guide .directory-meta > span i { margin:0; }
.directory-guide-pagination { display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:12px; margin-top:16px; font-size:12px; color:#728d9b; }
.directory-guide-pagination button { border:1px solid #d6e9ed; border-radius:7px; padding:8px 12px; background:#f3fbfc; color:#0085a0; font-size:12px; cursor:pointer; }
.directory-guide-pagination button:disabled { opacity:.45; cursor:default; }
body.directory-guide .directory-category-cards { grid-template-columns:repeat(5,minmax(0,1fr)); }
@media(max-width:800px) {
    body.directory-guide .directory-category-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
    body.directory-guide .directory-category-cards > [data-category="rubros-todos"] { grid-column:1/-1; min-height:70px; }
}
.directory-guide-invite { display:flex; align-items:center; gap:14px; width:min(1380px,calc(100% - 48px)); margin:16px auto; padding:16px 20px; border:1px solid #d8edf0; border-radius:14px; background:linear-gradient(120deg,#e2f7f8,#f2fbfd); }
.directory-guide-invite > i { color:#00a9b5; font-size:32px; }
.directory-guide-invite h2 { margin:0 0 5px; font-size:19px; color:#163644; }
.directory-guide-invite p { margin:0; color:#638390; font-size:13px; }
.directory-guide-invite a { margin-left:auto; padding:12px 22px; border-radius:9px; color:#fff; background:linear-gradient(110deg,#00b5bc,#0087ac); font-size:13px; font-weight:700; text-decoration:none; }
@media(max-width:800px) { .directory-guide-invite { flex-wrap:wrap; } .directory-guide-invite a { margin-left:0; } }
@media(max-width:600px) { .directory-guide-invite { width:calc(100% - 32px); } .directory-guide-invite a { width:100%; text-align:center; } }
@media(max-width:1180px) { .directory-guide-art { right:0; width:340px; opacity:.42; } body.directory-guide .directory-main-shell { width:calc(100% - 210px); } body.directory-guide .directory-intro h1 { max-width:850px; } }
@media(max-width:800px) { .directory-guide-art { width:300px; opacity:.22; } body.directory-guide .directory-main-shell { width:100%; } body.directory-guide .directory-description { max-width:580px; } }
@media(max-width:600px) { body.directory-guide .directory-intro { padding-top:24px; padding-bottom:22px; } body.directory-guide .directory-intro h1 { font-size:31px; line-height:1.14; } body.directory-guide .directory-description { font-size:15px; } .directory-guide-art { width:240px; height:190px; opacity:.16; } }