/* Estilos específicos de página.
   Este archivo debe cargarse después de global.css. */

.re-mg .alt-bg .eyebrow,
.re-mg section .wrap > .eyebrow,
.re-mg section .split > .eyebrow,
#operacion-a-la-medida > .eyebrow {
  margin-left:32px !important;
  padding-left:4px !important;
}

section.alt-bg {
  margin-top: 56px !important;
}

@media (max-width: 560px) {#cta-banner-listo .actions,
  #cta-inicial-lealtad .actions {
    justify-content: center !important;
  }

}

#cta-banner-listo {
  max-width:1280px;
  margin:40px auto 48px;
  padding-inline:0 !important;
  box-sizing:content-box;
}

.re-mg #cta-banner-listo .banner-inner {
  
  border-radius:32px !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,0.08),
    0 2px 6px rgba(0,0,0,0.04) !important;
  padding:40px 48px !important;
}

.re-mg #cta-banner-listo .split {
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  gap:40px;
  align-items:center;
}

.re-mg #cta-banner-listo .split-media {
  min-width:160px;
  display:flex;
  justify-content:flex-end;
}

.re-mg #cta-banner-listo .split-media .mock-image{
  width:100%;
  min-height:160px;        /* ⬅️ baja la altura total */
  border-radius:24px;
  overflow:hidden;         /* CLAVE para respetar el radius */
  padding:0;               /* ❌ quita padding */
  background:transparent;
}

.re-mg #cta-banner-listo .split-media .mock-image img{
  width:100%;
  height:100%;
  object-fit:cover;        /* se adapta bonito */
  display:block;
  border-radius:24px;      /* refuerzo por seguridad */
}

.re-mg #cta-banner-listo{
  color:#ffffff;
}

.re-mg #cta-banner-listo p{
  opacity:0.9;
}

.re-mg #cta-banner-listo,
.re-mg #cta-banner-listo .title-xl,
.re-mg #cta-banner-listo .lead {
  color:#fff !important;
}

.re-mg #cta-banner-listo .btn-ghost{
  background: transparent !important;
  color:#fff !important;
  border-color:#fff !important;
}

.re-mg #cta-banner-listo .btn-ghost:hover{
  background: rgba(255,255,255,0.14) !important;
}

.re-mg #cta-banner-listo .btn-icon{
  border-color:#fff !important;
  color:#fff !important;
}

#cta-banner-listo .banner-inner{
  background: linear-gradient(
    135deg,
    #524BD4 0%,
    #11A6CC 100%
  );
}

#cta-banner-listo .mock-image{
  position: relative;
  padding: 0;              /* ❌ quita padding */
  overflow: hidden;        /* ✅ corta la imagen */
  border-radius: 24px;
}

#cta-banner-listo .mock-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;       /* llena el espacio */
  display: block;
}

.re-mg section#cta-final {
  padding-top:24px !important;
  padding-bottom:24px !important;
  margin-top:24px !important;
  margin-bottom:24px !important;
}

#cta-final{
  background: transparent !important;   /* ya no uses bg aquí */
}

#cta-final .banner-inner{
  position: relative;
  border-radius: 32px;
  overflow: hidden;
  padding: 32px 40px;
  text-align: center;

  background:linear-gradient(
  135deg,
  #4F46E5 0%,
  #11A6CC 30%,
  #C7D84F 100%
);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#cta-final .banner-inner > *{
  position: relative;
  z-index: 1;
}

#cta-final .banner-inner,
#cta-final .banner-inner *{
  color:#fff !important;
}

#cta-final .banner-inner .title-xl,
#cta-final .banner-inner .lead {
  color:#ffffff !important;
  margin-left:auto;
  margin-right:auto;
}

#cta-final .banner-inner .actions {
  justify-content:center;
  margin-top:16px;
}

#cta-final > .eyebrow {
  display:block;
  text-align:center;
  margin-bottom:12px !important;
}

@media (max-width:768px) {#cta-final .banner-inner {
    padding:24px 20px;
  }

}

.re-mg #cta-final .actions > a.btn.btn-ghost{
  background: transparent;     /* sin relleno blanco */
  color: #fff;
  border-color: #fff;
}

.re-mg #cta-final .actions > a.btn.btn-ghost:hover{
  background: rgba(255,255,255,.12);
  color: #fff;
  border-color: #fff;
}

.re-mg #cta-final .actions > .btn-icon{
  border-color: #fff;          /* círculo blanco */
  color: #fff;                 /* flecha blanca (↗ es texto) */
  background: transparent;
}

.re-mg #cta-final .banner-inner p{
  color: #ffffff;
  opacity: 1; /* evita que quede lavado */
  text-shadow:
    0 1px 2px rgba(0,0,0,0.45),
    0 0 1px rgba(0,0,0,0.35);
}

.re-mg section#cta-final {
  padding-top:24px !important;
  padding-bottom:60px !important;
}

section[aria-labelledby="opera-title"] .icon-list {
  gap: 48px !important;
}

section[aria-labelledby="promo-title"] .icon-list {
  gap: 48px !important;
}

