:root{
  --mc4-bg:#fcf7fa;
  --mc4-bg-soft:#fdf1f7;
  --mc4-bg-soft-2:#f5eaf4;
  --mc4-card:#ffffff;
  --mc4-text:#171534;
  --mc4-muted:#6f6782;
  --mc4-purple:#6a35d1;
  --mc4-purple-2:#8f5af0;
  --mc4-purple-soft:#efe5ff;
  --mc4-pink:#f9dce9;
  --mc4-pink-soft:#fdf1f6;
  --mc4-gold:#d4a01e;
  --mc4-border:#eee5f2;
  --mc4-shadow:0 20px 48px rgba(79,50,129,.08);
  --mc4-radius:26px;
}
*{box-sizing:border-box}
body.mc-v4-body{
  margin:0;
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--mc4-text);
  background:
    radial-gradient(circle at 15% 18%, rgba(255,255,255,.9), transparent 28%),
    radial-gradient(circle at 84% 18%, rgba(241,217,234,.55), transparent 22%),
    linear-gradient(180deg, #fff 0%, #fdf8fb 18%, #fcf4f8 58%, #fbf4f8 100%);
}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
.mc-v4-wrap{width:min(1080px, calc(100% - 36px)); margin:0 auto}

/* HEADER */
.mc-v4-header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(232,224,239,.72);
}
.mc-v4-header-inner{
  min-height:88px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:26px;
}
.mc-v4-brand{display:flex;align-items:center;gap:14px}
.mc-v4-book{
  width:42px;height:34px;position:relative;display:inline-block;flex:0 0 auto;
}
.mc-v4-book-left,.mc-v4-book-right{
  position:absolute;top:2px;width:20px;height:28px;border-radius:4px 4px 10px 10px;
}
.mc-v4-book-left{left:0;background:linear-gradient(180deg,#5630d0,#6d34d3);transform:skewY(-8deg)}
.mc-v4-book-right{right:0;background:linear-gradient(180deg,#efc443,#d7a021);transform:skewY(8deg)}
.mc-v4-brand-text{display:flex;flex-direction:column;line-height:1}
.mc-v4-brand-text strong{font-size:18px;font-weight:900;color:#15152f}
.mc-v4-brand-text em{margin-top:1px;font-style:normal;font-size:18px;font-weight:900;color:var(--mc4-purple)}
.mc-v4-tagline{
  font-size:13px;
  line-height:1.25;
  font-weight:700;
  color:#231d42;
  justify-self:center;
  text-align:left;
}
.mc-v4-nav{display:flex;align-items:center;gap:28px}
.mc-v4-nav a{font-size:15px;font-weight:800;color:#221d43}
.mc-v4-nav-btn{
  background:linear-gradient(180deg,#7740e0,#6530d2);
  color:#fff !important;
  border-radius:15px;
  padding:16px 28px;
  box-shadow:0 12px 30px rgba(97,50,197,.24);
}

/* HERO */
.mc-v4-hero{
  position:relative;
  padding:28px 0 10px;
}
.mc-v4-hero:before{
  content:"";
  position:absolute;
  inset:auto 0 20px 0;
  height:220px;
  background:linear-gradient(180deg,rgba(248,228,240,.25),rgba(248,228,240,.55));
  filter:blur(0px);
  z-index:0;
}
.mc-v4-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.03fr .97fr;
  gap:34px;
  align-items:center;
}
.mc-v4-copy h1{
  margin:0 0 16px;
  font-size:72px;
  line-height:0.98;
  letter-spacing:-2.2px;
  font-weight:900;
  max-width:610px;
}
.mc-v4-copy h1 .accent{color:var(--mc4-purple)}
.mc-v4-subtitle{
  margin:0 0 34px;
  font-size:20px;
  line-height:1.55;
  color:var(--mc4-muted);
  max-width:540px;
}
.mc-v4-benefits{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px;
  max-width:760px;
  margin:0 0 26px;
}
.mc-v4-benefit{
  background:rgba(255,255,255,.76);
  border:1px solid rgba(237,226,242,.95);
  border-radius:24px;
  box-shadow:var(--mc4-shadow);
  padding:16px 16px 14px;
}
.mc-v4-benefit-icon{
  width:50px;height:50px;object-fit:contain;margin-bottom:10px;
}
.mc-v4-benefit-text strong{
  display:block;
  font-size:14px;
  line-height:1.1;
  font-weight:900;
  margin-bottom:8px;
}
.mc-v4-benefit-text span{
  display:block;
  font-size:13px;
  line-height:1.42;
  color:var(--mc4-muted);
}
.mc-v4-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:212px;
  padding:18px 28px;
  border-radius:18px;
  background:linear-gradient(180deg,#7c42ea,#6731d6);
  color:#fff;
  font-weight:900;
  font-size:18px;
  box-shadow:0 18px 34px rgba(101,49,214,.22);
}
.mc-v4-hero-visual{
  position:relative;
  min-height:610px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.mc-v4-pastel-blob{
  position:absolute;
  right:10px;
  left:20px;
  top:50px;
  bottom:26px;
  background:
    radial-gradient(circle at 20% 25%, rgba(255,255,255,.52), transparent 16%),
    linear-gradient(135deg, rgba(243,226,239,.95) 0%, rgba(233,211,235,.92) 45%, rgba(225,205,236,.88) 100%);
  border-radius:44px 44px 0 44px;
  transform:rotate(-4deg);
}
.mc-v4-hero-image{
  position:relative;
  z-index:2;
  width:min(100%, 510px);
  object-fit:contain;
  filter:drop-shadow(0 26px 34px rgba(89,54,137,.14));
}
.mc-v4-hero-fallback{
  position:relative;
  z-index:2;
  width:100%;
  max-width:460px;
  min-height:360px;
  border:2px dashed #d9c8e6;
  border-radius:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#8b82a1;
  background:#fff8fc;
  padding:30px;
}

/* COUNTRIES */
.mc-v4-countries{
  position:relative;
  padding:18px 0 10px;
}
.mc-v4-countries h2{
  margin:0 0 8px;
  text-align:center;
  font-size:56px;
  line-height:1;
  letter-spacing:-1.4px;
  font-weight:900;
}
.mc-v4-countries p{
  margin:0 0 28px;
  text-align:center;
  font-size:20px;
  color:var(--mc4-muted);
}
.mc-v4-country-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:16px;
  max-width:900px;
  margin:0 auto;
}
.mc-v4-country-card{
  background:rgba(255,255,255,.95);
  border:1px solid var(--mc4-border);
  border-radius:18px;
  min-height:134px;
  box-shadow:var(--mc4-shadow);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:16px;
  transition:.18s ease;
}
.mc-v4-country-card:hover{
  transform:translateY(-3px);
  border-color:#dbcaea;
}
.mc-v4-country-card strong{
  font-size:19px;
  font-weight:800;
}
.mc-v4-flag{
  width:62px;
  height:62px;
  object-fit:contain;
}

/* COLLAGE */
.mc-v4-collage-section{
  position:relative;
  padding:28px 0 0;
}
.mc-v4-collage-section:before{
  content:"";
  position:absolute;
  left:0;right:0;top:-18px;
  height:110px;
  background:linear-gradient(180deg, rgba(252,244,248,.8), rgba(249,239,245,.2));
}
.mc-v4-collage-shell{
  position:relative;
  z-index:2;
  border-radius:30px;
  overflow:hidden;
}
.mc-v4-collage-image{
  width:100%;
  aspect-ratio:16/4.6;
  object-fit:cover;
}
.mc-v4-collage-placeholder{
  display:grid;
  grid-template-columns:repeat(6, 1fr);
  gap:14px;
  padding:18px;
  background:linear-gradient(180deg,#fef7fb,#f6edf5);
  box-shadow:var(--mc4-shadow);
  border:1px solid rgba(236,227,242,.95);
}
.mc-v4-cover{
  min-height:168px;
  border-radius:20px;
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  padding:14px;
  color:#fff;
  font-weight:900;
  font-size:24px;
  letter-spacing:.4px;
  box-shadow:0 10px 22px rgba(60,35,95,.12);
}
.mc-v4-cover.c1{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(0,0,0,.18)),linear-gradient(135deg,#eab3c2,#d57aa0 60%,#c978bc)}
.mc-v4-cover.c2{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(0,0,0,.18)),linear-gradient(135deg,#a9cf78,#4e965f)}
.mc-v4-cover.c3{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(0,0,0,.18)),linear-gradient(135deg,#fe85b8,#e23c7a)}
.mc-v4-cover.c4{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(0,0,0,.18)),linear-gradient(135deg,#879ce7,#5468d4)}
.mc-v4-cover.c5{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(0,0,0,.18)),linear-gradient(135deg,#f38fa3,#ed5384)}
.mc-v4-cover.c6{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(0,0,0,.18)),linear-gradient(135deg,#cc86cb,#9152bf)}

/* BOTTOM BAR */
.mc-v4-bottom{
  margin-top:0;
  background:linear-gradient(90deg,#622fd1,#7b39e0);
  color:#fff;
}
.mc-v4-bottom-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:22px;
  padding:20px 0;
}
.mc-v4-bottom-item{
  text-align:center;
  padding:10px 16px;
}
.mc-v4-bottom-icon{
  font-size:28px;
  line-height:1;
  margin-bottom:10px;
}
.mc-v4-bottom-item strong{
  display:block;
  font-size:18px;
  font-weight:900;
  margin-bottom:6px;
}
.mc-v4-bottom-item span{
  display:block;
  font-size:14px;
  line-height:1.45;
  color:rgba(255,255,255,.92);
}

/* RESPONSIVE */
@media (max-width: 1100px){
  .mc-v4-copy h1{font-size:62px}
  .mc-v4-tagline{display:none}
}
@media (max-width: 900px){
  .mc-v4-header-inner{
    grid-template-columns:1fr;
    justify-items:start;
    gap:12px;
    padding:14px 0;
  }
  .mc-v4-nav{
    flex-wrap:wrap;
    gap:14px;
  }
  .mc-v4-hero-grid{
    grid-template-columns:1fr;
    gap:24px;
  }
  .mc-v4-copy h1{
    font-size:54px;
    max-width:100%;
  }
  .mc-v4-subtitle{
    max-width:100%;
  }
  .mc-v4-hero-visual{
    min-height:auto;
  }
}
@media (max-width: 768px){
  .mc-v4-wrap{width:min(100% - 28px, 1080px)}
  .mc-v4-copy h1{
    font-size:34px;
    line-height:1.02;
    letter-spacing:-1px;
  }
  .mc-v4-subtitle{
    font-size:18px;
    margin-bottom:22px;
  }
  .mc-v4-benefits{
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:10px;
  }
  .mc-v4-benefit{
    padding:12px;
    border-radius:18px;
  }
  .mc-v4-benefit-icon{
    width:44px;height:44px;margin-bottom:8px;
  }
  .mc-v4-benefit-text strong{
    font-size:13px;
  }
  .mc-v4-benefit-text span{
    font-size:12px;
  }
  .mc-v4-btn{
    width:100%;
    max-width:280px;
    min-width:0;
  }
  .mc-v4-countries h2{
    font-size:30px;
  }
  .mc-v4-countries p{
    font-size:16px;
  }
  .mc-v4-country-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
    max-width:100%;
  }
  .mc-v4-country-card{
    min-height:118px;
    gap:10px;
    padding:12px;
  }
  .mc-v4-country-card strong{
    font-size:17px;
  }
  .mc-v4-flag{
    width:54px;height:54px;
  }
  .mc-v4-collage-placeholder{
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:10px;
    padding:12px;
  }
  .mc-v4-cover{
    min-height:110px;
    font-size:18px;
    border-radius:14px;
  }
  .mc-v4-bottom-grid{
    grid-template-columns:1fr;
    gap:6px;
  }
}

/* ==============================================
   MUNDOCATALOGOS V5 - ANCHO 80% Y HERO
   ============================================== */

@media (min-width:1101px){

    .mc-v4-wrap{
        width:80%;
        max-width:1600px;
    }

    .mc-v4-hero-grid{
        grid-template-columns: 55% 45%;
        gap:20px;
        align-items:center;
    }

    .mc-v4-copy{
        min-width:0;
    }

    .mc-v4-copy h1{
        font-size:clamp(48px,3.65vw,74px);
        line-height:1.04;
        letter-spacing:-1.7px;
        max-width:850px;
        margin-bottom:22px;
    }

    .mc-v4-subtitle{
        max-width:720px;
        font-size:20px;
    }

    .mc-v4-benefits{
        max-width:800px;
    }

    .mc-v4-hero-visual{
        min-height:560px;
    }

    .mc-v4-hero-image{
        width:100%;
        max-width:650px;
    }

    .mc-v4-country-grid{
        max-width:1100px;
        grid-template-columns:repeat(7,minmax(0,1fr));
    }

}

/* Mantener estructura adecuada en tablet */
@media (min-width:901px) and (max-width:1100px){

    .mc-v4-wrap{
        width:90%;
        max-width:none;
    }

    .mc-v4-copy h1{
        font-size:clamp(42px,4.5vw,58px);
    }

}

/* Móviles */
@media (max-width:900px){

    .mc-v4-wrap{
        width:calc(100% - 28px);
        max-width:none;
    }

}


/* === MUNDOCATALOGOS V6 START === */

/* -------------------------------------------------
   FIX 1: BENEFICIOS mas ligeros y premium
------------------------------------------------- */
.mc-v4-benefits{
  align-items:start;
  gap:18px;
}
.mc-v4-benefit{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 8px 0 0 !important;
  border-radius:0 !important;
}
.mc-v4-benefit-icon{
  width:64px !important;
  height:64px !important;
  margin-bottom:14px !important;
  filter:drop-shadow(0 8px 18px rgba(93,54,157,.12));
}
.mc-v4-benefit-text strong{
  font-size:16px !important;
  line-height:1.15 !important;
  margin-bottom:8px !important;
}
.mc-v4-benefit-text span{
  font-size:15px !important;
  line-height:1.45 !important;
  color:#6b667b !important;
}

/* -------------------------------------------------
   FIX 2: HERO mas suave, menos bloque duro atras
------------------------------------------------- */
.mc-v4-hero{
  padding-top:34px !important;
}
.mc-v4-hero:before{
  height:170px !important;
  background:linear-gradient(180deg, rgba(249,236,242,.18), rgba(249,236,242,.55)) !important;
}
.mc-v4-hero-visual{
  min-height:600px !important;
}
.mc-v4-pastel-blob{
  left:70px !important;
  right:28px !important;
  top:42px !important;
  bottom:34px !important;
  border-radius:39% 61% 51% 49% / 42% 35% 65% 58% !important;
  transform:rotate(-5deg) !important;
  background:
    radial-gradient(circle at 28% 22%, rgba(255,255,255,.58), transparent 18%),
    radial-gradient(circle at 76% 30%, rgba(255,255,255,.18), transparent 26%),
    linear-gradient(135deg, rgba(247,232,240,.92) 0%, rgba(238,223,238,.86) 52%, rgba(234,220,239,.78) 100%) !important;
  box-shadow:none !important;
  opacity:.88 !important;
}
.mc-v4-hero-image{
  width:100% !important;
  max-width:610px !important;
  transform:translateY(8px) !important;
}
@media (min-width:1101px){
  .mc-v4-copy h1{
    max-width:760px !important;
  }
  .mc-v4-subtitle{
    max-width:680px !important;
  }
}

/* -------------------------------------------------
   FIX 3: COLLAGE inferior mas parecido al mockup
------------------------------------------------- */
.mc-v4-collage-section{
  padding:24px 0 0 !important;
}
.mc-v4-collage-section:before{
  height:95px !important;
  background:linear-gradient(180deg, rgba(251,243,247,.72), rgba(248,237,244,.15)) !important;
}
.mc-v4-collage-shell{
  overflow:visible !important;
}
.mc-v4-collage-placeholder{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:12px !important;
  min-height:255px !important;
  padding:20px 10px 6px !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
.mc-v4-cover{
  position:relative !important;
  flex:1 1 0 !important;
  max-width:175px !important;
  min-height:210px !important;
  border-radius:16px !important;
  padding:14px 12px !important;
  align-items:flex-end !important;
  box-shadow:0 18px 30px rgba(62,36,96,.18) !important;
  overflow:hidden !important;
  isolation:isolate !important;
}
.mc-v4-cover:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(0,0,0,.18)),
    radial-gradient(circle at 62% 28%, rgba(255,255,255,.28), transparent 24%);
  z-index:0 !important;
}
.mc-v4-cover:after{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  top:42px !important;
  bottom:48px !important;
  border-radius:14px !important;
  background:
    radial-gradient(circle at 50% 28%, rgba(255,237,225,.95) 0 14%, transparent 15%),
    radial-gradient(circle at 50% 42%, rgba(228,184,170,.78) 0 20%, transparent 21%),
    radial-gradient(circle at 50% 60%, rgba(210,150,170,.46) 0 30%, transparent 31%);
  opacity:.48 !important;
  z-index:0 !important;
}
.mc-v4-cover > *{
  position:relative !important;
  z-index:2 !important;
}
.mc-v4-cover{
  font-size:17px !important;
  letter-spacing:.2px !important;
  text-transform:none !important;
}
.mc-v4-cover.c1{transform:rotate(-9deg) translateY(18px) !important}
.mc-v4-cover.c2{transform:rotate(-5deg) translateY(4px) !important}
.mc-v4-cover.c3{transform:rotate(-1deg) translateY(0) !important}
.mc-v4-cover.c4{transform:rotate(3deg) translateY(6px) !important}
.mc-v4-cover.c5{transform:rotate(7deg) translateY(16px) !important}
.mc-v4-cover.c6{transform:rotate(11deg) translateY(26px) !important}

/* Mantener imagen real de collage bien presentada */
.mc-v4-collage-image{
  border-radius:24px !important;
  box-shadow:0 16px 34px rgba(62,36,96,.12) !important;
}

/* Desktop grande */
@media (min-width:1101px){
  .mc-v4-collage-placeholder{
    min-height:270px !important;
  }
  .mc-v4-cover{
    min-height:225px !important;
    max-width:182px !important;
  }
}

/* Tablet */
@media (max-width:1100px){
  .mc-v4-benefit-icon{
    width:58px !important;
    height:58px !important;
  }
  .mc-v4-benefit-text strong{
    font-size:15px !important;
  }
  .mc-v4-benefit-text span{
    font-size:14px !important;
  }
}

/* Movil */
@media (max-width:768px){
  .mc-v4-benefits{
    gap:12px !important;
  }
  .mc-v4-benefit{
    padding:0 !important;
  }
  .mc-v4-benefit-icon{
    width:54px !important;
    height:54px !important;
    margin-bottom:10px !important;
  }
  .mc-v4-benefit-text strong{
    font-size:14px !important;
  }
  .mc-v4-benefit-text span{
    font-size:13px !important;
  }
  .mc-v4-pastel-blob{
    left:12px !important;
    right:12px !important;
    top:24px !important;
    bottom:18px !important;
  }
  .mc-v4-hero-image{
    max-width:520px !important;
    margin:0 auto !important;
  }
  .mc-v4-collage-placeholder{
    gap:10px !important;
    padding:10px 4px 0 !important;
    min-height:180px !important;
  }
  .mc-v4-cover{
    min-height:150px !important;
    border-radius:12px !important;
    font-size:13px !important;
    padding:10px 8px !important;
  }
  .mc-v4-cover.c1{transform:rotate(-7deg) translateY(10px) !important}
  .mc-v4-cover.c2{transform:rotate(-4deg) translateY(2px) !important}
  .mc-v4-cover.c3{transform:rotate(-1deg) translateY(0) !important}
  .mc-v4-cover.c4{transform:rotate(2deg) translateY(3px) !important}
  .mc-v4-cover.c5{transform:rotate(5deg) translateY(8px) !important}
  .mc-v4-cover.c6{transform:rotate(7deg) translateY(12px) !important}
}

/* === MUNDOCATALOGOS V6 END === */

/* MUNDOCATALOGOS V7 FIX - PORTADAS REALES */

.mc-v7-gallery {
    display:flex;
    align-items:flex-end;
    justify-content:center;
    gap:12px;
    padding:28px 15px 12px;
    min-height:250px;
    overflow:hidden;
}

.mc-v7-magazine {
    position:relative;
    display:block;
    flex:1 1 0;
    min-width:0;
    max-width:190px;
    aspect-ratio:3/4;
    border-radius:10px;
    overflow:hidden;
    background:white;
    box-shadow:0 16px 30px rgba(65,34,92,.18);
    transition:transform .2s ease;
}

.mc-v7-magazine img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.mc-v7-magazine span {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:18px 9px 10px;
    font-size:12px;
    font-weight:800;
    color:white;
    background:linear-gradient(
        transparent,
        rgba(0,0,0,.68)
    );
}

.mc-v7-magazine:nth-child(8n+1) {
    transform:rotate(-9deg) translateY(17px);
}

.mc-v7-magazine:nth-child(8n+2) {
    transform:rotate(-6deg) translateY(8px);
}

.mc-v7-magazine:nth-child(8n+3) {
    transform:rotate(-3deg);
}

.mc-v7-magazine:nth-child(8n+4) {
    transform:rotate(-1deg);
}

.mc-v7-magazine:nth-child(8n+5) {
    transform:rotate(2deg);
}

.mc-v7-magazine:nth-child(8n+6) {
    transform:rotate(5deg) translateY(6px);
}

.mc-v7-magazine:nth-child(8n+7) {
    transform:rotate(8deg) translateY(15px);
}

.mc-v7-magazine:nth-child(8n+8) {
    transform:rotate(11deg) translateY(23px);
}

.mc-v7-magazine:hover {
    transform:translateY(-12px) rotate(0deg);
    z-index:3;
}

@media(max-width:768px) {
    .mc-v7-gallery {
        gap:7px;
        padding:15px 6px;
        min-height:150px;
    }

    .mc-v7-magazine {
        flex:0 0 23%;
    }

    .mc-v7-magazine:nth-child(n+5) {
        display:none;
    }

    .mc-v7-magazine span {
        font-size:10px;
        padding:12px 5px 6px;
    }
}