/*
 Theme Name:   OnAir2 Child
 Theme URI:    http://qantumthemes.com/
 Description:  OnAir2 Child Theme
 Author:       QantumThemes
 Author URI:   http://qantumthemes.com/helpdesk
 Template:     onair2
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         two-columns, right-sidebar
 Text Domain:  onair2-child
*/

/***************************************************************
****************************************************************
************* PUT YOUR CUSTOM STYLES BELOW ********************/

/* =============================================
   POST LIST LARGE — título dentro del contenido
   ============================================= */

/* POST LIST LARGE — título clonado en el contenido */
.qt-item-content.qt-card .qt-moved-title {
    margin: 0 0 10px 0;
}

.qt-item-content.qt-card .qt-moved-title a {
    color: #111111 !important;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.35);
    font-weight: 700;
    font-size: 1.1em;
    text-decoration: none;
    display: block;
    line-height: 1.3;
}

/* POST CARDS — título clonado debajo del header */
.qt-card-title-below {
    padding: 10px 14px 6px 14px;
    background: #fff;
}

.qt-card-title-below .qt-title a {
    color: #111111 !important;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.25);
    font-weight: 700;
    text-decoration: none;
    display: block;
    line-height: 1.3;
}

/* Oculta el título del centro de la imagen
   en Post List Large y Post Cards
   Sin tocar el slider ni ningún otro elemento */

.qt-part-archive-item:not(.qt-part-item-post-hero) .qt-header-mid .qt-title {
    display: none !important;
}

/* =====================================================================
   1. OCULTAR TÍTULO en Post List Large / Post Cards (NO afecta el slider)
   ===================================================================== */
.qt-part-archive-item:not(.qt-part-item-post-hero) .qt-header-mid .qt-title {
    display: none !important;
}


/* =====================================================================
   2. SLIDER (qt-part-item-post-hero) — TÍTULO COMO OVERLAY CLICKEABLE
   ===================================================================== */
.qt-part-item-post-hero .qt-item-header {
    position: relative;
}

.qt-part-item-post-hero .qt-title a.qt-t {
    font-size: 0 !important;
    color: transparent !important;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    display: block;
}


/* =====================================================================
   3. SUBIR qt-tags Y qt-title AL TOP DEL CONTENEDOR
      (usa align-self: requiere que el padre .qt-header-mid.qt-vc 
      o su contenedor sea flex — verificado en DevTools)
   ===================================================================== */
.qt-part-item-post-hero .qt-header-mid.qt-vc {
    align-self: flex-start !important;
    margin-top: 15px;
}


/* =====================================================================
   4. OCULTAR TEXTO DEL RESUMEN (qt-the-content) 
      manteniendo el contenedor en el DOM (sin display:none)
   ===================================================================== */
.qt-part-item-post-hero .qt-the-content.qt-spacer-s.small.hide-on-med-and-down > p {
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
}

/* --- BOTÓN / ÍCONO dentro del mismo bloque de resumen --- */
/* Por defecto: VISIBLE (opción B). 
   Si prefieres OCULTARLO también, comenta este bloque 
   y descomenta el de abajo ("Opción A: ocultar botón"). */
.qt-part-item-post-hero .qt-the-content .qt-btn {
    font-size: 16px;
    color: inherit;
}

/* --- Opción A: ocultar también el botón/ícono ---
.qt-part-item-post-hero .qt-the-content .qt-btn {
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
}
*/

/* 1. Ocultar título en Post List/Cards (no toca el slider) */
.qt-part-archive-item:not(.qt-part-item-post-hero) .qt-header-mid .qt-title {
    display: none !important;
}

/* 2. Slider: título como overlay clickeable invisible */
.qt-part-item-post-hero .qt-item-header {
    position: relative;
}
.qt-part-item-post-hero .qt-title a.qt-t {
    font-size: 0 !important;
    color: transparent !important;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    display: block;
}

/* 3. Categoría (qt-tags) subida al top, absoluta y controlada */
.qt-part-item-post-hero .qt-tags {
    position: absolute !important;
    top: 15px;
    left: 20px;
    z-index: 4;
    margin: 0 !important;
}
.qt-part-item-post-hero .qt-tags a {
    pointer-events: auto;
}

/* 4. Ocultar texto del resumen, manteniendo el contenedor en el DOM */
.qt-part-item-post-hero .qt-the-content.qt-spacer-s.small.hide-on-med-and-down > p {
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
}

/* 5. Ocultar el botón/ícono del resumen */
.qt-part-item-post-hero .qt-the-content .qt-btn {
    display: none !important;
}


/* =====================================================
   BOTÓN "Leer más" (qt-readmore) 
   Texto oculto por defecto, se revela en hover dentro del botón
   ===================================================== */
.qt-btn.qt-readmore {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;              /* recorta el texto mientras está oculto */
    white-space: nowrap;
    padding: 10px 14px;
    max-width: 44px;                /* ancho inicial = solo el ícono */
    transition: max-width 0.4s ease, background-color 0.3s ease, box-shadow 0.3s ease;
}

