.guide-page{padding-bottom:36px}.guide-heading{display:block!important}.guide-heading p{margin:10px 0 0}.guide-search-area{padding:26px 0 14px;max-width:820px;margin:auto}.guide-search-area label{display:block;font-size:20px;margin-bottom:12px}.guide-input-row{display:flex;border:1px solid #b8c7cc;border-radius:13px;background:white;box-shadow:0 3px 14px #082e4b08;overflow:hidden}.guide-input-row:focus-within{outline:2px solid #25746b;outline-offset:2px}.guide-input-row input{width:100%;min-width:0;border:0;background:none;font:inherit;font-size:17px;padding:18px;outline:0}.guide-input-row button{border:0;background:none;padding:0 18px;font-size:27px;color:#526774;cursor:pointer}.guide-hint,.guide-muted{color:#64767d;font-size:13px}.guide-shortcuts{display:flex;gap:8px;overflow:auto;padding:8px 0 14px}.guide-shortcuts button{flex:none;border:1px solid #d9e3e5;border-radius:25px;padding:9px 15px;background:#f5f8f7;color:#244954;font:inherit;font-size:13px;cursor:pointer}#guide-count{color:#587079;font-size:14px;margin:12px 0 18px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.guide-card{border:1px solid #dce5e7;background:#fff;border-radius:15px;padding:21px;display:flex;flex-direction:column;gap:9px;min-width:0}.guide-card h2{font-size:21px;font-weight:500;line-height:1.3;margin:0;overflow-wrap:anywhere}.guide-card p{font-size:14px;line-height:1.5;margin:0;color:#586c75}.guide-rubro{font-size:11px;letter-spacing:.04em;color:#527568;line-height:1.5}.guide-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:10px}.guide-actions a{font-size:12px;padding:9px 10px;border-radius:8px;background:#eff5f3;color:#244d45;text-decoration:none;overflow-wrap:anywhere}.guide-actions .guide-source{background:transparent;color:#687d85}.guide-more{display:block;margin:24px auto}.guide-footnote{font-size:12px;line-height:1.6;color:#6d7d84;padding-top:28px}.guide-categories{margin-top:32px;border-top:1px solid #dde6e6;padding-top:20px}.guide-categories h2{font-size:18px;font-weight:500}.guide-categories p{font-size:13px;color:#64767d}.guide-categories>div{display:flex;flex-wrap:wrap;gap:10px}.guide-categories a{font-size:13px;padding:10px;border:1px solid #dce5e7;border-radius:9px}.guide-empty{padding:34px 12px;text-align:center}.guide-empty h2{font-size:21px}.guide-home{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid #dce5e7;text-decoration:none;color:#143b4d;margin:10px 0 22px}.guide-home>svg{width:30px;height:30px}.guide-home>span:first-of-type{flex:1;display:grid;gap:5px}.guide-home strong{font-size:19px;font-weight:500}.guide-home small{font-size:13px;color:#64767d}.guide-nav{white-space:nowrap;align-self:center;font-size:13px;padding:12px 16px;text-decoration:none;color:inherit}a:focus-visible,button:focus-visible{outline-offset:3px}@media(max-width:900px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.guide-grid{grid-template-columns:1fr;gap:12px}.guide-card{padding:18px}.guide-search-area{padding-top:21px}.guide-heading h1{font-size:32px!important}.guide-search-area label{font-size:19px}.guide-input-row input{padding:16px;font-size:16px}.guide-shortcuts{margin-right:-16px}.guide-home{padding:16px 0}.guide-home small{font-size:12px}}

.guide-actions button.guide-source{font:inherit;font-size:12px;border:0;padding:9px 10px;border-radius:8px;background:transparent;color:#47636d;cursor:pointer;text-align:left}
body.guide-detail-open{overflow:hidden}
dialog.guide-detail-modal{inset:0;margin:auto;min-height:0;height:fit-content;max-height:calc(var(--chivi-visible-height,100vh) - 36px);width:min(620px,calc(100% - 28px));padding:0;overflow:hidden}
.guide-detail-header h2{overflow-wrap:anywhere;font-weight:500}
.guide-detail-body{overflow-y:auto;overscroll-behavior:contain;padding:24px;min-height:0}
.guide-detail-body h3{font-size:13px;letter-spacing:.03em;color:#527568;font-weight:500;margin:0 0 10px}
.guide-detail-body p{font-size:15px;line-height:1.7;margin:0 0 24px;color:#435d68;overflow-wrap:anywhere}
.guide-detail-contact .guide-actions{margin:0 0 20px;padding:0}
.guide-detail-contact .guide-actions a{font-size:15px;padding:12px 15px}
.guide-detail-map{display:inline-flex;font-size:14px;text-decoration:none}
@media(max-width:600px){dialog.guide-detail-modal{width:calc(100% - 20px);max-height:calc(var(--chivi-visible-height,100vh) - 24px)}.guide-detail-body{padding:20px}.guide-detail-header h2{font-size:24px!important}}

.guide-card-cover{width:calc(100% + 42px);max-width:none;height:110px;object-fit:cover;margin:-21px -21px 10px;border-radius:14px 14px 0 0}.guide-detail-header[data-scene-topic="guide"]{min-height:185px;background-position:center!important}.guide-detail-header[data-scene-topic="guide"] h2{max-width:460px}.guide-profile-cover{display:block;width:100%;height:210px;object-fit:cover;border-radius:15px;margin-bottom:24px}@media(max-width:600px){.guide-card-cover{width:calc(100% + 36px);margin:-18px -18px 8px;height:100px}.guide-detail-header[data-scene-topic="guide"]{min-height:165px}}

/* Keep the directory's intrinsic content inside the page at every viewport. */
.guide-page,.guide-page>*{min-width:0;max-width:100%}
.guide-page{width:100%;overflow-wrap:anywhere}
.guide-search-area{width:100%;min-width:0}
.guide-shortcuts{width:100%;max-width:100%;min-width:0;margin-right:0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
#guide-local-rubros{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;width:100%;max-width:100%;min-width:0;padding:14px 0 0;margin:0;border:0}
#guide-local-rubros a{display:block;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
.guide-grid{width:100%;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.guide-card>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
.guide-card .guide-card-cover{max-width:none;flex-shrink:0}
@media(max-width:900px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.guide-grid{grid-template-columns:minmax(0,1fr)}.guide-shortcuts{margin-right:0}.guide-input-row button{flex-shrink:0}}

.guide-back{display:inline-flex;align-items:center;margin-top:14px;padding:9px 12px;border:1px solid currentColor;border-radius:8px;font-size:13px;line-height:1.4}

.guide-shortcuts[hidden]{display:none}

/* Suggestions stay in flow so they remain usable above a mobile keyboard. */
.guide-suggestions[hidden]{display:none}
.guide-suggestions{margin-top:8px;background:#fff;border:1px solid #d9e3e5;border-radius:13px;box-shadow:0 8px 24px #082e4b0d;overflow:hidden}
.guide-suggestion{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;min-height:52px;cursor:pointer;color:#244954;line-height:1.4;font-size:15px}
.guide-suggestion+.guide-suggestion{border-top:1px solid #eff3f3}
.guide-suggestion:hover,.guide-suggestion[aria-selected="true"]{background:#eff5f3}
.guide-suggestion-copy{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}
.guide-suggestion small{color:#64767d;font-size:12px}

/* A compact search state brings matching entries into the same reading column. */
.guide-search-area,#guide-count,#guide-results,.guide-page>details{max-width:820px;margin-left:auto;margin-right:auto}
.guide-search-area{scroll-margin-top:145px}
.guide-search-active .guide-search-area{padding:14px 0 4px}
.guide-search-active .guide-search-area>label{font-size:13px;margin-bottom:7px;color:#587079}
.guide-search-active .guide-input-row{border-radius:10px}
.guide-search-active .guide-input-row input{padding:11px 14px;font-size:16px;min-height:44px}
.guide-search-active .guide-hint,.guide-search-active .guide-shortcuts,.guide-search-active>.guide-categories{display:none}
.guide-search-active #guide-count{margin-top:12px;margin-bottom:12px;font-size:13px}
.guide-search-active .guide-grid{grid-template-columns:minmax(0,1fr);gap:10px}
.guide-search-active .guide-card{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;column-gap:14px;row-gap:4px;padding:14px;border-radius:12px;align-items:start}
.guide-search-active .guide-card .guide-card-cover{grid-column:1;grid-row:1/4;width:64px;max-width:64px;height:72px;object-fit:cover;margin:0;border-radius:8px}
.guide-search-active .guide-card .guide-rubro{grid-column:2;grid-row:1;letter-spacing:0;font-size:11px}
.guide-search-active .guide-card h2{grid-column:2;grid-row:2;font-size:18px;line-height:1.3}
.guide-search-active .guide-card>p{grid-column:2;grid-row:3;font-size:13px;line-height:1.4}
.guide-search-active .guide-actions{grid-column:1/-1;grid-row:4;width:100%;padding-top:10px;margin-top:6px;border-top:1px solid #edf1ef;align-items:center}
.guide-search-active .guide-actions a,.guide-search-active .guide-actions button{min-height:38px;display:inline-flex;align-items:center;font-size:12px}
.guide-search-active .guide-actions .guide-source{margin-left:auto;color:#176b86;background:#edf5f7}
.guide-suggestions{max-height:220px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
@media(max-width:600px){.guide-search-active .guide-search-area{padding-top:12px}.guide-search-active .guide-card{padding:12px;column-gap:12px}.guide-search-area{scroll-margin-top:138px}}

.guide-actions a.guide-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#e6f6ec;color:#146c3c;border:1px solid #b8dfc7;font-weight:400;min-height:40px;line-height:1.3}
.guide-whatsapp svg{width:19px;height:19px;flex:0 0 19px;color:#168b4a}
.guide-actions a.guide-whatsapp:hover{background:#d7efdf;opacity:1}
