/* ====== ESTILOS BLOG KOLORIAN (scoped) — PALETA NUEVA ====== */
.kolorian-post{
  /* Paleta Kolorian */
  --violeta:#592065;   /* primario kolorian */
  --amarillo:#fcd006;  /* acento */
  --lila:#cfc0d5;      /* fondo suave */

  --card:#ffffff;
  --borde:#ece7f0;
  --texto:#16131a;
  --gris:#6b6a73;

  max-width:980px !important;
  margin:0 auto !important;
  padding:40px 20px !important;
  line-height:1.75 !important;
  color:var(--texto) !important;
  font-family: Arial, sans-serif !important;
}
/* LIMITAR TAMAÑO DE LOS MAPAS SOLO EN DESKTOP */
@media (min-width: 1024px) {
    .contacto-01 iframe {
        width: 400px !important;   /* el ancho que quieras */
        height: 200px !important;  /* alto ajustable */
        max-width: 300px !important;
        flex-shrink: 0 !important;  /* evita que se estire */
    }
}
/* Centrar el slider y evitar espacio en blanco */
.gallery-ss .swiper {
    width: 100% !important;
    margin: 0 auto !important;
}

/* Centrar el wrapper de slides */
.gallery-ss .swiper-wrapper {
    justify-content: center !important;
}

/* Evitar que cada slide quede con width extraño */
.gallery-ss .swiper-slide {
    flex: 0 0 auto;
}

/* Opcional: limitar tamaño máximo para que no quede gigante en desktop */
.gallery-ss .swiper-slide img {
    max-width: 350px;
    height: auto;
    margin: 0 auto;
    display: block;
}

/* Títulos */
.kolorian-post h1{
  font-size:clamp(28px,3.6vw,40px) !important;
  line-height:1.15 !important;
  margin:0 0 12px !important;
  color:var(--texto) !important;
}
.kolorian-post h2{
  font-size:clamp(22px,3vw,28px) !important;
  margin:30px 0 12px !important;
  color:var(--violeta) !important;
}
.kolorian-post h3{
  font-size:clamp(18px,2.2vw,22px) !important;
  margin:18px 0 8px !important;
}

/* Texto */
.kolorian-post p{ margin:12px 0 !important; }
.kolorian-post a{
  color:var(--violeta) !important;
  text-decoration:underline !important;
}
.kolorian-post .muted{ color:var(--gris) !important; }
.kolorian-post .lead{ font-size:1.08rem !important; }

/* Cajitas */
.kolorian-post .callout{
  background:var(--card) !important;
  border:1px solid var(--borde) !important;
  border-radius:14px !important;
  padding:14px 16px !important;
  box-shadow:0 2px 8px rgba(0,0,0,.03) !important;
  margin:12px 0 !important;
}
/* Fondo suave lila */
.kolorian-post .soft{
  background:#f6f1f8 !important; /* lila bien clarito para que no pese */
}

/* Badge */
.kolorian-post .badge{
  display:inline-block !important;
  background:#eee7f3 !important; /* lila suave */
  color:var(--violeta) !important;
  padding:4px 12px !important;
  border-radius:999px !important;
  font-size:.86rem !important;
  margin-bottom:8px !important;
  font-weight:700 !important;
}

/* Nota de imagen */
.kolorian-post .img-note{
  background:#fbf9ff !important; /* lila ultra clarito */
  border:1px dashed var(--amarillo) !important;
  padding:12px 14px !important;
  border-radius:12px !important;
  margin:12px 0 !important;
}

/* Botones CTA */
.kolorian-post .cta{
  display:flex !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  margin:22px 0 30px !important;
}
.kolorian-post .btn{
  display:inline-block !important;
  background:var(--violeta) !important;
  color:#fff !important;
  text-decoration:none !important;
  padding:12px 18px !important;
  border-radius:999px !important;
  font-weight:700 !important;
  transition:transform .08s ease,opacity .2s ease !important;
}
.kolorian-post .btn:hover{
  transform:translateY(-1px) !important;
  opacity:.96 !important;
}

/* Mantengo estas clases por si ya las usás en el HTML */
.kolorian-post .btn-dorado{
  background:var(--amarillo) !important;
  color:#111 !important;
}
.kolorian-post .btn-rosa{
  background:var(--amarillo) !important;
  color:#111 !important;
}

/* Separador */
.kolorian-post .hr{
  border-top:1px solid var(--borde) !important;
  margin:28px 0 !important;
}

/* Grillas */
.kolorian-post .grid{
  display:grid !important;
  gap:14px !important;
}
.kolorian-post .grid-2{
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr)) !important;
}
.kolorian-post .grid-3{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr)) !important;
}

/* Listas limpias */
.kolorian-post ul.clean{ padding-left:18px !important; }

/* Kicker arriba del título */
.kolorian-post .kicker{
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  color:var(--gris) !important;
  font-size:.84rem !important;
  margin-bottom:8px !important;
}

/* Índice */
.kolorian-post .toc{
  border-left:4px solid var(--violeta) !important;
  padding-left:14px !important;
  margin:12px 0 24px !important;
}

/* Resaltado en título */
.kolorian-post .highlight{
  background:linear-gradient(0deg,#efe7f4 0,#efe7f4 60%,transparent 60%) !important;
}

/* Volver al inicio */
.kolorian-post .back-top{
  display:inline-block !important;
  margin-top:6px !important;
  font-size:.92rem !important;
  color:var(--gris) !important;
}

/* Imágenes */
.kolorian-post figure{ margin:16px 0 !important; }
.kolorian-post figcaption{
  font-size:.9rem !important;
  color:var(--gris) !important;
  margin-top:6px !important;
}
.kolorian-post img{
  max-width:100% !important;
  height:auto !important;
  border-radius:14px !important;
}

/* Tablas */
.kolorian-post table{
  width:100% !important;
  border-collapse:collapse !important;
  margin:10px 0 18px !important;
  font-size:.98rem !important;
}
.kolorian-post th,
.kolorian-post td{
  border:1px solid var(--borde) !important;
  padding:10px !important;
  vertical-align:top !important;
}
.kolorian-post th{
  background:#faf8fb !important;
  text-align:left !important;
}

.contacto-01 iframe {
    width: 100% !important;
    max-width: 100% !important;
    height: 250px !important;
}

/* Responsive */
@media (max-width:768px){
  .kolorian-post{ padding:28px 16px !important; }
}