/* Aviso y badge de negocio cerrado - baq.com.co (2026-07-28) */

/* El contenedor de Elementor pinta un ::before absoluto a pantalla completa
   (background overlay) que en movil se traga el tap del enlace del aviso.
   El ::before vive en un contexto de apilamiento superior, asi que subir el
   z-index del aviso no sirve: hay que quitarle el pointer-events, y solo en
   los contenedores que realmente llevan el aviso. */
.e-con:has(.baq-closed)::before{pointer-events:none}

.baq-closed{
    position:relative;
    z-index:1;
    display:flex;
    gap:14px;
    align-items:flex-start;
    background:#F8F5EC;
    border:1px solid #E7DFCB;
    border-left:4px solid #CE5861;
    border-radius:10px;
    padding:18px 22px 18px 20px;
    margin:0 0 30px;
    font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
.baq-closed__icon{
    flex:0 0 auto;
    width:30px;
    height:30px;
    border-radius:50%;
    background:#CE5861;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:1px;
}
.baq-closed__icon svg{width:16px;height:16px;display:block}
.baq-closed__body{min-width:0}
.baq-closed__title{
    margin:0 0 5px;
    font-size:17px;
    line-height:1.3;
    font-weight:700;
    color:#1A1A1A;
    letter-spacing:-.005em;
}
.baq-closed__text{margin:0;font-size:15px;line-height:1.55;color:#55534C}
.baq-closed__meta{margin:9px 0 0;font-size:12.5px;line-height:1.4;color:#918E84}
.baq-closed__link{
    display:inline-block;
    margin-top:11px;
    font-size:14px;
    font-weight:600;
    color:#CE5861;
    text-decoration:none;
    border-bottom:1px solid rgba(206,88,97,.35);
    padding-bottom:1px;
}
.baq-closed__link:hover{border-bottom-color:#CE5861}

@media(max-width:600px){
    .baq-closed{padding:16px 16px 16px 15px;gap:12px;margin-bottom:24px}
    .baq-closed__title{font-size:16px}
    .baq-closed__text{font-size:14.5px}
}

/* Badge + foto atenuada, solo en tarjetas del loop */
.e-loop-item.baq-is-closed .elementor-widget-theme-post-featured-image .elementor-widget-container{position:relative}
.baq-badge{
    /* decorativo: el clic pasa al enlace de la imagen que hay debajo */
    pointer-events:none;
    position:absolute;
    top:12px;
    left:12px;
    z-index:2;
    background:#CE5861;
    color:#fff;
    font-family:'DM Sans',sans-serif;
    font-size:11.5px;
    font-weight:700;
    letter-spacing:.07em;
    text-transform:uppercase;
    padding:6px 11px;
    border-radius:3px;
    line-height:1;
    box-shadow:0 1px 4px rgba(0,0,0,.22);
}
.e-loop-item.baq-is-closed .elementor-widget-theme-post-featured-image img{
    filter:grayscale(.72) contrast(.93);
    opacity:.72;
    transition:filter .25s ease,opacity .25s ease;
}
.e-loop-item.baq-is-closed:hover .elementor-widget-theme-post-featured-image img{filter:grayscale(.2);opacity:.92}
/* especificidad alta a proposito: en movil Elementor pisa la regla corta */
.e-loop-item.baq-is-closed .elementor-widget-theme-post-title .elementor-heading-title,
.e-loop-item.baq-is-closed .elementor-widget-theme-post-title .elementor-heading-title a{color:#6F6D66}

@media(max-width:600px){
    .baq-badge{top:9px;left:9px;font-size:10.5px;padding:5px 9px}
}

/* WP Dark Mode: el plugin no recolorea estos nodos, se fija a mano */
html[data-wp-dark-mode-scheme="dark"] .baq-closed{background:#242322;border-color:#3A3835;border-left-color:#CE5861}
html[data-wp-dark-mode-scheme="dark"] .baq-closed__title{color:#F1EDE4}
html[data-wp-dark-mode-scheme="dark"] .baq-closed__text{color:#C7C2B8}
html[data-wp-dark-mode-scheme="dark"] .baq-closed__meta{color:#8E8A80}