section[aria-labelledby="opera-title"] .title-xl {
  margin-bottom: 32px !important;
}

section[aria-labelledby="promo-title"] .title-xl {
  margin-bottom: 32px !important;
}

section[aria-labelledby="tu-tarjeta-sellos-title"] .wrap {
  background: #f5f5f5 !important;
}

section[aria-labelledby="opera-title"] .wrap {
  background: #f5f5f5 !important;
}

section[aria-labelledby="promo-title"] .media img{
  width:95% !important;
  max-width:95% !important;
}

#mas-soluciones-block {
  max-width: 1280px;
  margin: 40px auto 48px;
  padding-inline: 0 !important;
}


#mas-soluciones-block .mas-soluciones-inner{
  background:linear-gradient(
    135deg,
    #524BD4 0%,
    #11A6CC 100%
  ) !important;

  border-radius:32px !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,0.08),
    0 2px 6px rgba(0,0,0,0.04) !important;
  padding:64px 64px !important;

  display:grid;

  gap:24px;
  align-items:center;
}

#mas-soluciones-block .title-xl,
#mas-soluciones-block .lead{
  color:#ffffff !important;
}

.mas-soluciones-cards{
  display:grid;
  grid-template-columns:repeat(2,240px);
  gap:24px;

  justify-content:center;
}
#mas-soluciones-block .mas-soluciones-inner{
  grid-template-columns:1.1fr 1.1fr;
}

.sol-card{
  text-decoration:none;
  color:inherit;
}

.sol-card-box{
  border-radius:24px;
  overflow:hidden;

  transition:
    transform .25s ease,
    box-shadow .25s ease;

  cursor:pointer;
}

.sol-card-box:hover{
  transform:translateY(-5px);
  box-shadow:0 16px 30px rgba(0,0,0,0.18);
}

.sol-card-box img{
  display:block;
  width:100%;
  height:auto;
  border-radius:24px;
}

@media (max-width:980px){
  #mas-soluciones-block .mas-soluciones-inner{
    grid-template-columns:1fr;
    padding:40px 32px !important;
    gap:32px;
  }

  .mas-soluciones-cards{
    grid-template-columns:repeat(2,220px);
    justify-content:center;
  }

  .sol-card-box{
    width:220px !important;
  }
}

@media (max-width:560px){
  #mas-soluciones-block .mas-soluciones-inner{
    padding:32px 24px !important;
  }

  .mas-soluciones-cards{
    grid-template-columns:1fr;
    justify-items:center;
  }

  .sol-card-box{
    width:260px !important;
    max-width:260px !important;
  }

  .sol-card-box img{
    width:100%;
    height:auto;
  }
}

@media (max-width:560px){section[aria-labelledby="resultados-visibles-title"]{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
section[aria-labelledby="resultados-visibles-title"] .split{
    gap: 8px !important;
  }
section[aria-labelledby="resultados-visibles-title"] .media{
    min-height: auto !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
section[aria-labelledby="resultados-visibles-title"] .media img{
    margin: 0 auto !important;
  }

}

@media (max-width:560px){#cta-final{
    margin-top: 32px !important;
  }

}

@media (max-width:560px){section[aria-labelledby="resultados-visibles-title"] .media{
    min-height: auto !important;
    padding-top: 0 !important;
  }

}

@media (max-width:560px){section[aria-labelledby="como-funciona-title"] .split{
    gap: 12px !important;
  }
section[aria-labelledby="como-funciona-title"] .split .media{
    min-height: auto !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
section[aria-labelledby="como-funciona-title"] > .media{
    margin-top: -10px !important;
    padding-top: 0 !important;
    min-height: auto !important;
  }

}
.hero-pos-detail-section{
  padding-top:40px !important;
  padding-bottom:56px !important;
}

.hero-pos-detail-title{
  margin-bottom:0 !important;
}

.wrap-tight{
  margin-left:8px;
  margin-right:8px;
}

.intro-detail{
  margin-bottom:24px;
}

@media (min-width:981px){
  section[aria-labelledby="tu-tarjeta-sellos-title"] .media img{
    width:85% !important;
  max-width:400px !important;
  height:auto !important;
  display:block;
  margin:0 auto !important;
  transform:translateY(55px) !important;
  }
}
@media (max-width:980px){
  section[aria-labelledby="tu-tarjeta-sellos-title"] .media img{
    width:100% !important;
    max-width:350px !important;
    height:auto !important;
    margin:0 auto !important;
    transform:none !important;
  }
}
section[aria-labelledby="tu-tarjeta-sellos-title"] .intro-detail{
  margin-bottom:32px !important;
}
.hero-gradient .btn-icon,
.wrap-banner .btn-icon,
#cta-final .btn-icon,
.hero-cta .btn-icon{
    color:#fff !important;
    border-color:#fff !important;
}
@media (max-width: 560px) {
  #mas-soluciones-block .content{
    padding-left: 24px;
	
  }

  #mas-soluciones-block .title-xl,
  #mas-soluciones-block .lead{
    padding-left: 24px;
	padding-right: 18px;
  }
}