.qt-btn.qt-readmore:hover {
    max-width: 220px;               /* suficiente para el texto completo */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

/* Ícono: evitamos que se encoja al expandir el botón */
.qt-btn.qt-readmore i {
    flex-shrink: 0;
    transition: transform 0.3s ease;
}
.qt-btn.qt-readmore:hover i {
    transform: translateX(2px);
}

/* Texto revelado: oculto por defecto (ancho 0 + opacidad 0) */
.qt-btn.qt-readmore::after {
    content: "Ver contenido completo";
    display: inline-block;
    font-size: 13px;
    white-space: nowrap;
    margin-left: 8px;
    opacity: 0;
    transform: translateX(-6px);
    transition: opacity 0.3s ease 0.1s, transform 0.3s ease 0.1s;
}

.qt-btn.qt-readmore:hover::after {
    opacity: 1;
    transform: translateX(0);
}

/* ── Hero Section: slider full + sidebar absoluto ── */
.elementor-element-6b8f200 > .elementor-container {
    position: relative !important;
}

.elementor-element-b899893 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    position: relative !important;
    z-index: 1;
    padding: 0 !important;
}

.elementor-element-b899893 > .elementor-widget-wrap {
    position: relative !important;
    overflow: visible !important;
}

.elementor-element-ef7c5e1 {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 260px !important;
    max-width: 260px !important;
    height: 100% !important;
    z-index: 2;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-element-e134e5f {
    position: static !important;
}

.elementor-element-0b59d19 {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 260px !important;
    z-index: 10;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-element-0b59d19 .elementor-widget-container {
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-element-0b59d19 .ns-sidebar-header {
    padding-left: 40px !important;
}

@media screen and (max-width: 768px) {
    .elementor-element-b899893 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
    .elementor-element-ef7c5e1 {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        top: auto !important;
        right: auto !important;
    }
    .elementor-element-0b59d19 {
        position: relative !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
    }
    .elementor-element-0b59d19 .ns-sidebar-header {
        padding-left: 0 !important;
    }
}

/* ── Widget Archivos: fondo semitransparente ── */
#block-3 {
    background: rgba(0, 0, 0, 0.55);
    border-radius: 6px;
    padding: 0 0 12px 0;
    overflow: hidden;
}

#block-3 .wp-block-heading {
    background: rgba(0, 0, 0, 0.85);
    color: #fff !important;
    margin: 0 0 10px 0;
    padding: 10px 14px;
}

/* ── Acordeón de Archivos ── */
.arc-group {
    list-style: none;
    margin: 0 0 4px 0;
    padding: 0;
}

/* Permitir que el widget crezca al expandir el acordeón */
.wp-block-archives-list,
.wp-block-group__inner-container,
.wp-block-group {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
}

.arc-toggle {
    background: none;
    border: none;
    color: #fff;
    font-size: 0.95em;
    font-weight: 600;
    cursor: pointer;
    padding: 4px 0;
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    text-align: left;
    transition: color 0.2s;
}

.arc-toggle:hover {
    color: #cc2200;
}

.arc-icon {
    display: inline-block;
    width: 16px;
    font-style: normal;
    font-weight: 700;
    color: #cc2200;
}

.arc-sub {
    list-style: none;
    margin: 2px 0 6px 22px;
    padding: 0;
}

.arc-sub li {
    padding: 2px 0;
}

.arc-sub a {
    color: #ccc !important;
    font-size: 0.88em;
    text-decoration: none;
    transition: color 0.2s;
}

.arc-sub a:hover {
    color: #fff !important;
}

/* ── Iconos sociales del footer ── */
.qt-menu-social li.right a .qt-socialicon {
    transition: transform 0.25s ease, color 0.25s ease;
    display: block !important;
    line-height: 1;
}

.qt-menu-social li.right a:hover .qt-socialicon {
    transform: scale(1.4);
    color: #1a8cff !important;
}

/* ── Submenú CATEGORIAS en 2 columnas (desktop) ── */
#menu-item-46348 > .sub-menu {
    column-count: 2;
    column-gap: 0;
    min-width: 320px;
}

#menu-item-46348 > .sub-menu li {
    break-inside: avoid;
}

@media screen and (max-width: 768px) {
    #menu-item-46348 > .sub-menu {
        column-count: 1;
        min-width: unset;
    }
}

/* ── Iconos sociales del header ── */
.qt-menubar-top li.right a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 6px;
}

.qt-menubar-top li.right a .qt-socialicon {
    font-size: 1.6em !important;
    transition: transform 0.25s ease, font-size 0.25s ease;
    display: block !important;
    line-height: 1;
    width: 1.6em !important;
    height: 1.6em !important;
}

.qt-menubar-top li.right a:hover .qt-socialicon {
    font-size: 1.8em !important;
    transform: scale(1.2);
}

/* ── Botón volver arriba ── */
html body a.qt-to-top {
    border: 2px solid #ffffff !important;
    border-radius: 50%;
}

/* ── Overrides de color de links y tags ── */
html body .qt-content-aside a:not(.arc-toggle),
html body .qt-footer a:not(.arc-toggle),
html body .qt-tags a,
html body .qt_color_secondary,
html body .woocommerce div.product p.price,
html body .woocommerce div.product span.price,
html body .woocommerce ul.products li.product .price {
    color: #ffffff !important;
}

.qt-tags a {
    background-color: red !important;
}


.qt-part-archive-item.qt-vertical .qt-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}






.elementor-element-b899893 .slick-prev,
.elementor-element-b899893 .slick-next {
    display: none !important;
}

/* ── Exclusivas: reducir padding vertical de cada ítem ── */
.ns-item {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


span.qtFeedPlayerTrack,
span.qtFeedPlayerAuthor {
    display: none !important;
    visibility: hidden !important;
}