/*
HABITAMAR · EL COLORADO · CSS v1.0
Pegar en Apariencia > Personalizar > CSS adicional.
Código encapsulado en .hmec: no modifica el Home, header, footer ni otras páginas.
Mobile-first; sin fuentes, frameworks ni iconotecas externas.
*/
.hmec{--hmec-navy:var(--hm-home-navy,#0c3153);--hmec-deep:var(--hm-home-footer-start,#09263f);--hmec-blue:var(--hm-home-primary,#116da4);--hmec-blue2:var(--hm-home-accent,#2289c8);--hmec-gold:var(--hm-home-primary,#eebd37);--hmec-ink:var(--hm-home-navy,#102940);--hmec-muted:#5b7285;--hmec-line:#dbe6ed;--hmec-soft:var(--hm-home-surface,#f3f8fb);--hmec-radius:20px;--hmec-shadow:0 14px 36px rgba(16,57,88,.09);color:var(--hmec-ink);font-family:inherit;line-height:1.55;font-size:16px;position:relative;isolation:isolate;overflow:clip;background:#fff;width:100vw;max-width:none;margin-left:calc(50% - 50vw)}
.hmec,.hmec *,.hmec *::before,.hmec *::after{box-sizing:border-box}
.hmec :where(h1,h2,h3,p,figure,blockquote){margin:0}
.hmec :where(h1,h2,h3){font-family:inherit;color:var(--hmec-ink);text-transform:none;letter-spacing:-.035em}
.hmec p{color:var(--hmec-muted)}
.hmec :where(a,button){-webkit-tap-highlight-color:transparent}
.hmec a{text-decoration:none}
.hmec a:hover{text-decoration:none}
.hmec button{font:inherit;cursor:pointer}
.hmec img{display:block;width:100%;max-width:100%}
.hmec svg{width:22px;height:22px;display:inline-block;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.hmec .hmec-icons{position:absolute;width:0;height:0;pointer-events:none;overflow:hidden}
.hmec .hmec-wrap{width:min(1230px,calc(100% - 36px));margin-inline:auto}
.hmec .hmec-kicker{display:inline-flex;align-items:center;gap:9px;font-size:11px;line-height:1.4;font-weight:800;letter-spacing:.14em;color:var(--hmec-blue);text-transform:uppercase}
.hmec .hmec-kicker--light{color:#e8f4ff}
.hmec .hmec-kicker>span{width:32px;height:4px;background:var(--hmec-gold);border-radius:30px}
.hmec .hmec-section{padding:74px 0;scroll-margin-top:92px}
.hmec .hmec-section--tint{background:#f4f9fc}
.hmec .hmec-section-head{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}
.hmec .hmec-section-head h2,.hmec .hmec-story h2,.hmec .hmec-includes h2,.hmec .hmec-building h2,.hmec .hmec-location h2,.hmec .hmec-rules h2,.hmec .hmec-faq h2{font-size:clamp(27px,3vw,40px);font-weight:750;line-height:1.14;letter-spacing:-.045em;margin:10px 0 0}
.hmec .hmec-section-head p{font-size:14px;max-width:490px}
.hmec .hmec-btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:48px;padding:12px 20px;border-radius:999px;font-size:13px;font-weight:750;line-height:1.2;white-space:normal;text-align:center;transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease;color:var(--hmec-ink);border:1px solid transparent;box-shadow:none;cursor:pointer}
.hmec .hmec-btn svg{width:18px;height:18px}
.hmec .hmec-btn--gold{background:var(--hmec-gold);color:#132b42;border-color:var(--hmec-gold)}
.hmec .hmec-btn--navy{background:var(--hmec-navy);color:#fff;border-color:var(--hmec-navy)}
.hmec .hmec-btn--glass{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.52);color:#fff}
.hmec :is(a,button,summary):focus-visible{outline:3px solid var(--hm-home-accent,#65c8f4);outline-offset:4px}
/* Hero: se integra bajo el header existente, sin crear un segundo menú. */
.hmec .hmec-hero{min-height:570px;position:relative;overflow:hidden;background:#082e4c;color:#fff}
.hmec .hmec-hero__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hmec .hmec-hero::after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(91deg,rgba(5,30,53,.95) 0%,rgba(9,47,79,.78) 46%,rgba(9,47,79,.17) 100%),linear-gradient(0deg,rgba(6,31,51,.25),transparent 48%)}
.hmec .hmec-hero__inner{position:relative;z-index:1;min-height:570px;display:flex;align-items:center;padding-top:72px;padding-bottom:90px}
.hmec .hmec-hero__copy{max-width:680px}
.hmec .hmec-hero h1{font-size:clamp(34px,4.9vw,63px);line-height:1.075;font-weight:790;letter-spacing:-.055em;margin:17px 0 17px;color:#fff;max-width:680px}
.hmec .hmec-hero__copy>p{color:#e3eff7;max-width:620px;font-size:clamp(15px,1.2vw,17px);line-height:1.64}
.hmec .hmec-hero__location{display:flex;align-items:flex-start;gap:8px;color:#fff;font-size:13px;font-weight:650;margin:21px 0 21px}
.hmec .hmec-hero__location svg{width:17px;height:17px;margin-top:2px}
.hmec .hmec-actions{display:flex;flex-wrap:wrap;gap:11px}
.hmec .hmec-hero__reserve{position:absolute;right:0;bottom:47px;width:264px;padding:21px;border:1px solid rgba(255,255,255,.75);border-radius:18px;color:var(--hmec-ink);background:rgba(255,255,255,.96);box-shadow:var(--hmec-shadow)}
.hmec .hmec-hero__reserve-icon{width:38px;height:38px;background:#e9f4fb;border-radius:11px;display:grid;place-items:center;color:var(--hmec-blue);margin-bottom:11px}
.hmec .hmec-hero__reserve strong{display:block;font-size:15px;line-height:1.3}
.hmec .hmec-hero__reserve p{font-size:12px;line-height:1.55;margin:8px 0 13px}
.hmec .hmec-hero__reserve>a{display:flex;align-items:center;justify-content:space-between;gap:7px;border-radius:999px;background:var(--hmec-blue);color:white;font-size:12px;font-weight:800;padding:10px 12px}
.hmec .hmec-hero__reserve>a svg{width:16px;height:16px}
/* Beneficios: una sola fila compacta, sin carrusel. */
.hmec .hmec-features{position:relative;z-index:2;margin-top:-27px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid #e5edf2;border-radius:18px;box-shadow:0 13px 34px rgba(12,48,74,.13);padding:20px 12px}
.hmec .hmec-feature{display:flex;justify-content:center;align-items:center;gap:12px;padding:7px 11px;border-right:1px solid #dce8ee;min-width:0}
.hmec .hmec-feature:last-child{border-right:0}
.hmec .hmec-feature>svg{width:29px;height:29px;color:var(--hmec-blue)}
.hmec .hmec-feature span{display:flex;flex-direction:column;line-height:1.25;gap:3px}
.hmec .hmec-feature strong{font-size:13px;font-weight:800}
.hmec .hmec-feature small{font-size:11px;color:var(--hmec-muted)}
.hmec .hmec-anchor-nav{border-bottom:1px solid #e6edf2;background:#fff;margin-top:36px}
.hmec .hmec-anchor-nav__inner{display:flex;align-items:center;gap:32px;overflow-x:auto;scrollbar-width:none;white-space:nowrap;padding-block:16px}
.hmec .hmec-anchor-nav__inner::-webkit-scrollbar{display:none}
.hmec .hmec-anchor-nav a{font-size:13px;font-weight:700;color:#48647b;transition:color .2s ease}
.hmec .hmec-anchor-nav a[aria-current="true"]{color:var(--hmec-blue)}
/* Galería Airbnb-inspired: una foto principal y miniaturas, sin imágenes interiores inventadas. */
.hmec .hmec-gallery{display:grid;grid-template-columns:1.65fr 1fr 1fr;grid-template-rows:170px 170px;gap:10px;border-radius:19px;overflow:hidden}
.hmec .hmec-gallery__tile{position:relative;display:block;overflow:hidden;border:0;padding:0;border-radius:0;background:#dcebf5;min-width:0;min-height:0}
.hmec .hmec-gallery__tile--main{grid-row:span 2}
.hmec .hmec-gallery__tile img{width:100%;height:100%;object-fit:cover;transition:transform .42s ease,filter .25s ease}
.hmec .hmec-gallery__tile--main::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(0deg,rgba(8,37,61,.6),transparent);pointer-events:none}
.hmec .hmec-gallery__badge{position:absolute;bottom:17px;left:17px;z-index:1;background:#fff;color:var(--hmec-navy);border-radius:999px;padding:9px 13px;font-size:12px;font-weight:800;display:flex;align-items:center;gap:7px}
.hmec .hmec-gallery__badge svg{width:17px;height:17px}
.hmec .hmec-gallery__pending{display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:6px;background:linear-gradient(135deg,#eaf5fa,#d5e7f1);color:#4d7997;padding:15px;min-height:0}
.hmec .hmec-gallery__pending>svg{width:33px;height:33px}
.hmec .hmec-gallery__pending strong{font-size:13px;color:#254c69}
.hmec .hmec-gallery__pending small{font-size:11px}
.hmec .hmec-gallery__note{font-size:11px;margin-top:12px}
/* Historia / introducción. */
.hmec .hmec-story{display:grid;grid-template-columns:1.07fr .93fr;gap:66px;align-items:center}
.hmec .hmec-story h2{max-width:590px}
.hmec .hmec-story p{font-size:15px;line-height:1.78;margin-top:17px}
.hmec .hmec-story__chips{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:28px}
.hmec .hmec-story__chips>div{background:#fff;border:1px solid #e0eaf0;border-radius:13px;padding:12px 14px;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700}
.hmec .hmec-story__chips svg{color:var(--hmec-blue)}
.hmec .hmec-story__photo{position:relative;height:390px;border-radius:25px;overflow:hidden}
.hmec .hmec-story__photo::after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(0deg,#0a304b95,transparent)}
.hmec .hmec-story__photo img{height:100%;object-fit:cover}
.hmec .hmec-story__photo figcaption{position:absolute;left:17px;bottom:17px;z-index:1;color:#fff;background:#113d5fdd;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:750}
/* Alojamientos */
.hmec .hmec-stays{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.hmec .hmec-stay{border:1px solid var(--hmec-line);background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--hmec-shadow);min-width:0;transition:box-shadow .25s ease,border-color .25s ease}
.hmec .hmec-stay__visual{min-height:175px;background:linear-gradient(135deg,#e9f5fc,#d4e7f2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#4d7d9d;text-align:center}
.hmec .hmec-stay__visual svg{width:41px;height:41px}
.hmec .hmec-stay__visual span{font-weight:750;font-size:13px}
.hmec .hmec-stay__visual small{font-size:11px}
.hmec .hmec-stay__body{padding:24px}
.hmec .hmec-stay__eyebrow{color:var(--hmec-blue);font-size:10px;font-weight:850;letter-spacing:.12em}
.hmec .hmec-stay h3{font-size:clamp(22px,2vw,27px);margin:6px 0 14px;font-weight:760}
.hmec .hmec-stay__facts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:17px}
.hmec .hmec-stay__facts span{background:#eef6fa;border-radius:7px;padding:7px 9px;font-size:11px;font-weight:750;display:flex;align-items:center;gap:5px}
.hmec .hmec-stay__facts svg{width:15px;height:15px;color:var(--hmec-blue)}
.hmec .hmec-stay ul{margin:0 0 22px;padding-left:19px;font-size:13px;line-height:1.65;color:#50687c}
.hmec .hmec-stay li{margin:6px 0;padding-left:2px}
.hmec .hmec-stay li::marker{color:#dcac23}
.hmec .hmec-stay__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e4ecf1;padding-top:17px}
.hmec .hmec-stay__foot small{font-size:11px;display:flex;align-items:center;gap:5px;color:var(--hmec-muted)}
.hmec .hmec-stay__foot small svg{width:16px;height:16px;color:var(--hmec-blue)}
.hmec .hmec-stay__foot .hmec-btn{font-size:12px;min-height:43px;padding:10px 13px}
.hmec .hmec-alerts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:23px}
.hmec .hmec-alert{display:flex;gap:15px;border:1px solid #eedfb8;border-radius:15px;padding:20px;background:#fff8e7}
.hmec .hmec-alert--blue{background:#eaf4fc;border-color:#d3e6f2}
.hmec .hmec-alert>svg{width:28px;height:28px;color:var(--hmec-blue)}
.hmec .hmec-alert strong{display:block;font-size:14px;margin-bottom:4px}
.hmec .hmec-alert p{font-size:12px;line-height:1.55}
/* Qué incluye */
.hmec .hmec-includes{display:grid;grid-template-columns:1.12fr .88fr;gap:53px;align-items:stretch}
.hmec .hmec-includes h2{max-width:610px}
.hmec .hmec-includes__lead{font-size:14px;margin:18px 0 16px;max-width:590px}
.hmec .hmec-amenities{display:grid;grid-template-columns:1fr 1fr;gap:2px 19px}
.hmec .hmec-amenities>div{display:flex;align-items:center;gap:10px;border-bottom:1px solid #dde9ef;padding:13px 2px;font-size:12px;font-weight:720;min-width:0}
.hmec .hmec-amenities svg{width:20px;height:20px;color:var(--hmec-blue)}
.hmec .hmec-blue-panel{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:390px;padding:36px;border-radius:25px;color:#fff;background:radial-gradient(circle at 95% 120%,#147cba 0,#0c3b61 48%,#082e4f 100%);position:relative;overflow:hidden}
.hmec .hmec-blue-panel::after{content:"";position:absolute;width:300px;height:300px;right:-110px;bottom:-140px;border:45px solid #fff1;border-radius:50%;pointer-events:none}
.hmec .hmec-blue-panel h3{font-size:clamp(25px,2.8vw,33px);line-height:1.18;max-width:400px;color:#fff;font-weight:750;margin:20px 0 15px;z-index:1}
.hmec .hmec-blue-panel p{color:#d9eaf5;font-size:14px;max-width:410px;z-index:1}
.hmec .hmec-blue-panel .hmec-btn{margin-top:24px;z-index:1}
/* Edificio */
.hmec .hmec-building{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}
.hmec .hmec-building p{font-size:14px;line-height:1.77;margin-top:16px}
.hmec .hmec-building__stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:26px;gap:10px}
.hmec .hmec-building__stats>div{border:1px solid #e2edf3;border-radius:14px;padding:15px;background:#f5f9fc;display:flex;flex-direction:column}
.hmec .hmec-building__stats b{font-size:30px;line-height:1;color:var(--hmec-blue)}
.hmec .hmec-building__stats span{font-size:11px;color:var(--hmec-muted);margin-top:4px}
.hmec .hmec-building figure{height:370px;overflow:hidden;border-radius:23px}
.hmec .hmec-building figure img{height:100%;object-fit:cover}
/* Experiencia editorial: distinta del resto */
.hmec .hmec-experience{color:#fff;position:relative;background:linear-gradient(90deg,rgba(7,40,66,.94),rgba(7,46,74,.63)),url('https://vacacioneshabitamar.cl/wp-content/uploads/2023/06/winter-ski-El-colorado.jpg') center/cover;padding:90px 0}
.hmec .hmec-experience__inner{max-width:1230px}
.hmec .hmec-experience h2{color:#fff;font-size:clamp(29px,4vw,47px);font-weight:760;line-height:1.12;max-width:810px;margin:15px 0}
.hmec .hmec-experience p{color:#dceefa;font-size:15px;line-height:1.7;max-width:670px}
.hmec .hmec-experience__tip{display:flex;gap:12px;align-items:flex-start;max-width:800px;background:#fff2;border:1px solid #ffffff50;border-radius:15px;padding:17px 19px;margin:25px 0;font-size:12px;line-height:1.65}
.hmec .hmec-experience__tip svg{color:#f4ce6b}
/* Opiniones */
.hmec .hmec-reviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hmec .hmec-review{border:1px solid #e2ecf2;background:#fff;padding:23px;border-radius:17px;box-shadow:0 10px 27px rgba(8,44,70,.05);display:flex;flex-direction:column;min-height:235px}
.hmec .hmec-review__stars{color:#d9aa28;letter-spacing:.09em;font-size:16px;margin-bottom:13px}
.hmec .hmec-review blockquote{border:0;padding:0;margin:0;color:#355167;font-size:13px;line-height:1.67;flex:1}
.hmec .hmec-review figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:6px;border-top:1px solid #e3edf2;margin-top:17px;padding-top:14px;font-size:12px}
.hmec .hmec-review figcaption small{font-size:11px;color:var(--hmec-muted)}
.hmec .hmec-reviews__footnote{font-size:11px;margin-top:15px}
/* Ubicación: mapa real lazy-loading */
.hmec .hmec-location{display:grid;grid-template-columns:.82fr 1.18fr;gap:45px;align-items:center}
.hmec .hmec-location p{font-size:14px;line-height:1.74;margin:18px 0}
.hmec .hmec-location__address{display:flex;gap:11px;align-items:flex-start;background:#fff;border:1px solid #dce8ef;padding:17px;border-radius:14px;margin:20px 0}
.hmec .hmec-location__address>svg{color:var(--hmec-blue)}
.hmec .hmec-location__address span{display:flex;flex-direction:column;gap:5px}
.hmec .hmec-location__address b{font-size:13px}
.hmec .hmec-location__address small{font-size:12px;color:var(--hmec-muted);line-height:1.5}
.hmec .hmec-location__map{overflow:hidden;border-radius:22px;border:1px solid #dce7ef;background:#dcebf1;min-height:345px}
.hmec .hmec-location__map iframe{display:block;width:100%;height:365px;border:0}
/* Reglamentos y FAQs nativos HTML sin librería JS. */
.hmec .hmec-rules,.hmec .hmec-faq{display:grid;grid-template-columns:.82fr 1.18fr;gap:54px;align-items:start}
.hmec .hmec-rules__copy>p,.hmec .hmec-faq__intro>p{font-size:14px;line-height:1.75;margin-top:17px}
.hmec .hmec-rules__download{display:inline-flex;align-items:center;gap:9px;min-height:46px;margin-top:20px;padding:11px 16px;border:1px solid var(--hmec-blue2);border-radius:12px;background:#fff;color:var(--hmec-navy);font-size:13px;font-weight:800;transition:background-color .2s,border-color .2s,color .2s,transform .2s}
.hmec .hmec-rules__download svg{width:18px;height:18px;color:var(--hmec-blue)}
.hmec .hmec-rules__download:hover{background:var(--hmec-blue2);border-color:var(--hmec-blue2);color:var(--hmec-navy);transform:translateY(-1px)}
.hmec .hmec-rules__aside{display:flex;align-items:start;gap:12px;margin-top:27px;background:#eef6fa;border-left:3px solid #1184b9;padding:17px;color:#395d78;font-size:12px;border-radius:0 12px 12px 0;line-height:1.6}
.hmec .hmec-rules__aside svg{color:var(--hmec-blue)}
.hmec .hmec-accordion{border-top:1px solid #dce8ef}
.hmec .hmec-accordion details{border-bottom:1px solid #dce8ef}
.hmec .hmec-accordion summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:19px 3px;color:var(--hmec-ink);font-size:14px;font-weight:760;line-height:1.5}
.hmec .hmec-accordion summary::-webkit-details-marker{display:none}
.hmec .hmec-accordion summary svg{width:20px;height:20px;color:var(--hmec-blue);background:#e7f3f9;border-radius:50%;padding:3px;flex-shrink:0;transition:transform .2s ease}
.hmec .hmec-accordion details[open] summary svg{transform:rotate(180deg)}
.hmec .hmec-accordion details>p{font-size:13px;line-height:1.78;color:#526f82;padding:0 20px 22px 3px}
.hmec .hmec-accordion details>p a{color:#006ca5;text-decoration:underline;font-weight:750}
.hmec .hmec-faq__contact{display:inline-flex;gap:12px;align-items:center;font-size:13px;font-weight:800;color:var(--hmec-blue);margin-top:25px}
.hmec .hmec-faq__contact svg{width:17px;height:17px}
/* CTA final */
.hmec .hmec-section--cta{padding:70px 0 95px}
.hmec .hmec-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(100deg,rgba(5,42,72,.95),rgba(7,63,104,.86)),url('https://vacacioneshabitamar.cl/wp-content/uploads/2023/06/Colorado.jpg') center/cover;border-radius:24px;padding:48px;color:#fff;overflow:hidden}
.hmec .hmec-cta h2{color:#fff;font-weight:780;font-size:clamp(26px,3vw,39px);line-height:1.15;margin:11px 0 9px;max-width:700px}
.hmec .hmec-cta p{color:#e0eef8;font-size:14px}
.hmec .hmec-cta>.hmec-btn{flex-shrink:0}
/* Galería: dialog nativo, accesible con teclado y Escape */
.hmec .hmec-lightbox{border:0;border-radius:19px;padding:0;width:min(1000px,calc(100vw - 32px));max-width:1000px;max-height:calc(100vh - 32px);background:#0b2b46;color:#fff;overflow:hidden;box-shadow:0 25px 110px #0009}
.hmec .hmec-lightbox::backdrop{background:#021525d9}
.hmec .hmec-lightbox__bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 18px;background:#0a2a45;font-size:13px;font-weight:750}
.hmec .hmec-lightbox__bar button{background:#fff2;border:1px solid #fff4;color:#fff;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;padding:0}
.hmec .hmec-lightbox__bar button svg{width:20px;height:20px}
.hmec .hmec-lightbox__media{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:9px;padding:13px}
.hmec .hmec-lightbox__media img{height:min(65vh,650px);width:100%;object-fit:contain}
.hmec .hmec-lightbox__media button{width:40px;height:40px;border-radius:50%;border:1px solid #fff6;background:#ffffff19;color:#fff;padding:0;font-size:32px;line-height:1}
.hmec .hmec-lightbox>p{color:#dbe8f3;text-align:center;padding:0 0 14px;font-size:12px}
/* Barra pequeña de reservas, visible después de salir del hero. */
.hmec .hmec-mobile-reserve{display:none}
@media (hover:hover) and (pointer:fine){
 .hmec .hmec-btn:hover{transform:translateY(-2px);box-shadow:0 8px 23px #092f4b24}
 .hmec .hmec-btn--gold:hover{background:#ffd15a;border-color:#ffd15a;color:#132b42}
 .hmec .hmec-btn--navy:hover{background:#175b86;color:#fff}
 .hmec .hmec-btn--glass:hover{background:#ffffff30;color:#fff}
 .hmec .hmec-gallery__tile:hover img{transform:scale(1.055)}
 .hmec .hmec-stay:hover{border-color:#b9d9eb;box-shadow:0 18px 42px rgba(12,54,81,.14)}
 .hmec .hmec-anchor-nav a:hover,.hmec .hmec-faq__contact:hover{color:#0899d5}
 .hmec .hmec-accordion summary:hover{color:#0e7fba}
}
@media (max-width:1100px){
 .hmec .hmec-hero__reserve{display:none}
 .hmec .hmec-hero__copy{max-width:730px}
 .hmec .hmec-story{gap:32px}
 .hmec .hmec-includes{gap:25px}
 .hmec .hmec-building{gap:28px}
}
@media (max-width:850px){
 .hmec .hmec-wrap{width:min(100% - 32px,1230px)}
 .hmec .hmec-hero,.hmec .hmec-hero__inner{min-height:525px}
 .hmec .hmec-hero__inner{padding-block:68px 85px}
 .hmec .hmec-features{grid-template-columns:repeat(2,minmax(0,1fr));padding:11px}
 .hmec .hmec-feature:nth-child(2){border-right:0}
 .hmec .hmec-feature:nth-child(-n+2){border-bottom:1px solid #e1ecf2}
 .hmec .hmec-feature{padding:14px 9px;justify-content:flex-start}
 .hmec .hmec-story,.hmec .hmec-includes,.hmec .hmec-building,.hmec .hmec-location,.hmec .hmec-rules,.hmec .hmec-faq{grid-template-columns:1fr;gap:32px}
 .hmec .hmec-story__photo{height:330px}
 .hmec .hmec-blue-panel{min-height:290px;padding:30px}
 .hmec .hmec-building figure{height:340px}
 .hmec .hmec-location__map,.hmec .hmec-location__map iframe{height:320px;min-height:0}
 .hmec .hmec-cta{padding:34px}
}
@media(max-width:680px){
 .hmec .hmec-section{padding:58px 0;scroll-margin-top:74px}
 .hmec .hmec-hero,.hmec .hmec-hero__inner{min-height:530px}
 .hmec .hmec-hero__photo{object-position:center center}
 .hmec .hmec-hero::after{background:linear-gradient(0deg,rgba(4,31,52,.95) 0%,rgba(6,42,71,.78) 56%,rgba(6,47,78,.23) 100%)}
 .hmec .hmec-hero__inner{align-items:flex-end;padding:58px 0 78px}
 .hmec .hmec-hero h1{font-size:clamp(32px,7.7vw,43px);line-height:1.08;margin:12px 0 14px;letter-spacing:-.047em}
 .hmec .hmec-hero__copy>p{font-size:14px;line-height:1.6;max-width:560px}
 .hmec .hmec-hero__location{font-size:12px;margin:16px 0}
 .hmec .hmec-actions{gap:9px}
 .hmec .hmec-actions .hmec-btn{font-size:12px;min-height:46px;padding:12px 14px}
 .hmec .hmec-features{margin-top:-19px;border-radius:14px}
 .hmec .hmec-feature>svg{width:24px;height:24px}
 .hmec .hmec-feature strong{font-size:12px}
 .hmec .hmec-feature small{font-size:10px}
 .hmec .hmec-anchor-nav{margin-top:20px}
 .hmec .hmec-anchor-nav__inner{gap:22px;padding:14px 0}
 .hmec .hmec-anchor-nav a{font-size:12px}
 .hmec .hmec-section-head{margin-bottom:22px}
 .hmec .hmec-section-head h2,.hmec .hmec-story h2,.hmec .hmec-includes h2,.hmec .hmec-building h2,.hmec .hmec-location h2,.hmec .hmec-rules h2,.hmec .hmec-faq h2{font-size:clamp(26px,6.7vw,34px)}
 .hmec .hmec-gallery{grid-template-columns:1.05fr 1fr;grid-template-rows:160px 132px 132px;gap:7px;border-radius:15px}
 .hmec .hmec-gallery__tile--main{grid-row:span 2}
 .hmec .hmec-gallery__pending{padding:9px}
 .hmec .hmec-gallery__pending>svg{width:26px;height:26px}
 .hmec .hmec-gallery__pending strong{font-size:12px}
 .hmec .hmec-gallery__pending small{font-size:10px}
 .hmec .hmec-gallery__badge{bottom:12px;left:12px;font-size:11px;padding:8px 11px}
 .hmec .hmec-story p{font-size:14px;margin-top:13px}
 .hmec .hmec-story__chips{gap:9px;margin-top:22px}
 .hmec .hmec-story__chips>div{font-size:11px;padding:11px;gap:7px}
 .hmec .hmec-story__chips svg{width:19px;height:19px}
 .hmec .hmec-story__photo{height:280px;border-radius:18px}
 .hmec .hmec-stays{grid-template-columns:1fr;gap:16px}
 .hmec .hmec-stay__visual{min-height:155px}
 .hmec .hmec-stay__body{padding:20px}
 .hmec .hmec-stay h3{font-size:25px}
 .hmec .hmec-stay ul{font-size:13px}
 .hmec .hmec-stay__foot{align-items:stretch;flex-direction:column}
 .hmec .hmec-stay__foot .hmec-btn{width:100%}
 .hmec .hmec-alerts{grid-template-columns:1fr;gap:10px;margin-top:15px}
 .hmec .hmec-alert{padding:16px}
 .hmec .hmec-amenities>div{font-size:11px;gap:8px}
 .hmec .hmec-amenities{gap:0 12px}
 .hmec .hmec-blue-panel{min-height:280px;padding:26px;border-radius:19px}
 .hmec .hmec-building figure{height:255px;border-radius:17px}
 .hmec .hmec-building__stats b{font-size:25px}
 .hmec .hmec-building__stats>div{padding:13px 9px}
 .hmec .hmec-experience{padding:65px 0}
 .hmec .hmec-experience h2{font-size:clamp(29px,7vw,39px)}
 .hmec .hmec-reviews{grid-template-columns:1fr;gap:12px}
 .hmec .hmec-review{min-height:0;padding:20px}
 .hmec .hmec-location__map,.hmec .hmec-location__map iframe{height:280px}
 .hmec .hmec-accordion summary{font-size:13px;padding:17px 2px}
 .hmec .hmec-accordion details>p{font-size:12px}
 .hmec .hmec-section--cta{padding-bottom:70px}
 .hmec .hmec-cta{flex-direction:column;align-items:flex-start;padding:27px 22px;border-radius:20px;gap:23px}
 .hmec .hmec-cta .hmec-btn{width:100%}
 .hmec .hmec-mobile-reserve{display:flex;position:fixed;left:12px;right:12px;bottom:calc(var(--hmec-mobile-nav-clearance,76px) + env(safe-area-inset-bottom,0px));z-index:80;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px 9px 13px;border:1px solid #d6e4ed;border-radius:15px;background:#fff;color:var(--hmec-ink);box-shadow:0 8px 28px #071f3650;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .2s,transform .2s,visibility .2s}
 .hmec .hmec-mobile-reserve.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
 .hmec .hmec-mobile-reserve span{display:flex;flex-direction:column;min-width:0;gap:2px}
 .hmec .hmec-mobile-reserve span strong{font-size:11px;line-height:1.2}
 .hmec .hmec-mobile-reserve span small{font-size:10px;color:var(--hmec-muted)}
 .hmec .hmec-mobile-reserve a{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:var(--hmec-gold);color:var(--hmec-ink);border-radius:999px;font-size:11px;font-weight:800;padding:11px 12px;min-height:40px;white-space:nowrap}
 .hmec .hmec-mobile-reserve a svg{width:15px;height:15px}
 .hmec .hmec-lightbox__media{grid-template-columns:31px minmax(0,1fr) 31px;padding:7px;gap:3px}
 .hmec .hmec-lightbox__media button{width:30px;height:30px;font-size:25px}
}
@media(max-width:360px){
 .hmec .hmec-wrap{width:calc(100% - 26px)}
 .hmec .hmec-hero,.hmec .hmec-hero__inner{min-height:570px}
 .hmec .hmec-actions .hmec-btn{font-size:11px;padding:11px 12px}
 .hmec .hmec-feature{gap:7px}
 .hmec .hmec-feature>svg{width:21px;height:21px}
 .hmec .hmec-feature strong{font-size:11px}
 .hmec .hmec-gallery{grid-template-rows:150px 112px 112px}
 .hmec .hmec-gallery__pending small{font-size:9px}
 .hmec .hmec-story__chips{grid-template-columns:1fr}
 .hmec .hmec-mobile-reserve{left:7px;right:7px;padding:7px}
 .hmec .hmec-mobile-reserve span strong{font-size:10px}
 .hmec .hmec-mobile-reserve a{font-size:10px;padding:10px 9px}
}
@media(prefers-reduced-motion:reduce){
 .hmec,.hmec *,.hmec *::before,.hmec *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}

.hmec .hmec-hero h1{max-width:14ch}
.hmec .hmec-hero__inner{min-height:510px}
.hmec .hmec-stay__body{height:100%;border-top:5px solid #2784bc;padding:clamp(20px,3vw,34px)}
@media(max-width:700px){
 .hmec .hmec-hero__inner{min-height:440px}
 .hmec .hmec-gallery{grid-template-columns:1fr 1fr;grid-template-rows:200px 100px 100px}
 .hmec .hmec-gallery__tile--main{grid-column:span 2;grid-row:span 1}
}

.hmec .hmec-gallery{grid-template-rows:repeat(2,170px)}
.hmec .hmec-gallery:has(.hmec-gallery__tile:only-child){grid-template-columns:1fr;grid-template-rows:340px}
.hmec .hmec-gallery:has(.hmec-gallery__tile:nth-child(2):last-child){grid-template-columns:1.6fr 1fr;grid-template-rows:340px}
.hmec .hmec-gallery:has(.hmec-gallery__tile:nth-child(3):last-child){grid-template-columns:1.6fr 1fr}
.hmec .hmec-gallery:has(.hmec-gallery__tile:nth-child(4):last-child){grid-template-columns:1.6fr 1fr}
.hmec .hmec-gallery:has(.hmec-gallery__tile:nth-child(4):last-child)>.hmec-gallery__tile:last-child{grid-column:span 2}
.hmec .hmec-gallery:has(.hmec-gallery__tile:nth-child(4):last-child){grid-template-rows:repeat(3,140px)}
.hmec .hmec-gallery:has(.hmec-gallery__tile:nth-child(4):last-child)>.hmec-gallery__tile--main{grid-row:span 2}
.hmec .hmec-gallery__tile[hidden]{display:none}
.hmec .hmec-rates .hm-page-rates{margin-inline:auto;max-width:800px}
@media(max-width:700px){
 .hmec .hmec-gallery{grid-template-rows:200px 100px 100px}
 .hmec .hmec-gallery:has(.hmec-gallery__tile:only-child){grid-template-rows:230px}
 .hmec .hmec-gallery:has(.hmec-gallery__tile:nth-child(2):last-child),
 .hmec .hmec-gallery:has(.hmec-gallery__tile:nth-child(3):last-child),
 .hmec .hmec-gallery:has(.hmec-gallery__tile:nth-child(4):last-child){grid-template-columns:1fr 1fr;grid-template-rows:180px 100px}
 .hmec .hmec-gallery:has(.hmec-gallery__tile:nth-child(4):last-child){grid-template-rows:180px 100px 100px}
 .hmec .hmec-gallery:has(.hmec-gallery__tile:nth-child(4):last-child)>.hmec-gallery__tile--main{grid-row:span 1}
}

/* Tarifas: contexto de moneda y lectura de la tabla en pantalla grande y móvil. */
.hmec .hmec-rates{scroll-margin-top:100px}
.hmec .hmec-rates .hmec-section-head{align-items:flex-start;margin-bottom:26px}
.hmec .hmec-rates .hmec-section-head>div{max-width:760px}
.hmec .hmec-rates .hmec-section-head>div>p{max-width:720px;margin-top:12px;font-size:16px;line-height:1.65}
.hmec .hmec-rates__note{max-width:420px;padding:13px 17px;border-left:3px solid var(--hm-home-accent,#65c8f4);border-radius:0 12px 12px 0;background:#fff;color:var(--hmec-muted);font-size:14px}
.hmec .hmec-rates__figure{max-width:1120px;margin:0 auto;padding:clamp(10px,2vw,22px);overflow:hidden;border:1px solid var(--hmec-line);border-radius:22px;background:#fff;box-shadow:var(--hmec-shadow)}
.hmec .hmec-rates__figure a{display:block;border-radius:14px;overflow:hidden}
.hmec .hmec-rates__figure img{width:100%;height:auto;max-height:760px;object-fit:contain;margin-inline:auto}
.hmec .hmec-rates__empty{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;padding:clamp(20px,4vw,34px);border:1px solid var(--hmec-line);border-radius:20px;background:#fff;box-shadow:var(--hmec-shadow)}
.hmec .hmec-rates__empty strong{font-size:18px;color:var(--hmec-ink)}
.hmec .hmec-rates__empty>span{flex:1 1 360px;color:var(--hmec-muted)}
@media(max-width:700px){
 .hmec .hmec-rates{scroll-margin-top:76px}
 .hmec .hmec-rates .hmec-section-head>div>p{font-size:15px}
 .hmec .hmec-rates__note{font-size:13px}
 .hmec .hmec-rates__figure{padding:7px;border-radius:15px}
 .hmec .hmec-rates__figure a{border-radius:10px}
 .hmec .hmec-rates__empty{align-items:stretch}
 .hmec .hmec-rates__empty .hmec-btn{width:100%}
}