/* * UPSEX — HERO DESKTOP V3.1 * Usa las imágenes 6:5 actuales sin convertirlas * en una franja panorámica recortada. */ @media screen and (min-width:768px){ body.common-home .slider-container.qivo-home-slider-fullbleed{ position:relative!important; width:calc(100% - 48px)!important; max-width:1320px!important; margin: 24px auto 38px!important; padding:0!important; background:#fffaf1!important; border-radius:26px!important; box-shadow: 0 18px 42px rgba(73,54,35,.12)!important; overflow:hidden!important; } body.common-home #plaza-slider{ position:relative!important; width:100%!important; min-width:0!important; height:clamp(420px,52vw,560px)!important; margin:0!important; padding:0!important; background:#4d423f!important; overflow:hidden!important; } body.common-home #plaza-slider .nivoSlider{ position:relative!important; width:100%!important; height:100%!important; margin:0!important; background:#4d423f!important; overflow:hidden!important; } /* * Las animaciones por rebanadas provocaban * imágenes divididas. Se conserva el cambio * de diapositiva, pero sin fragmentos. */ body.common-home #plaza-slider .nivo-slice, body.common-home #plaza-slider .nivo-box{ display:none!important; } body.common-home #plaza-slider .nivo-main-image{ position:absolute!important; top:0!important; right:0!important; bottom:0!important; left:auto!important; display:block!important; width:100%!important; height:100%!important; max-width:none!important; margin:0!important; object-fit:cover!important; object-position:center center!important; transform:none!important; } /* Texto HTML del slider */ body.common-home #plaza-slider .nivo-caption{ position:absolute!important; top:0!important; bottom:0!important; left:0!important; z-index:20!important; display:flex!important; align-items:center!important; width:62%!important; height:100%!important; margin:0!important; padding: 46px clamp(32px,5vw,70px)!important; background: linear-gradient( 90deg, rgba(255,250,241,.98) 0%, rgba(255,250,241,.94) 45%, rgba(255,250,241,.58) 72%, rgba(255,250,241,0) 100% )!important; color:#4d423f!important; opacity:1!important; visibility:visible!important; overflow:visible!important; } body.common-home #plaza-slider .nivo-caption .slider-content{ width:100%!important; max-width:520px!important; margin:0!important; padding:0!important; text-align:left!important; } body.common-home #plaza-slider .slide-title, body.common-home #plaza-slider .slide-title *{ color:#4d423f!important; font-family:Manrope,Arial,sans-serif!important; font-weight:800!important; line-height:1.03!important; text-align:left!important; } body.common-home #plaza-slider .slide-title{ margin:0 0 18px!important; font-size: clamp(38px,5.3vw,68px)!important; } body.common-home #plaza-slider .slide-title em, body.common-home #plaza-slider .slide-title strong{ color:#B88A00!important; } body.common-home #plaza-slider .slide-description, body.common-home #plaza-slider .slide-description *{ color:#5c514e!important; font-family:Manrope,Arial,sans-serif!important; font-size: clamp(16px,1.8vw,22px)!important; line-height:1.45!important; font-weight:600!important; text-align:left!important; } body.common-home #plaza-slider .slide-description{ max-width:470px!important; margin:0 0 26px!important; } body.common-home #plaza-slider .slide-readmore{ margin:0!important; text-align:left!important; } body.common-home #plaza-slider .slide-readmore a{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:50px!important; padding:0 25px!important; background:#4d423f!important; color:#ffffff!important; border: 1px solid #4d423f!important; border-radius:999px!important; font-family:Manrope,Arial,sans-serif!important; font-size:15px!important; font-weight:700!important; box-shadow: 0 11px 25px rgba(73,54,35,.18)!important; } body.common-home #plaza-slider .slide-readmore a:hover{ background:#B88A00!important; border-color:#B88A00!important; } body.common-home #plaza-slider .nivo-controlNav{ position:absolute!important; right:0!important; bottom:18px!important; left:0!important; z-index:50!important; display:flex!important; justify-content:center!important; gap:8px!important; width:100%!important; padding:0!important; } body.common-home #plaza-slider .nivo-controlNav a{ width:10px!important; height:10px!important; margin:0!important; background:rgba(255,253,248,.68)!important; border: 1px solid rgba(77,66,63,.28)!important; border-radius:999px!important; font-size:0!important; } body.common-home #plaza-slider .nivo-controlNav a.active{ width:30px!important; background:#B88A00!important; border-color:#B88A00!important; } body.common-home #plaza-slider .nivo-directionNav a{ z-index:60!important; display:flex!important; align-items:center!important; justify-content:center!important; width:42px!important; height:42px!important; background:rgba(77,66,63,.88)!important; color:#ffffff!important; border-radius:999px!important; } } /* * PC: diseño dividido. * El área derecha queda cercana a la proporción * 6:5 de la imagen, por lo que el recorte es mínimo. */ @media screen and (min-width:992px){ body.common-home #plaza-slider{ height: clamp(470px,43vw,610px)!important; background:#fffaf1!important; } body.common-home #plaza-slider .nivo-main-image{ right:0!important; left:auto!important; width:56%!important; height:100%!important; object-fit:cover!important; object-position:center center!important; } body.common-home #plaza-slider .nivo-caption{ width:47%!important; padding: 55px clamp(42px,5vw,76px)!important; background:#fffaf1!important; } body.common-home #plaza-slider .nivo-caption::after{ content:""!important; position:absolute!important; top:0!important; right:-76px!important; bottom:0!important; width:120px!important; background: linear-gradient( 90deg, #fffaf1 0%, rgba(255,250,241,.82) 46%, rgba(255,250,241,0) 100% )!important; pointer-events:none!important; } body.common-home #plaza-slider .nivo-caption .slider-content{ position:relative!important; z-index:2!important; } }