.bc-news{padding-bottom:100px}.bc-news a{text-decoration:none}.bc-news h2.title,.bc-news h4.post-title,.bc-news h3.post-title{line-height:1.3;font-weight:500;margin-top:15px;color:#1a2b48;font-size:28px}.bc-news .bc_content{padding:30px 0}.bc-news .bc_banner{background-color:#1a2b48;background-position:center;background-repeat:no-repeat;background-size:cover;padding:100px 0;position:relative}.bc-news .bc_banner h1{font-size:36px;color:#fff;letter-spacing:0;text-align:left;margin:0}.bc-news .list-news{margin:0 0 30px}.bc-news .list-news .post-header{margin-bottom:15px}.bc-news .article{margin-bottom:40px}.bc-news .article h1.title,.bc-news .article h2.title,.bc-news .article h4.post-title,.bc-news .article h3.post-title{line-height:1.3;font-weight:500;margin-top:15px;color:#1a2b48;font-size:28px}.bc-news .article .post-header{max-height:350px;overflow:hidden}.bc-news .author-info{margin-top:40px;padding:30px;border:1px solid #D7DCE3;border-radius:3px}.bc-news .author-info .media{display:flex;align-items:center}.bc-news .author-info .media .avatar{border-radius:100px;margin-right:20px}.bc-news .space-between{justify-content:space-between;-webkit-box-pack:justify;display:-webkit-box;margin:30px 0}.bc-news .space-between .tags .tag-item{color:#1a2b48;font-size:11px;padding:8px 20px;background:#f7f6f6;margin-right:10px;margin-bottom:10px;text-transform:uppercase;font-weight:500;text-decoration:none}.bc-news .space-between .share{font-size:14px;color:#1a2b48}.bc-news .space-between .share .share-item{margin-left:8px;margin-right:8px;color:#5e6d77}.bc-news .post-content{color:#5e6d77;font-size:15px}.bc-news .post-content img{max-width:100%;height:auto!important}.bc-news .header{position:relative}.bc-news .header img{max-width:100%;height:auto;width:780px}.bc-news .header .cate{position:absolute;top:30px;left:30px;overflow:hidden}.bc-news .header .cate ul{padding:0;margin:0}.bc-news .header .cate ul li{list-style:none;float:left;margin-right:10px;border-radius:3px;background:#5191fa;margin-bottom:5px}.bc-news .header .cate ul li a{color:#fff;padding:5px 10px;display:block;text-decoration:none}.bc-news .widget_search form{display:flex}.bc-news .widget_search form input[type=text]{height:40px;font-size:14px;color:#5e6d77;font-style:italic;border-radius:3px 0 0 3px;border:1px solid #1a2b48}.bc-news .widget_search form button{height:40px;background:#1a2b48;border-radius:0 3px 3px 0;border:none;width:40px;text-align:center}.bc-news .widget_search form .icon_search{background-image:url(/images/search.png);background-size:20px;background-repeat:no-repeat;background-position:center}.bc-news .sidebar-widget{margin-bottom:30px}.bc-news .sidebar-widget .sidebar-title{position:relative}.bc-news .sidebar-widget .sidebar-title h4,.bc-news .sidebar-widget .sidebar-title h2{font-size:16px;color:#1a2b48;font-weight:500;background-color:#fff;position:relative;display:inline-block;z-index:9;padding-right:25px;padding-bottom:20px;margin:0}.bc-news .sidebar-widget .sidebar-title:after{content:"";height:1px;background:#d7dce3;display:block;position:absolute;top:9px;width:100%;margin-top:0}.bc-news .widget_category .title h4{font-size:16px;color:#1a2b48;font-weight:500;display:inline-block;z-index:9;padding-right:25px;margin:0;padding-bottom:20px}.bc-news .widget_category ul{padding:0;margin:0}.bc-news .widget_category ul li{margin-bottom:20px;list-style:none}.bc-news .widget_category ul li span{height:6px;width:6px;display:inline-block;position:relative;top:-1px;border-radius:50%;margin-right:15px;background:#5191fa}.bc-news .widget_category ul li a{font-weight:500;font-size:14px;color:#1a2b48}.bc-news .widget_bloglist ul{padding:0;margin:0}.bc-news .widget_bloglist ul li{list-style:none;display:flex;margin-bottom:20px}.bc-news .widget_bloglist ul li .thumb img{border-radius:3px;margin-right:15px;max-width:100px}.bc-news .widget_bloglist ul li .content .cate{text-transform:uppercase}.bc-news .widget_bloglist ul li .content .cate a{font-size:12px;font-weight:600}.bc-news .widget_bloglist ul li .content .thumb-list-item-title{font-weight:500;font-size:14px}.bc-news .widget_bloglist ul li .content .thumb-list-item-title a{color:#1a2b48;line-height:24px;font-size:15px}.bc-news .widget_tag_cloud .tagcloud a{font-size:11px!important;color:#1a2b48!important;font-weight:500;background:#f7f6f6!important;border-radius:3px;padding:9px 20px;display:inline-block;margin-bottom:10px;margin-right:10px;text-transform:uppercase;text-decoration:none}.bc-news .text-darken{color:#1a2b48}.bc-news .post_item{margin-bottom:40px}.bc-news .post-info{margin-bottom:20px}.bc-news .post-info ul{padding:0;margin:0;display:flex}.bc-news .post-info ul li{list-style:none;float:left;display:flex;align-items:center;justify-content:center;font-size:14px;color:#5e6d77;text-transform:uppercase;font-weight:500;margin-right:10px}.bc-news .post-info ul li a{text-decoration:none;color:#1a2b48}.bc-news .post-info ul li span{margin-right:5px}.bc-news .post-info ul li img{border-radius:50%;width:30px;height:30px;margin-right:12px}.bc-news .post-info ul li .avatar-text{background:#1a2b48;border-radius:50%;width:30px;height:30px;display:inline-block;text-align:center;padding-top:5px;font-size:15px;top:-2px;margin-right:5px;position:relative;color:#fff}.bc-news .post-info ul li:not(:last-child):after{content:"";height:6px;width:6px;background:#eee;margin-left:12px;border-radius:50%}.bc-news .btn-readmore{font-size:14px;color:#5191fa;font-weight:600;text-transform:uppercase;margin-top:20px;display:inline-block}.bc-news .header img{width:780px}

/* ── Blog: caja de la foto y radios del tema ───────────────────────────
   Va AL FINAL a propósito: pesa lo mismo que las reglas de arriba y gana por
   orden, sin un solo !important. Los radios salen de public_html/css/tokens.css
   (--rc-r-*), que los cuatro layouts enlazan; el valor de respaldo es por si
   esta hoja se sirve suelta.

   LA FOTO NO DECIDE EL ALTO. `width:780px;height:auto` dejaba que una foto
   vertical de móvil ocupara metro y medio de pantalla y empujara el texto
   fuera. Con una caja de proporción fija y `object-fit:cover` la foto se
   recorta dentro y todas las tarjetas miden lo mismo; además el hueco está
   reservado antes de que la imagen llegue, así que nada salta al cargar. */
.bc-news .header img,
.bc-news .article .post-header img{
    width:100%;
    height:auto;
    aspect-ratio:16/9;
    object-fit:cover;
    object-position:center;
    border-radius:var(--rc-r-lg,16px);
    display:block;
}

/* El recorte lo hace la caja de la imagen, no un overflow del contenedor:
   así la esquina redonda se ve y la foto no se corta por arriba. */
.bc-news .article .post-header{
    max-height:none;
    overflow:visible;
    margin-bottom:24px;
}

.bc-news .list-news .post-header{margin-bottom:18px;}

/* La etiqueta de la categoría, encima de la foto. */
.bc-news .header .cate ul li{border-radius:var(--rc-r-pill,9999px);}

/* Miniaturas de la barra lateral: cuadro fijo, para que la lista no baile
   según venga la foto apaisada o vertical. */
.bc-news .widget_bloglist ul li .thumb img{
    width:100px;
    height:75px;
    object-fit:cover;
    border-radius:var(--rc-r-md,8px);
}

/* Etiquetas, buscador y ficha del autor, con los radios de la casa. */
.bc-news .space-between .tags .tag-item,
.bc-news .widget_tag_cloud .tagcloud a{border-radius:var(--rc-r-pill,9999px);}
.bc-news .widget_search form input[type=text]{border-radius:var(--rc-r-md,8px) 0 0 var(--rc-r-md,8px);}
.bc-news .widget_search form button{border-radius:0 var(--rc-r-md,8px) var(--rc-r-md,8px) 0;}
.bc-news .author-info{border-radius:var(--rc-r-lg,16px);border-color:var(--rc-line,#d7dce3);}

/* La galería del artículo, cuando lleva varias fotos. */
.bc-news .g-gallery .fotorama,
.bc-news .g-gallery img{border-radius:var(--rc-r-lg,16px);}

/* Las fotos que el autor mete DENTRO del texto: mismo redondeo, y nunca más
   altas que la pantalla —una foto vertical de móvil en medio de un párrafo
   deja al lector haciendo scroll a ciegas—. */
.bc-news .post-content img{
    border-radius:var(--rc-r-lg,16px);
    max-height:80vh;
    width:auto;
    object-fit:contain;
}

/* En el teléfono la tarjeta gana algo de alto: 16/9 a 360 px de ancho deja una
   tira en la que no se distingue nada. */
@media (max-width:767px){
    .bc-news .header img,
    .bc-news .article .post-header img{aspect-ratio:4/3;}
    .bc-news .bc_banner{padding:60px 0;}
    .bc-news .bc_banner h1{font-size:26px;}
}

/* La etiqueta de la categoría, encima de la foto: texto blanco de verdad.
   `color:#fff` ya estaba arriba y perdía. Gana `body.bc-skin .bc_wrap
   a:not(.btn):not([class*="btn-"]):not(.bc-theme-cta):not(.bc-logo):not(
   .bc-logo-text)` de chisfis-skin, que pinta TODO enlace con el color de la
   marca y suma siete clases de peso; para superarla por especificidad harían
   falta ocho, así que aquí se marca. El resultado sin esto es el color de la
   marca sobre el color de la marca: la píldora se ve vacía. */
.bc-news .header .cate ul li a{color:#fff !important;}