@media (min-width:721px){.menu-toggle{display:none!important}}@media (max-width:720px){.header{position:relative}.menu-toggle{display:block!important;margin-left:auto}.nav.is-open{display:flex!important;position:absolute;z-index:50;top:82px;left:0;right:0;flex-direction:column;gap:0;background:#fbf9f4;border-top:1px solid #e9ddc9;box-shadow:0 12px 20px rgba(33,50,38,.12)}.nav.is-open a{display:block;padding:18px 7vw;border-bottom:1px solid #e9ddc9}.phone-top{margin-left:12px}}
/*
Theme Name: Casas Tía Mécala
Description: Tema a medida para Casas Tía Mécala.
Version: 1.0.9
*/
.menu-toggle{display:none;background:none;border:0;color:var(--ink);font-size:26px;line-height:1;cursor:pointer;padding:8px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px){.header{position:relative}.menu-toggle{display:block;margin-left:auto}.nav.is-open{display:flex;position:absolute;z-index:20;top:82px;left:0;right:0;flex-direction:column;gap:0;background:#fbf9f4;border-top:1px solid #e9ddc9;box-shadow:0 12px 20px rgba(33,50,38,.12)}.nav.is-open a{padding:18px 7vw;border-bottom:1px solid #e9ddc9}.phone-top{margin-left:12px}}
:root{--ink:#213226;--cream:#f7f2e9;--sand:#e9ddc9;--terra:#ad5a3e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 Arial,sans-serif}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.03;letter-spacing:-.035em}h1{font-size:clamp(3.5rem,7vw,7.4rem)}h2{font-size:clamp(2.5rem,5vw,5rem)}h3{font-size:2.3rem}.wrap{padding:0 8vw}.header{height:82px;display:flex;align-items:center;justify-content:space-between;background:#fbf9f4}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.08em;line-height:1.05}.seal{width:39px;height:39px;border:1px solid;border-radius:50%;display:grid;place-items:center;font:600 12px Georgia,serif}.nav{display:flex;gap:30px}.nav a,.phone-top{font-size:13px;color:var(--ink);text-decoration:none}.phone-top{border-bottom:1px solid;padding-bottom:3px}.hero{min-height:680px;display:flex;align-items:end;color:#fff;background:linear-gradient(90deg,#1d3025ad,#1d30251c),url('assets/sol-exterior-mejorada.jpeg') center 58%/cover}.hero .inner{padding:100px 8vw}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:.18em;text-transform:uppercase}.hero .eyebrow{color:#f5dca9}.hero p{font-size:19px;max-width:430px}.button{display:inline-flex;align-items:center;gap:22px;padding:15px 20px;text-decoration:none;font-size:13px;font-weight:bold}.button-light{background:#fff;color:var(--ink)}.button-dark{background:var(--ink);color:#fff}.section{padding:clamp(75px,11vw,145px) 8vw}.intro{background:var(--sand);display:grid;grid-template-columns:1.1fr .8fr;gap:10vw}.intro p{font-size:18px}.houses{background:#fbf9f4}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.heading>p{max-width:310px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{background:#fff}.card img{display:block;width:100%;aspect-ratio:1.3;object-fit:cover}.card-copy{padding:35px}.card-copy p:not(.eyebrow){color:#596457}.pills{display:flex;flex-wrap:wrap;gap:7px;padding:0;list-style:none}.pills li{font-size:12px;border:1px solid #d9d2c6;border-radius:18px;padding:5px 9px}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.round{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--terra);color:#fff;text-decoration:none;font-size:20px}.environment{color:#fff;min-height:590px;display:flex;align-items:center;background:linear-gradient(90deg,#1d3025c7,#1d302520),url('assets/sol-vistas.jpg') center/cover}.environment .inside{max-width:620px}.testimonials{background:#fff}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.testimonial{margin:0;padding:32px;background:var(--cream);border-top:2px solid var(--terra);display:flex;min-height:265px;flex-direction:column;justify-content:space-between}.stars{font-size:14px;letter-spacing:.14em;color:var(--terra)}.testimonial blockquote{margin:25px 0;font:28px/1.15 Georgia,serif;letter-spacing:-.025em}.testimonial figcaption{font-size:12px}.testimonial figcaption strong,.testimonial figcaption span{display:block}.testimonial figcaption span{color:#596457;margin-top:3px}.reviews-link{margin:35px 0 0}.reviews-link a{color:var(--ink);font-weight:bold;text-decoration:none;border-bottom:1px solid}.contact{display:grid;grid-template-columns:1fr .7fr;gap:9vw;background:var(--terra);color:#fff}.contact-box{background:var(--cream);color:var(--ink);padding:42px}.contact-number{font:500 28px Georgia,serif;color:var(--ink);text-decoration:none;display:block;margin:20px 0}.footer{background:#1f2d22;color:#dce4d4;padding:42px 8vw;display:flex;justify-content:space-between;font-size:12px}.footer .brand{color:#fff}.property-hero{min-height:620px;color:#fff;display:flex;align-items:end;padding:80px 8vw;background-size:cover;background-position:center 58%;position:relative;isolation:isolate}.property-hero:before{content:'';position:absolute;inset:0;background:#1d30258c;z-index:-1}.salamandra-hero{background-image:url('assets/salamandra-cocina.jpg')}.sol-hero{background-image:url('assets/sol-exterior-mejorada.jpeg')}.property-intro,.details{display:grid;grid-template-columns:1fr .85fr;gap:10vw}.property-intro{background:#fbf9f4}.property-intro p{font-size:18px}.gallery{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:300px 300px}.gallery img{width:100%;height:100%;object-fit:cover}.gallery img:first-child{grid-row:span 2}.details{background:var(--sand)}.detail-list{border-top:1px solid #c9c0b1}.detail-list p{display:flex;justify-content:space-between;margin:0;padding:18px 0;border-bottom:1px solid #c9c0b1;font-size:14px}.detail-list span{text-align:right;color:#596457}@media(max-width:720px){.wrap{padding:0 7vw}.header{padding:0 7vw}.nav{display:none}.section{padding-left:7vw;padding-right:7vw}.hero{min-height:570px}.hero .inner{padding:70px 7vw}.intro,.cards,.contact,.property-intro,.details,.testimonial-grid{grid-template-columns:1fr}.heading{display:block}.heading>p{margin-top:20px}.gallery{grid-template-columns:1fr;grid-template-rows:260px 210px 210px}.gallery img:first-child{grid-row:auto}.footer{display:block}.footer p{margin-top:16px}}
