/* ==== Metahogar responsive equilibrado ==== */
:root {
    --brand:#0b0726;--accent:#c53030;--bg:#0b0726;
    --ink:#1a1a1a;--muted:#6b7280;--card:#fff;--ring:rgba(12,42,75,.08);
    --wrap:1200px;--gutter:32px;
  }
  html,body,#metahogar-landing {margin:0;padding:0;width:100%;overflow-x:hidden;}
  #metahogar-landing * {box-sizing:border-box;max-width:100%;}
  #metahogar-landing {font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);}
  #metahogar-landing section,#metahogar-landing .hero,#metahogar-landing #formulario {width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);}
  #metahogar-landing .container {max-width:var(--wrap);margin:0 auto;padding:20px var(--gutter);}
  
  /* HERO */
  #metahogar-landing .hero {background:var(--brand);color:#fff;text-align:center;padding:80px 0 60px;}
  #metahogar-landing .hero h1{font-size:42px;margin:0 0 10px;font-weight:800;}
  #metahogar-landing .hero h2{font-size:30px;margin:0 0 24px;color:#d9e0ef;font-weight:500;}
  #metahogar-landing .hero p{font-size:18px;margin:0 0 28px;color:#d9e0ef;}
  #metahogar-landing .btn{background:var(--accent);color:#fff;padding:14px 26px;border-radius:12px;font-weight:700;text-decoration:none;display:inline-block;box-shadow:0 8px 22px rgba(197,48,48,.35);}
  #metahogar-landing .hero small{display:block;margin-top:18px;font-size:15px;color:#cdd7e1;}
  
  /* MENSAJE */
  #metahogar-landing .mensaje{background:#f2f2f7;text-align:center;color:var(--brand);font-size:20px;line-height:1.6;}
  #metahogar-landing .mensaje h2,#metahogar-landing .mensaje p{max-width:900px;margin:0 auto;padding:0 10px;}
  
  /* VALORES */
  #metahogar-landing .valores{background:#f8fafc;text-align:center;padding:60px 0;}
  #metahogar-landing .valores-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;}
  #metahogar-landing .valor{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:28px 22px;box-shadow:0 4px 12px rgba(12,42,75,.05);}
  #metahogar-landing .valor .icono{font-size:36px;margin-bottom:14px;}
  #metahogar-landing .valor h3{font-size:20px;color:var(--brand);margin:0 0 10px;}
  #metahogar-landing .valor p{font-size:16px;line-height:1.6;}
  
  /* TIMELINE */
  #metahogar-landing .how-timeline{background:#f2f2f7;padding:50px 0;}
  #metahogar-landing .how-timeline .flow{max-width:900px;margin:0 auto;position:relative;padding-left:46px;}
  #metahogar-landing .how-timeline .line{position:absolute;left:23px;top:0;bottom:0;width:2px;background:#d1d5db;}
  #metahogar-landing .how-timeline .step{display:grid;grid-template-columns:auto 1fr;gap:16px;margin-bottom:26px;}
  #metahogar-landing .how-timeline .badge{width:46px;height:46px;border-radius:50%;background:#0b0726;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;box-shadow:0 6px 16px rgba(11,7,38,.2);}
  #metahogar-landing .how-timeline .card{background:#fff;border-radius:12px;box-shadow:0 4px 14px rgba(12,42,75,.08);padding:18px 20px;}
  #metahogar-landing .how-timeline .card h3{margin:0 0 6px;color:var(--brand);font-size:22px;font-weight:800;}
  #metahogar-landing .how-timeline .card p{margin:0;color:#4b5563;line-height:1.55;}
  
  /* FAQ */
  #metahogar-landing .faq{background:#fff;padding:80px 0;}
  #metahogar-landing .faq h2{color:var(--brand);font-size:32px;margin-bottom:40px;text-align:center;}
  #metahogar-landing details{max-width:800px;margin:0 auto 18px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.05);border:1px solid #e5e7eb;background:#fff;overflow:hidden;}
  #metahogar-landing summary{list-style:none;cursor:pointer;background:#f9fafb;padding:20px;font-weight:700;color:var(--brand);}
  #metahogar-landing summary::-webkit-details-marker{display:none;}
  #metahogar-landing details[open] summary{background:#eef2f6;}
  #metahogar-landing details div{padding:20px;color:var(--ink);line-height:1.6;}
  
  /* FORMULARIO */
  #metahogar-landing #formulario{background:var(--brand);color:#fff;text-align:center;padding:80px 0;position:relative;}
  #metahogar-landing #formulario h2{color:#fff;margin-bottom:28px;font-size:30px;}
  #metahogar-landing form{max-width:680px;margin:0 auto;background:#fff;color:var(--ink);box-shadow:0 6px 20px var(--ring);padding:30px;border-radius:14px;text-align:left;}
  #metahogar-landing label{display:block;font-weight:600;margin-bottom:6px;color:var(--brand);}
  #metahogar-landing input{width:100%;padding:12px;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:14px;font-size:16px;}
  #metahogar-landing .checkbox{display:flex;align-items:center;gap:10px;margin:16px 0;}
  #metahogar-landing .checkbox input[type='checkbox']{width:18px;height:18px;}
  #metahogar-landing .checkbox label{margin:0;font-weight:600;color:var(--brand);}
  #metahogar-landing form .btn{display:block;width:100%;text-align:center;}


  /* === FIX FINAL METAHOGAR INMOBILIARIAS (header + WordPress) === */

