/* CEMI Core v1.2.104 — Ajuste visual hero desktop/tablet
   - Las métricas inician alineadas con colonia/dirección, no al centro.
   - Terreno y construcción toman el ancho completo de los 4 cuadros inferiores.
   - m² queda visible: pequeño como referencia, pero con presencia.
*/

@media (min-width:721px){
  body.cemi-ui-single-property .cemi-single-hero-copy,
  body.single-cemi_property .cemi-single-hero-copy,
  body.single-opalestate_property .cemi-single-hero-copy{
    align-items:flex-start!important;
    text-align:left!important;
  }

  body.cemi-ui-single-property .cemi-single-hero-specs-wrap,
  body.single-cemi_property .cemi-single-hero-specs-wrap,
  body.single-opalestate_property .cemi-single-hero-specs-wrap{
    width:min(760px,100%)!important;
    max-width:760px!important;
    margin:16px 0 0 0!important;
    padding:0!important;
    align-self:flex-start!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
  }

  body.cemi-ui-single-property .cemi-single-hero-specs-primary,
  body.single-cemi_property .cemi-single-hero-specs-primary,
  body.single-opalestate_property .cemi-single-hero-specs-primary{
    width:100%!important;
    max-width:760px!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    justify-content:flex-start!important;
    justify-items:stretch!important;
    align-self:flex-start!important;
  }

  body.cemi-ui-single-property .cemi-single-hero-specs-primary span,
  body.single-cemi_property .cemi-single-hero-specs-primary span,
  body.single-opalestate_property .cemi-single-hero-specs-primary span{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:72px!important;
    padding:12px 16px!important;
    box-sizing:border-box!important;
  }

  body.cemi-ui-single-property .cemi-single-hero-specs-primary span.cemi-hero-area-spec strong,
  body.single-cemi_property .cemi-single-hero-specs-primary span.cemi-hero-area-spec strong,
  body.single-opalestate_property .cemi-single-hero-specs-primary span.cemi-hero-area-spec strong{
    gap:5px!important;
  }

  body.cemi-ui-single-property .cemi-single-hero-specs-primary span.cemi-hero-area-spec strong sup,
  body.single-cemi_property .cemi-single-hero-specs-primary span.cemi-hero-area-spec strong sup,
  body.single-opalestate_property .cemi-single-hero-specs-primary span.cemi-hero-area-spec strong sup{
    font-size:.48em!important;
    line-height:1!important;
    margin-top:.04em!important;
    font-weight:950!important;
    opacity:1!important;
  }

  body.cemi-ui-single-property .cemi-single-hero-specs-secondary,
  body.single-cemi_property .cemi-single-hero-specs-secondary,
  body.single-opalestate_property .cemi-single-hero-specs-secondary{
    width:100%!important;
    max-width:760px!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
    align-self:flex-start!important;
    justify-content:flex-start!important;
    justify-items:stretch!important;
  }

  body.cemi-ui-single-property .cemi-single-hero-specs-secondary span,
  body.single-cemi_property .cemi-single-hero-specs-secondary span,
  body.single-opalestate_property .cemi-single-hero-specs-secondary span{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
}

@media (min-width:721px) and (max-width:1180px){
  body.cemi-ui-single-property .cemi-single-hero-specs-wrap,
  body.single-cemi_property .cemi-single-hero-specs-wrap,
  body.single-opalestate_property .cemi-single-hero-specs-wrap,
  body.cemi-ui-single-property .cemi-single-hero-specs-primary,
  body.single-cemi_property .cemi-single-hero-specs-primary,
  body.single-opalestate_property .cemi-single-hero-specs-primary,
  body.cemi-ui-single-property .cemi-single-hero-specs-secondary,
  body.single-cemi_property .cemi-single-hero-specs-secondary,
  body.single-opalestate_property .cemi-single-hero-specs-secondary{
    width:min(100%,680px)!important;
    max-width:680px!important;
  }
}

@media (max-width:720px){
  body.cemi-ui-single-property .cemi-single-hero-specs-primary span.cemi-hero-area-spec strong sup,
  body.single-cemi_property .cemi-single-hero-specs-primary span.cemi-hero-area-spec strong sup,
  body.single-opalestate_property .cemi-single-hero-specs-primary span.cemi-hero-area-spec strong sup{
    font-size:.44em!important;
    margin-top:.05em!important;
    opacity:1!important;
  }
}