/* Catálogo de puntos de interés: jerarquía compacta y priorizada para móvil. */
.poi-page{padding-top:32px}
.poi-page .page-header{margin-bottom:24px;align-items:flex-start}
.poi-page .page-header h1{font-size:clamp(38px,5vw,62px)}
.poi-page .page-header-copy{max-width:420px;font-size:13px}
.poi-toolbar{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 170px 150px;gap:8px;margin-bottom:18px}
.poi-toolbar .search-box{height:40px}
.poi-toolbar select{height:40px;min-width:0}
.poi-page .place-grid{gap:12px}
.poi-page .place-card{min-height:0;display:flex;flex-direction:column}
.poi-page .place-image{height:140px;flex:none}
.poi-page .place-info{padding:12px 13px 14px;min-height:86px}
.poi-page .place-info h3{font-size:16px;line-height:1.15;margin-bottom:6px}
.poi-page .place-info p{font-size:10px;line-height:1.45}
.poi-page .place-distance{font-size:9px}
.detail-hero{min-height:0}
.detail-content{padding:32px 38px}
.detail-content h1{font-size:clamp(34px,4vw,48px)}
.poi-guide{margin-top:16px;padding:24px 30px}
.poi-guide-grid{gap:10px}
.poi-guide-grid article{padding:18px;gap:8px}
.poi-guide-grid h2{font-size:15px}
.poi-guide-grid p{font-size:11px}
.poi-guide-icon{font-size:20px}

@media(max-width:700px){
  .poi-page{padding:25px 14px 55px}
  .poi-page .back-link{margin-bottom:16px}
  .poi-page .page-header{display:block;margin-bottom:20px}
  .poi-page .page-header h1{font-size:39px;line-height:.98}
  .poi-page .page-header-copy{font-size:12px;line-height:1.55;margin-top:14px}
  .poi-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;margin-bottom:14px}
  .poi-toolbar .search-box{grid-column:1/-1;height:42px}
  .poi-toolbar select{width:100%;height:40px}
  .poi-page .place-grid{grid-template-columns:1fr;gap:8px}
  .poi-page .place-card{display:grid;grid-template-columns:104px minmax(0,1fr);min-height:104px}
  .poi-page .place-image{height:104px}
  .poi-page .place-info{padding:12px 12px 10px;min-height:0;display:flex;flex-direction:column;justify-content:center}
  .poi-page .place-info h3{font-size:15px;margin:0 0 5px}
  .poi-page .place-info p{font-size:10px;line-height:1.35;margin:0;padding-right:4px}
  .poi-page .place-tag{left:8px;top:8px;padding:4px 5px;font-size:8px}
  .poi-page .place-distance{position:absolute;right:10px;top:10px;background:#fff;color:var(--coral);padding-left:4px;z-index:2}
  .detail-hero{display:block;margin-top:0}
  .detail-visual{min-height:220px;height:220px}
  .detail-content{padding:22px 18px 20px}
  .detail-content h1{font-size:34px;margin-bottom:12px}
  .detail-content p{font-size:12px;line-height:1.55}
  .detail-meta{gap:5px;margin:16px 0}
  .meta-pill{padding:7px 8px;font-size:9px}
  .detail-actions{gap:7px}
  .detail-actions .dark-btn{width:100%;margin:0}
  .poi-guide{margin-top:10px;padding:20px 14px}
  .poi-guide-grid{grid-template-columns:1fr;gap:8px}
  .poi-guide-grid article{padding:16px;min-height:0}
  .poi-guide-grid h2{font-size:16px}
  .poi-guide-grid p{font-size:11px}
  .poi-media-item .managed-image{max-height:190px}
}

/* Ficha profesional para la sección de planificación. */
.poi-guide{margin-top:28px;padding:34px 0 0;background:transparent;border-top:1px solid var(--line)}
.poi-guide>.eyebrow{margin-bottom:18px;color:var(--muted)}
.poi-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;align-items:stretch}
.poi-guide-grid article{position:relative;overflow:hidden;background:#fff!important;border:1px solid var(--line);border-radius:2px;padding:24px;gap:13px;min-width:0;min-height:244px;box-shadow:0 8px 24px rgba(25,42,45,.055);transition:transform .2s ease,box-shadow .2s ease}
.poi-guide-grid article:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(25,42,45,.1)}
.poi-guide-grid article:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--green)}
.poi-guide-grid article:nth-child(2):before{background:var(--yellow)}.poi-guide-grid article:nth-child(3):before{background:var(--coral)}
.poi-guide-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#edf4ef;color:var(--dark);font-size:19px;margin-bottom:7px}
.poi-guide-grid article:nth-child(2) .poi-guide-icon{background:#fff5d8}.poi-guide-grid article:nth-child(3) .poi-guide-icon{background:#fbe7e1}
.poi-guide-grid h2{font-size:18px;line-height:1.18;letter-spacing:-.045em;margin:0;max-width:250px;overflow-wrap:anywhere}
.poi-guide-grid p{font-size:12px;line-height:1.6;margin:0;color:var(--muted)}
.poi-guide-grid .outline-btn{align-self:flex-start;margin-top:auto;padding:11px 15px;border-color:var(--dark);background:#fff;transition:background .2s,color .2s}
.poi-guide-grid .outline-btn:hover{background:var(--dark);color:#fff}
.poi-guide-grid .route-download{display:inline-flex;align-items:center;gap:5px;padding:9px 11px;background:#f4f7f3;color:var(--dark);font-size:10px;border-left:2px solid var(--green)}
.poi-guide-grid .route-download:hover{color:var(--coral)}
.poi-media-item{margin-top:auto;padding-top:5px}.poi-media-item strong{font-size:11px;color:var(--dark)}

@media(max-width:700px){
  .poi-guide{margin-top:24px;padding:26px 0 0}.poi-guide-grid{gap:12px}
  .poi-guide-grid article{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;min-width:0;min-height:0;padding:21px 16px 20px}
  .poi-guide-icon{grid-row:1 / span 4;margin:0;width:40px;height:40px}
  .poi-guide-grid h2{font-size:17px;max-width:none}.poi-guide-grid p{font-size:11px}
  .poi-guide-grid .outline-btn,.poi-guide-grid .route-download,.poi-media-item{grid-column:2}
  .poi-guide-grid .outline-btn{margin-top:4px;width:max-content}.poi-media-item{margin-top:5px}
}

@media(max-width:380px){
  .poi-guide-grid article{grid-template-columns:34px minmax(0,1fr);column-gap:10px;padding:19px 13px}
  .poi-guide-icon{width:34px;height:34px;font-size:16px}.poi-guide-grid h2{font-size:15px}.poi-guide-grid p{font-size:10px}
}