/* Marco, flechas y puntos como el carrusel de Bloguiversos. */
.bch-carousel, .inicio-bch.bch-carousel--home, body.dark .inicio-bch.bch-carousel--home { position:relative; min-width:0; overflow:visible; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.bch-carousel__viewport { overflow:hidden; width:100%; border:1px solid rgba(241,146,141,.28); border-radius:24px; background:#f4efe9; box-sizing:border-box; }
body.dark .bch-carousel__viewport { border-color:#634743; background:#211d1b; }
.bch-carousel__track { display:flex; align-items:stretch; transition:transform .4s ease; }
.bch-carousel__slide { flex:0 0 100%; min-width:0; box-sizing:border-box; }
.bch-carousel__media { position:relative; min-width:0; height:180px; background:#e8e3dc; overflow:hidden; }
body.dark .bch-carousel__media { background:#292321; }
.bch-carousel__image { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:contain; object-position:center; }
.bch-carousel__body { padding:20px; min-width:0; overflow-wrap:anywhere; }
.bch-carousel__arrow { position:absolute; top:calc(50% - 18px); transform:translateY(-50%); z-index:1; display:grid; place-items:center; width:40px; height:40px; padding:0; border:0; border-radius:50%; background:rgba(20,20,20,.88); color:#fff; font:28px/1 Arial,sans-serif; cursor:pointer; }
.bch-carousel__arrow--prev { left:-18px; }
.bch-carousel__arrow--next { right:-18px; }
.bch-carousel__dots { display:flex; justify-content:center; align-items:center; height:36px; }
.bch-carousel__dots button { display:grid; place-items:center; width:22px; height:36px; padding:0; border:0; background:transparent; cursor:pointer; }
.bch-carousel__dots button::before { content:''; width:9px; height:9px; border-radius:9px; background:#595655; }
.bch-carousel__dots button.is-active { width:34px; }
.bch-carousel__dots button.is-active::before { width:26px; background:#a99f98; }
.bch-carousel button:focus-visible { outline:2px solid #f1928d; outline-offset:3px; }
.bch-carousel--landing .bch-carousel__slide { display:flex; align-items:stretch; }
.bch-carousel--landing .bch-carousel__media { width:34%; min-height:260px; height:auto; flex-shrink:0; }
.bch-carousel--landing .bch-carousel__body { flex:1; align-self:center; padding:28px; }
@media(max-width:700px) { .bch-carousel--landing .bch-carousel__slide { flex-direction:column; } .bch-carousel--landing .bch-carousel__media { width:100%; min-height:0; height:200px; } .bch-carousel--landing .bch-carousel__body { align-self:stretch; padding:22px; } .bch-carousel__arrow--prev { left:-12px; } .bch-carousel__arrow--next { right:-12px; } }
@media(prefers-reduced-motion:reduce) { .bch-carousel__track { transition:none; } }

/* Ajustes del carrusel lateral y móvil de Home. */
.bch-carousel--home.bch-carousel--has-image .bch-carousel__arrow { top:152px; width:38px; height:38px; background:rgba(0,0,0,.6); }
.bch-carousel--home .bch-carousel__arrow--prev { left:10px; }
.bch-carousel--home .bch-carousel__arrow--next { right:10px; }
.bch-carousel--home .bch-carousel__dots, .bch-carousel--home .bch-carousel__dots button { height:28px; }
.bch-carousel--home .bch-carousel__dots button.is-active::before { background:#f1928d; }
.bch-carousel__meta-line { display:flex; align-items:center; gap:7px; }
.bch-carousel__meta-line + .bch-carousel__meta-line { margin-top:4px; }
.bch-carousel__meta-line svg { width:15px; height:15px; flex-shrink:0; }