/* 1. Rompe el contenedor Gutenberg */
body.page-id-203 .entry-content.wp-block-post-content.is-layout-constrained {
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* 2. Corrige el salto por el header fijo */
  body.page-id-203 #metahogar-landing {
    margin-top: var(--mh-header-height, 72px);
  }
  
  /* 3. En móvil ajusta altura real */
  @media (max-width: 768px) {
    body.page-id-203 #metahogar-landing {
      margin-top: var(--mh-header-height, 60px);
    }
  }

  /* === CORRIGE CONTENEDOR CENTRAL Y ANCHO TOTAL === */
body.page-id-203 main.wp-block-group.is-layout-flow,
body.page-id-203 .entry-content.wp-block-post-content.is-layout-constrained {
  max-width: none !important;
  width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Y asegúrate de que el propio landing usa todo el ancho */
body.page-id-203 #metahogar-landing,
body.page-id-203 #metahogar-landing section,
body.page-id-203 #metahogar-landing .hero {
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}
/* === FIX FINAL: permite ancho completo sin recorte === */
body.page-id-203,
html.page-id-203 {
  overflow-x: visible !important;
}

body.page-id-203 #metahogar-landing {
  width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* === FIX DEFINITIVO DE ANCHO === */
body.page-id-203 #metahogar-landing,
body.page-id-203 #metahogar-landing section,
body.page-id-203 #metahogar-landing .hero {
  width: 100% !important; /* no 100vw */
  margin: 0 !important;
  padding: 0 !important;
}

body.page-id-203 {
  overflow-x: hidden !important;
}
/* === FIX FINAL, AHORA SÍ === */
body.page-id-203 main.wp-block-group.is-layout-flow,
body.page-id-203 .entry-content.wp-block-post-content.is-layout-constrained {
  display: block !important;
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.page-id-203 #metahogar-landing {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #0b0726 !important;
}
/* === MODO ROMPEMUROS ABSOLUTO PARA LA PAGE 203 === */
body.page-id-203 main,
body.page-id-203 .wp-site-blocks,
body.page-id-203 .entry-content,
body.page-id-203 section#metahogar-landing {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 0 !important;
  box-sizing: border-box;
}

body.page-id-203 {
  background: #0b0726 !important;
  overflow-x: hidden !important;
}

#metahogar-landing .mh-success-msg {
    background: #e6ffed;
    color: #065f46;
    border: 1px solid #6ee7b7;
    padding: 14px 18px;
    border-radius: 8px;
    margin-top: 18px;
    text-align: center;
    font-weight: 600;
    animation: fadeIn 0.4s ease-in-out;
  }
  
  @keyframes fadeIn {
    from {opacity: 0; transform: translateY(-4px);}
    to {opacity: 1; transform: translateY(0);}
  }
  

  #metahogar-landing .mensaje {
    text-align: center;
    color: var(--brand);
    font-size: 20px;
    line-height: 1.8; /* antes 1.6 */
    background: #f2f2f7;
    padding: 60px 20px;
  }
  
  #metahogar-landing .mensaje .container {
    max-width: 900px; /* dale aire horizontal */
    margin: 0 auto;
  }
  
  #metahogar-landing .mensaje h2 {
    font-size: 34px;
    line-height: 1.3;
    margin-bottom: 20px;
  }
  
  #metahogar-landing .mensaje p {
    font-size: 18px;
    color: #333;
    margin-bottom: 15px;
  }

  @media (max-width: 600px) {
    #metahogar-landing .hero h1 {
      font-size: 32px !important; /* antes 42px */
      line-height: 1.2;
    }
  
    #metahogar-landing .hero h2 {
      font-size: 20px;
    }
  
    #metahogar-landing .hero p {
      font-size: 16px;
    }
  
    #metahogar-landing .hero .btn {
      font-size: 15px;
      padding: 12px 18px;
    }
  }