.c4m-ven{
  --c4mv-fondo:#10357F;
  --c4mv-aro:#1B4BA8;
  --c4mv-acento:#22C3E6;
  --c4mv-texto:#FFFFFF;
  --c4mv-radio:34px;
  --c4mv-ancho-foto:400px;
  font-family:inherit;
  background:var(--c4mv-fondo);
  border-radius:var(--c4mv-radio);
  padding:44px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:34px;
  align-items:center;
  color:var(--c4mv-texto);
  max-width:1140px;
  margin:0 auto;
}
.c4m-ven *{box-sizing:border-box}
.c4m-ven--sin-foto{grid-template-columns:minmax(0,1fr)}

.c4m-ven__eyebrow{
  font-size:13px;font-weight:600;letter-spacing:.04em;
  color:var(--c4mv-acento);margin:0 0 8px;
}
.c4m-ven__titulo{
  font-size:36px;font-weight:800;line-height:1.1;letter-spacing:-.035em;
  margin:0 0 12px;color:var(--c4mv-texto);
}
.c4m-ven__parrafo{
  font-size:15px;line-height:1.65;margin:0 0 22px;max-width:430px;
  color:var(--c4mv-texto);opacity:.82;
}
.c4m-ven__cta{
  display:inline-block;background:#fff;color:var(--c4mv-fondo) !important;
  padding:15px 30px;border-radius:12px;font-size:15px;font-weight:700;
  text-decoration:none !important;transition:transform .18s ease, box-shadow .18s ease;
}
.c4m-ven__cta:hover,.c4m-ven__cta:focus{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(0,0,0,.22);
  text-decoration:none !important;
}

.c4m-ven__foto{
  position:relative;
  display:flex;align-items:center;justify-content:center;
  min-height:340px;
}
.c4m-ven__foto img{
  position:relative;z-index:2;display:block;
  width:var(--c4mv-ancho-foto);height:auto;max-width:100%;
}
.c4m-ven--circulo .c4m-ven__foto img{
  height:var(--c4mv-ancho-foto);object-fit:cover;border-radius:50%;
}
.c4m-ven__aro{
  position:absolute;z-index:1;border-radius:50%;
  background:var(--c4mv-aro);
  width:calc(var(--c4mv-ancho-foto) * 1.13);
  height:calc(var(--c4mv-ancho-foto) * 0.80);
}
.c4m-ven--circulo .c4m-ven__aro{
  width:calc(var(--c4mv-ancho-foto) * 1.15);
  height:calc(var(--c4mv-ancho-foto) * 1.15);
}

.c4m-ven__tag{
  position:absolute;z-index:6;background:#fff;
  border-radius:14px;padding:9px 13px;
  box-shadow:0 10px 26px rgba(6,22,60,.30);
  display:flex;gap:9px;align-items:center;white-space:nowrap;
}
.c4m-ven__tag em{width:26px;height:26px;border-radius:50%;flex:none;background:var(--c4mv-acento);display:block}
.c4m-ven__tk{font-size:10px;line-height:1.2;display:block;color:#6C7A93}
.c4m-ven__tv{font-size:12.5px;font-weight:700;line-height:1.3;display:block;color:#0F2A6B}
.c4m-ven__tag--1{top:8%;left:-8%}
.c4m-ven__tag--2{top:16%;right:-7%}
.c4m-ven__tag--3{bottom:26%;left:-9%}
.c4m-ven__tag--4{bottom:2%;right:-6%}

/* rejilla que sustituye a las cajitas en pantallas pequeñas */
.c4m-ven__rejilla{display:none;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
.c4m-ven__rejilla > div{
  background:rgba(255,255,255,.10);
  border-radius:12px;padding:11px 13px;
  display:flex;gap:9px;align-items:center;
}
.c4m-ven__rejilla em{width:22px;height:22px;border-radius:50%;flex:none;background:var(--c4mv-acento);display:block}
.c4m-ven__rejilla .c4m-ven__tk{color:rgba(255,255,255,.72)}
.c4m-ven__rejilla .c4m-ven__tv{color:#fff}

@media(max-width:980px){
  .c4m-ven{
    grid-template-columns:1fr;gap:26px;padding:32px 24px;text-align:center;
  }
  .c4m-ven__texto{order:1}
  .c4m-ven__foto{order:2;min-height:0}
  .c4m-ven__rejilla{order:3}
  .c4m-ven__parrafo{margin-left:auto;margin-right:auto}
  .c4m-ven__tag--1{top:2%;left:0}
  .c4m-ven__tag--2{top:14%;right:0}
  .c4m-ven__tag--3{bottom:22%;left:0}
  .c4m-ven__tag--4{bottom:0;right:0}
}

@media(max-width:640px){
  .c4m-ven{padding:26px 18px;border-radius:22px}
  .c4m-ven__titulo{font-size:26px}
  .c4m-ven__parrafo{font-size:14px}
  .c4m-ven__foto{display:none}
  .c4m-ven__rejilla{display:grid}
  .c4m-ven__cta{display:block;width:100%}
}

@media(prefers-reduced-motion:reduce){
  .c4m-ven__cta{transition:none}
}