@font-face{font-family:"BDO Grotesk";src:url("assets/Fonts/BDOGrotesk-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"BDO Grotesk";src:url("assets/Fonts/BDOGrotesk-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"BDO Grotesk";src:url("assets/Fonts/BDOGrotesk-DemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
:root{--ink:#1e1e1e;--red:#fc2600;--muted:rgba(30,30,30,.6);--page:#f3f3f3;--card:rgba(255,255,255,.8)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#ddd;color:var(--ink);font-family:"BDO Grotesk",Arial,sans-serif}.site-shell{position:relative;min-height:100vh;width:100%;max-width:430px;margin:0 auto;overflow:hidden;background:var(--page)}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.topbar{height:94px;padding:20px;display:flex;align-items:flex-start;justify-content:space-between}.navbar-logo{width:134px;height:19px;margin-top:17px}.navbar-logo img,.intro-logo{width:100%;height:100%;object-fit:contain}.menu-button{width:54px;height:54px;margin:0 -1px 0 0;padding:0;border:0;background:transparent;cursor:pointer}.menu-button img{width:100%;height:100%}.drawer{position:absolute;z-index:10;top:82px;right:20px;left:20px;display:grid;padding:12px 22px;background:#fff;border-radius:14px;box-shadow:0 18px 40px #0002;opacity:0;pointer-events:none;transform:translateY(-8px);transition:.22s ease}.drawer.open{opacity:1;pointer-events:auto;transform:none}.drawer a{padding:14px 0;border-bottom:1px solid #eee;font-size:18px}.drawer a:last-child{border:0}
.section-pad{padding-left:10px;padding-right:10px}.intro{padding-top:80px}.intro-copy{display:flex;flex-direction:column;align-items:center;text-align:center;gap:25px}.intro-logo{width:118px;height:16px}.intro h1,.recommend h2,.products h2,.trust h2{margin:0;font-size:32px;line-height:36px;letter-spacing:-.32px;font-weight:600}.intro h1{width:390px;max-width:100%}.intro h1 span{color:rgba(30,30,30,.5)}.intro-copy p{margin:0;color:rgba(30,30,30,.75);font-size:14px;font-weight:500;line-height:20px}.search-visual{width:100%;height:auto;margin-top:50px}.search-form{min-height:62px;margin-top:16px;display:flex;align-items:center;gap:8px;padding:8px 8px 8px 24px;outline:1px solid rgba(0,0,0,.25);outline-offset:-1px;border-radius:16px;transition:outline-color .18s ease,outline-width .18s ease,outline-offset .18s ease}.search-form input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink);font:500 14px/20px "BDO Grotesk",sans-serif}.search-form input::placeholder{color:rgba(30,30,30,.6)}.search-form button{height:46px;padding:0 20px;border:0;border-radius:10px;background:var(--ink);color:#fff;font:600 14px/20px "BDO Grotesk",sans-serif;cursor:pointer;transition:background-color .18s ease}.search-form:focus-within{outline-color:var(--red);outline-width:2px;outline-offset:-2px}.search-form:focus-within button{background:var(--red)}
.featured{display:flex;gap:8px;width:calc(100% - 10px);margin:120px 0 0 10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.featured::-webkit-scrollbar{display:none}.property-card{width:360px;flex:none;scroll-snap-align:start}.property-card>img{width:360px;height:320px;border-radius:10px;object-fit:cover}.property-card>div{padding:20px 10px 0}.property-card h2{margin:0;font-size:20px;line-height:36px;font-weight:600}.property-card p{margin:14px 0 0;font-size:14px;font-weight:500}.specs{color:#595959;line-height:20px}.location{color:rgba(30,30,30,.75);line-height:20px}
.recommend{margin-top:120px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:32px}.spark{width:118px;height:16px}.recommend h2{width:390px;max-width:100%;font-size:24px;line-height:26px;font-weight:600}.dark-button{display:grid;place-items:center;width:100%;height:60px;border-radius:8px;background:var(--ink);color:#fff;font-size:14px;font-weight:600}
.products{margin-top:120px;padding:0 10px}.products h2{padding:0 10px;font-size:24px;line-height:26px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:50px}.product-tile,.product-row{background:var(--card);border-radius:20px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s}.product-tile:hover,.product-row:hover{transform:translateY(-2px)}.product-tile{height:121px}.product-row{grid-column:1/-1;height:84px;flex-direction:row;align-items:center;justify-content:flex-start;gap:20px}.product-grid small{font:500 10px ui-monospace,SFMono-Regular,monospace;color:var(--muted)}.product-grid strong{font-size:20px;line-height:24px;font-weight:500}
.trust{margin-top:120px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}.trust-icon{width:120px;height:120px;overflow:hidden;border-radius:40px;background:linear-gradient(#fc2600,#f50)}.trust-icon img{width:100%;height:100%;object-fit:cover}.trust h2{font-size:20px;line-height:26px;font-weight:500}.trust p{margin:0;color:rgba(30,30,30,.75);font-size:14px;font-weight:500}.powered{padding:120px 0 36px;display:grid;justify-content:center;text-align:center;color:rgba(30,30,30,.6);font-size:11px;font-weight:500}.powered>div{display:flex;align-items:center;gap:8px;margin-top:4px;color:#3d3d3d}.powered img{width:17px;height:10px}.powered b{font-size:12px;font-weight:600;letter-spacing:.24px}

/* Equivalente al ajuste vertical cap-alphabetic exportado por Figma. */
.intro h1,.intro-copy p,.search-form input,.search-form button,.property-card h2,.property-card p,.recommend h2,.dark-button,.products h2,.product-grid small,.product-grid strong,.trust h2,.trust p,.powered,.powered b{text-box-trim:trim-both;text-box-edge:cap alphabetic}
@supports not (text-box-trim:trim-both){
  /* Fallback del ajuste vertical reducido: recorta el espacio del bloque,
     no solo desplaza los glifos dentro de la misma caja. */
  .intro h1,.recommend h2,.products h2,.trust h2{margin-block:-3px}
  .intro-copy p,.property-card h2,.property-card p,.trust p,.powered,.powered b,.product-grid small,.product-grid strong{margin-bottom:-2px}
  .intro h1,.intro-copy p,.search-form input,.search-form button,.property-card h2,.property-card p,.recommend h2,.dark-button,.products h2,.product-grid small,.product-grid strong,.trust h2,.trust p,.powered,.powered b{position:relative;top:-1px}
  .search-form input,.search-form button{top:-2px}
}

/* Tablet: conserva la jerarquía móvil y distribuye el contenido en el ancho disponible. */
@media (min-width:600px) and (max-width:1024px){
  body{background:var(--page)}
  .site-shell{max-width:900px;min-height:100vh}
  .topbar{height:112px;padding:28px 48px}
  .navbar-logo{margin-top:17px}
  .drawer{top:94px;right:48px;left:48px}
  .section-pad{padding-left:48px;padding-right:48px}
  .intro{padding-top:64px}
  .intro-copy{gap:28px}
  .intro h1{width:680px;font-size:48px;line-height:52px;letter-spacing:-.48px}
  .intro-copy p{font-size:16px;line-height:22px}
  .search-visual{display:block;width:min(410px,100%);margin:50px auto 0}
  .search-form{width:min(640px,100%);margin:20px auto 0}
  .featured{display:flex;gap:16px;width:auto;margin:120px 0 0 48px;padding-right:48px}
  .property-card{width:360px;min-width:360px}
  .property-card>img{width:360px;height:320px}
  .property-card>div{padding:20px 10px 0}
  .recommend{width:min(640px,calc(100% - 96px));margin:120px auto 0}
  .recommend h2{width:100%;font-size:30px;line-height:34px}
  .products{margin-top:120px;padding:0 48px}
  .products h2{padding:0;font-size:30px;line-height:34px}
  .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .product-tile{height:150px}
  .product-row{grid-column:span 2;height:100px}
  .trust{margin-top:120px}
  .powered{padding-top:120px}
}