.hero-carousel{position:relative}
.hero-slide[hidden]{display:none!important}
.hero-carousel .hero-grid{min-height:650px}
.hero-carousel .hero-art .photo{background-image:var(--slide-image,url('/assets/nexpos-comerciante-hero.webp'))!important;background-position:78% center}
.hero-carousel .hero-copy h1,.hero-carousel .hero-copy .hero-slide-title{font:800 clamp(44px,4.9vw,75px)/1.09 Manrope,sans-serif;letter-spacing:-.055em;margin:22px 0 27px;max-width:750px}
.hero-carousel .hero-copy h1 em,.hero-carousel .hero-copy .hero-slide-title em{font-style:normal;color:#087754}
.hero-carousel .hero-copy .lead{max-width:700px}
.hero-carousel .hero-art .float-card{max-width:230px}
.hero-carousel .hero-art .float-card strong{font-size:22px}
.hero-carousel-controls{display:flex;align-items:center;gap:13px;padding-bottom:23px;position:relative;z-index:3}
.hero-arrow,.hero-dots button{border:1px solid #a8c9b5;background:#fff;color:#075c43;cursor:pointer;font-weight:800}
.hero-arrow{width:45px;height:45px;border-radius:50%;font-size:21px}
.hero-dots{display:flex;gap:8px}
.hero-dots button{width:38px;height:38px;border-radius:50%;font-size:14px}
.hero-dots button[aria-current="true"]{background:#075c43;color:white;border-color:#075c43}
.hero-arrow:hover,.hero-dots button:hover{border-color:#075c43;box-shadow:0 2px 9px #045a302a}
.hero-count{font:800 14px Manrope,sans-serif;color:#567769;margin-left:10px}
.hero-carousel :is(button,a):focus-visible{outline:3px solid #e6a733;outline-offset:4px}
@media(max-width:900px){.hero-carousel .hero-grid{min-height:0}.hero-carousel .hero-art .photo{background-position:78% center}}
@media(max-width:760px){.hero-carousel .hero-copy h1,.hero-carousel .hero-copy .hero-slide-title{font-size:clamp(40px,10.5vw,56px);letter-spacing:-.05em}.hero-carousel .hero-grid{padding-bottom:10px}.hero-carousel-controls{justify-content:center;padding-bottom:26px}.hero-carousel .hero-art .float-card{top:20px;left:5%}}
@media(max-width:450px){.hero-carousel .hero-copy .lead{font-size:20px}.hero-carousel .hero-art{min-height:330px}.hero-carousel .hero-art .float-card{top:15px;left:2%;padding:10px;max-width:170px}.hero-carousel .hero-art .float-card strong{font-size:17px}}
/* Composición móvil: la fotografía pasa a ser una tarjeta panorámica completa,
   sin superposiciones sobre el rostro ni texto gigantesco. */
@media(max-width:760px){
  .hero-carousel .hero-grid{display:flex;flex-direction:column;gap:18px;min-height:0;padding-bottom:8px}
  .hero-carousel .hero-copy{padding:29px 0 0;width:100%}
  .hero-carousel .hero-copy h1,.hero-carousel .hero-copy .hero-slide-title{font-size:clamp(34px,8.7vw,47px);letter-spacing:-.045em;line-height:1.14;margin:18px 0}
  .hero-carousel .hero-copy .lead{font-size:18px;line-height:1.5;margin:0 0 15px}
  .hero-carousel .hero-copy .eyebrow{font-size:12px;letter-spacing:.055em}
  .hero-carousel .hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:18px}
  .hero-carousel .hero-actions .btn{width:100%;min-height:50px;justify-content:center;font-size:16px}
  .hero-carousel .checks,.hero-carousel .hero-caption{display:none}
  .hero-carousel .hero-art{width:100%;min-height:0;height:245px;overflow:hidden;border-radius:20px;display:block}
  .hero-carousel .hero-art .blob,.hero-carousel .hero-art .float-card{display:none!important}
  .hero-carousel .hero-art .photo{inset:0!important;border-radius:20px!important;background-position:72% 38%!important;box-shadow:none!important}
  .hero-carousel-controls{gap:9px;padding:11px 0 23px;justify-content:center}
  .hero-carousel .hero-arrow{width:43px;height:43px}
  .hero-carousel .hero-dots button{width:38px;height:38px}
}
@media(max-width:380px){
  .hero-carousel .hero-copy h1,.hero-carousel .hero-copy .hero-slide-title{font-size:33px}
  .hero-carousel .hero-art{height:215px}
  .hero-carousel .hero-count{font-size:12px;margin-left:3px}
}
/* Mantener el tamaño relativo de las personas al reducir la pantalla.
   Las fotografías completas se escalan, sin el zoom de background-size:cover. */
@media(max-width:900px){
  .hero-carousel .hero-art{aspect-ratio:3/2;height:auto!important;min-height:0!important;background:#e7eee5}
  .hero-carousel .hero-slide:first-of-type .hero-art{aspect-ratio:16/9}
  .hero-carousel .hero-art .photo{inset:0!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}
}