/* CEMI Core v1.2.79 — corrección escritorio del hero single
   Diagnóstico: el hero sí intentaba salir a 100vw, pero el wrapper .cemi-single-property
   tenía overflow-x:hidden y lo recortaba dentro del rectángulo centrado. Este archivo
   solo corrige desktop; tablet y mobile se conservan como estaban funcionando. */

@media (min-width:1181px){
  html body.cemi-ui-single-property,
  html body.single-cemi_property,
  html body.single-opalestate_property{
    overflow-x:hidden!important;
  }

  body.cemi-ui-single-property .cemi-single-property{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow:visible!important;
  }

  body.cemi-ui-single-property .cemi-single-property > .cemi-single-hero,
  body.cemi-ui-single-property .cemi-single-hero{
    position:relative!important;
    width:100vw!important;
    max-width:100vw!important;
    left:auto!important;
    right:auto!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    overflow:hidden!important;
    border-radius:0!important;
    min-height:clamp(620px,70vh,820px)!important;
  }

  body.cemi-ui-single-property .cemi-single-hero-inner{
    width:min(calc(100vw - clamp(56px,7vw,128px)),1760px)!important;
    max-width:1760px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(340px,440px)!important;
    gap:clamp(28px,4vw,76px)!important;
    align-items:end!important;
  }

  body.cemi-ui-single-property .cemi-single-hero-copy{
    min-width:0!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  body.cemi-ui-single-property .cemi-single-hero h1{
    max-width:min(980px,62vw)!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  body.cemi-ui-single-property .cemi-single-hero-panel{
    position:relative!important;
    width:100%!important;
    max-width:440px!important;
    min-width:0!important;
    margin:0!important;
    justify-self:end!important;
    overflow:hidden!important;
  }

  body.cemi-ui-single-property .cemi-single-hero-price{
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    font-size:clamp(28px,2.6vw,42px)!important;
  }

  body.cemi-ui-single-property .cemi-single-hero-specs{
    max-width:min(100%,980px)!important;
    grid-template-columns:repeat(4,minmax(118px,1fr))!important;
  }
}

@media (min-width:1181px) and (max-width:1380px){
  body.cemi-ui-single-property .cemi-single-hero-inner{
    width:min(calc(100vw - 48px),1320px)!important;
    grid-template-columns:minmax(0,1fr) minmax(310px,380px)!important;
    gap:28px!important;
  }
  body.cemi-ui-single-property .cemi-single-hero h1{
    max-width:760px!important;
    font-size:clamp(36px,4.1vw,58px)!important;
  }
  body.cemi-ui-single-property .cemi-single-hero-specs{
    grid-template-columns:repeat(4,minmax(96px,1fr))!important;
  }
  body.cemi-ui-single-property .cemi-single-hero-panel{
    max-width:380px!important;
  }
}