/* HOTEL POST STUDIO — SUITE COMFORT 1.4.0
   Todas las reglas de las cuadrículas limitadas a .hps.hps-suite.
   NO se cambia CSS del body, Astra, Gutenberg, Elementor o artículos individuales. */
.hps.hps-suite{--hps-accent:var(--hps-global-accent,#24385e);--hps-ink:var(--hps-global-ink,#263651);--hps-surface:var(--hps-global-surface,#fff);--hps-muted:var(--hps-global-muted,#65718a);--hps-border:#dfe5ed;--hps-img-height:205px;width:100%;min-width:0;max-width:100%;color:var(--hps-ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6;box-sizing:border-box}
.hps.hps-suite *,.hps.hps-suite *::before,.hps.hps-suite *::after{box-sizing:border-box}
.hps.hps-suite a{text-decoration:none!important;box-shadow:none}
.hps.hps-suite .hps-section-title{font-family:inherit;font-size:clamp(27px,3vw,40px);font-weight:700;line-height:1.16;color:var(--hps-ink);margin:0 0 30px;letter-spacing:-.03em}
.hps.hps-suite .hps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:20px;min-width:0}
.hps.hps-suite.hps-cols-1 .hps-grid{grid-template-columns:minmax(0,1fr)}
.hps.hps-suite.hps-cols-2 .hps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.hps.hps-suite.hps-cols-4 .hps-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.hps.hps-suite .hps-card{position:relative;min-width:0;display:flex;flex-direction:column;align-items:stretch;background:var(--hps-surface);border:1px solid var(--hps-border);border-radius:0!important;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease}
.hps.hps-suite .hps-card:hover{border-color:#a7b7d0;box-shadow:0 12px 30px rgba(20,37,66,.08)}
.hps.hps-suite .hps-image{display:block;position:relative;flex:0 0 auto;height:var(--hps-img-height);min-height:0;overflow:hidden;background:#edf1f7;border-radius:0!important}
.hps.hps-suite .hps-image img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center center;border-radius:0!important;margin:0!important}
.hps.hps-suite .hps-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:14px;letter-spacing:.1em;background:#edf1f7;color:#24385e;text-transform:uppercase}
.hps.hps-suite .hps-content{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;min-height:0;min-width:0;padding:23px 23px 25px}
.hps.hps-suite .hps-category{display:inline-block;color:#345e9b!important;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800;margin:0 0 10px;line-height:1.5}
.hps.hps-suite .hps-title{font-family:Arial,Helvetica,sans-serif!important;color:var(--hps-ink)!important;font-size:clamp(17px,1.45vw,23px)!important;line-height:1.26!important;font-weight:750!important;letter-spacing:-.025em!important;text-transform:none!important;margin:0 0 12px!important;padding:0!important;overflow-wrap:anywhere}
.hps.hps-suite .hps-title a{color:var(--hps-ink)!important}
.hps.hps-suite .hps-title a:hover{color:var(--hps-accent)!important}
.hps.hps-suite .hps-meta{color:var(--hps-muted);font-size:12px;line-height:1.6;margin:0 0 14px}
.hps.hps-suite .hps-excerpt{color:var(--hps-muted);font-size:14px;line-height:1.72;margin:0 0 20px!important;padding:0!important}
.hps.hps-suite .hps-more{display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:auto!important;min-height:43px;padding:10px 18px;border:1px solid var(--hps-accent)!important;border-radius:0!important;background:var(--hps-accent)!important;color:#fff!important;font:700 12px/1.4 Arial,Helvetica,sans-serif!important;letter-spacing:.015em!important;white-space:normal;transition:background .18s ease,color .18s ease}
.hps.hps-suite .hps-more:hover,.hps.hps-suite .hps-more:focus-visible{background:#142542!important;color:#fff!important;border-color:#142542!important}
.hps.hps-suite .hps-more span{color:inherit!important}
/* 01 Clásico: tarjetas iguales */
.hps.hps-suite.hps-style-1 .hps-card{border-top:3px solid var(--hps-accent)}
/* 02 Editorial: aire y titulares grandes, separadores nítidos */
.hps.hps-suite.hps-style-2 .hps-grid{gap:26px}
.hps.hps-suite.hps-style-2 .hps-image{height:255px}
.hps.hps-suite.hps-style-2 .hps-content{padding:24px 0}
.hps.hps-suite.hps-style-2 .hps-card{border:0;border-bottom:1px solid var(--hps-border)}
.hps.hps-suite.hps-style-2 .hps-card:hover{box-shadow:none}
.hps.hps-suite.hps-style-2 .hps-title{font-size:clamp(21px,2vw,29px)!important}
/* 03 Revista: tres primeras tarjetas viven en su propio grid, el resto debajo */
.hps.hps-suite .hps-magazine-lead{display:grid;grid-template-columns:minmax(0,1.82fr) minmax(0,1fr);align-items:stretch;gap:18px;min-width:0;margin:0 0 20px}
.hps.hps-suite .hps-magazine-side{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:18px;min-height:0;min-width:0}
.hps.hps-suite .hps-magazine-lead>.hps-card{min-width:0}
.hps.hps-suite.hps-style-3 .hps-magazine-lead>.hps-card .hps-image{height:330px}
.hps.hps-suite.hps-style-3 .hps-magazine-lead>.hps-card .hps-title{font-size:clamp(24px,2.4vw,34px)!important}
.hps.hps-suite.hps-style-3 .hps-magazine-side .hps-card{min-height:0;display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);align-items:stretch}
.hps.hps-suite.hps-style-3 .hps-magazine-side .hps-image{height:100%;min-height:0;aspect-ratio:auto}
.hps.hps-suite.hps-style-3 .hps-magazine-side .hps-content{padding:18px;min-width:0}
.hps.hps-suite.hps-style-3 .hps-magazine-side .hps-title{font-size:clamp(16px,1.3vw,20px)!important}
.hps.hps-suite.hps-style-3 .hps-magazine-side .hps-excerpt{display:none}
.hps.hps-suite.hps-style-3 .hps-magazine-side .hps-more{margin-top:auto!important}
/* 04 Minimalista: bordes lineales y fotografía a la izquierda */
.hps.hps-suite.hps-style-4 .hps-card{border:0;border-bottom:1px solid var(--hps-border)}
.hps.hps-suite.hps-style-4 .hps-image{height:180px}
.hps.hps-suite.hps-style-4 .hps-content{padding:20px 0 25px}
/* 05 Fotográfico: imagen grande, banda de contenido opaca y legible */
.hps.hps-suite.hps-style-5 .hps-image{height:310px}
.hps.hps-suite.hps-style-5 .hps-content{background:#eef2f9}
/* 06 Horizontal */
.hps.hps-suite.hps-style-6 .hps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.hps.hps-suite.hps-style-6 .hps-card{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%)}
.hps.hps-suite.hps-style-6 .hps-image{height:100%;min-height:235px}
.hps.hps-suite.hps-style-6 .hps-content{padding:20px}
.hps.hps-suite.hps-style-6 .hps-title{font-size:20px!important}
/* 07 Marcos: borde sólido sin redondeo */
.hps.hps-suite.hps-style-7 .hps-card{border:2px solid #24385e}
.hps.hps-suite.hps-style-7 .hps-content{padding:24px}
/* 08 Periódico: columnas, serif solo para los titulares */
.hps.hps-suite.hps-style-8 .hps-grid{gap:28px}
.hps.hps-suite.hps-style-8 .hps-card{border:0;border-top:4px solid #24385e;border-bottom:1px solid #dce2ec}
.hps.hps-suite.hps-style-8 .hps-title{font-family:Georgia,'Times New Roman',serif!important;font-weight:700!important;font-size:clamp(21px,1.9vw,28px)!important}
.hps.hps-suite.hps-style-8 .hps-content{padding:20px 0}
/* 09 Compacto */
.hps.hps-suite.hps-style-9 .hps-image{height:165px}
.hps.hps-suite.hps-style-9 .hps-content{padding:18px}
.hps.hps-suite.hps-style-9 .hps-title{font-size:17px!important}
.hps.hps-suite.hps-style-9 .hps-excerpt{display:none}
/* 10 Destacado: primera tarjeta horizontal full-row; restantes en columnas */
.hps.hps-suite.hps-style-10 .hps-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,55%) minmax(0,45%);min-height:350px}
.hps.hps-suite.hps-style-10 .hps-card:first-child .hps-image{height:100%;min-height:350px}
.hps.hps-suite.hps-style-10 .hps-card:first-child .hps-content{justify-content:center;padding:35px}
.hps.hps-suite.hps-style-10 .hps-card:first-child .hps-title{font-size:clamp(25px,2.5vw,36px)!important}
/* Búsqueda y paginación */
.hps.hps-suite .hps-search{display:flex;align-items:end;gap:10px;max-width:650px;margin:0 0 28px}
.hps.hps-suite .hps-search label{font-size:13px;color:var(--hps-ink);font-weight:700}
.hps.hps-suite .hps-search input{display:block;flex:1;min-width:0;min-height:42px;border:1px solid #b8c5d7!important;border-radius:0!important;padding:9px 12px;background:#fff!important;color:#263651}
.hps.hps-suite .hps-search button{min-height:42px;padding:9px 18px;color:#fff;background:#24385e;border:0;border-radius:0;cursor:pointer}
.hps.hps-suite .hps-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:36px 0 0}
.hps.hps-suite .hps-pagination .page-numbers{min-width:43px;min-height:43px;display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border:1px solid #cbd5e2;border-radius:0!important;color:#24385e!important;background:#fff!important;font-size:13px;font-weight:700}
.hps.hps-suite .hps-pagination .page-numbers.current,.hps.hps-suite .hps-pagination a.page-numbers:hover{background:#24385e!important;color:#fff!important;border-color:#24385e!important}
.hps.hps-suite .hps-empty{padding:30px;background:#f4f6fa;color:#57657e;text-align:center}
/* Elementor a menudo calcula tamaños diferentes en su editor: el mosaico no depende de grid-row span */
@media(max-width:1100px){.hps.hps-suite .hps-grid,.hps.hps-suite.hps-cols-4 .hps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hps.hps-suite .hps-magazine-lead{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.hps.hps-suite.hps-style-3 .hps-magazine-side .hps-card{grid-template-columns:minmax(0,1fr)}.hps.hps-suite.hps-style-3 .hps-magazine-side .hps-image{height:125px}.hps.hps-suite.hps-style-3 .hps-magazine-side .hps-content{padding:14px}}
@media(max-width:760px){.hps.hps-suite .hps-grid,.hps.hps-suite.hps-cols-2 .hps-grid,.hps.hps-suite.hps-cols-4 .hps-grid,.hps.hps-suite.hps-style-6 .hps-grid{grid-template-columns:minmax(0,1fr)}.hps.hps-suite .hps-magazine-lead{grid-template-columns:minmax(0,1fr)}.hps.hps-suite .hps-magazine-side{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.hps.hps-suite.hps-style-3 .hps-magazine-side .hps-card{grid-template-columns:minmax(0,1fr)}.hps.hps-suite.hps-style-3 .hps-magazine-side .hps-image{height:160px}.hps.hps-suite.hps-style-3 .hps-magazine-lead>.hps-card .hps-image{height:260px}.hps.hps-suite.hps-style-10 .hps-card:first-child{display:flex;grid-column:auto;min-height:0}.hps.hps-suite.hps-style-10 .hps-card:first-child .hps-image{height:245px;min-height:0}.hps.hps-suite.hps-style-10 .hps-card:first-child .hps-content{padding:24px}.hps.hps-suite.hps-style-6 .hps-card{grid-template-columns:minmax(0,40%) minmax(0,60%)}.hps.hps-suite.hps-style-6 .hps-image{min-height:220px}}
@media(max-width:480px){.hps.hps-suite .hps-magazine-side{grid-template-columns:minmax(0,1fr)}.hps.hps-suite .hps-image{height:205px}.hps.hps-suite .hps-content{padding:20px}.hps.hps-suite .hps-title{font-size:20px!important}.hps.hps-suite.hps-style-6 .hps-card{display:flex;flex-direction:column}.hps.hps-suite.hps-style-6 .hps-image{height:190px;min-height:0}.hps.hps-suite .hps-search{flex-wrap:wrap}.hps.hps-suite .hps-search label{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.hps.hps-suite .hps-card,.hps.hps-suite .hps-more{transition:none!important}}