/**
 * Estilos de módulos de la home (textos_categoria, etc.)
 * Se carga en toda la web para que el módulo funcione aunque one-producto.css
 * solo se cargue en la página de producto.
 */

/* =============================================================================
   Módulo textos_categoria: acordeón y tabs según page-faq.html
   ============================================================================= */

/* Acordeón: bloques colapsables */
.one-modulo-textos-categoria .one-collapse-block {
    margin-top: 23px;
}
.one-modulo-textos-categoria .one-collapse-block:first-child {
    margin-top: 0;
}
.one-modulo-textos-categoria .one-collapse-block .one-item .one-collapse-title {
    color: #333333;
    cursor: pointer;
    transition: all 0.2s;
    padding: 14px 0;
}
.one-modulo-textos-categoria .one-collapse-block .one-item .one-collapse-title .one-icon,
.one-modulo-textos-categoria .pt-tabs .one-icon {
    display: inline-block;
    position: relative;
    top: -5px;
    transition: all 0.15s linear;
    margin-left: 3px;
    color: #999999;
}
.one-modulo-textos-categoria .one-collapse-block .one-item .one-collapse-title:hover {
    color: #00a89d;
}
.one-modulo-textos-categoria .one-collapse-block .one-item .one-collapse-content {
    margin-top: 8px;
    padding-bottom: 15px;
}
.one-modulo-textos-categoria .one-collapse-block .one-item .one-collapse-content .one-list-dot {
    margin-top: 21px;
}
.one-modulo-textos-categoria .one-collapse-block .one-item.active .one-collapse-title {
    padding-bottom: 15px;
    color: #00a89d;
}
.one-modulo-textos-categoria .one-collapse-block .one-item.active .one-collapse-title .one-icon {
    top: -3px;
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1);
}
.one-modulo-textos-categoria .one-collapse-block .one-item:not(:first-child) {
    border-top: 1px solid #ebebeb;
}
.one-modulo-textos-categoria .one-collapse-block .one-item img {
    max-width: 100%;
    height: auto;
}

/* Tabs: layout horizontal */
.one-modulo-textos-categoria.one-product-acordeon-tabs-fullwidth .pt-tabs {
    overflow: hidden;
}
.one-modulo-textos-categoria.one-product-acordeon-tabs-fullwidth .pt-tabs .pt-tabs__head::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
}
.one-modulo-textos-categoria.one-product-acordeon-tabs-fullwidth .pt-tabs .pt-tabs__head > ul {
    list-style: none;
    padding: 0;
    margin: 0 -17px;
    flex-wrap: wrap;
    display: flex;
}
.one-modulo-textos-categoria.one-product-acordeon-tabs-fullwidth .pt-tabs .pt-tabs__head > ul > li {
    padding: 0 17px;
}
.one-modulo-textos-categoria.one-product-acordeon-tabs-fullwidth .pt-tabs .pt-tabs__head > ul > li > span:hover,
.one-modulo-textos-categoria.one-product-acordeon-tabs-fullwidth .pt-tabs .pt-tabs__head > ul > li.active > span {
    color: #00a89d;
}
.one-modulo-textos-categoria.one-product-acordeon-tabs-fullwidth .pt-tabs .pt-tabs__body > div:not(:first-child) > span {
    border-top: solid 1px #ebebeb;
}
.one-modulo-textos-categoria.one-product-acordeon-tabs-fullwidth .pt-tabs .pt-tabs__body > div > div {
    display: none;
}
.one-modulo-textos-categoria.one-product-acordeon-tabs-fullwidth .pt-tabs .pt-tabs__body > div.active > div {
    display: block;
}
.one-modulo-textos-categoria.one-product-acordeon-tabs-fullwidth .pt-tabs .pt-tabs__body > div > div:not(.nomargin) {
    padding: 56px 0 0;
}
.one-modulo-textos-categoria.one-product-acordeon-tabs-fullwidth .pt-tabs .pt-tabs__border {
    position: absolute;
    width: 100px;
    left: 0;
    bottom: 0;
    border-bottom: solid 2px #00a89d;
}

@media only screen and (max-width: 1024px) {
    .one-modulo-textos-categoria.one-product-acordeon-tabs-fullwidth .pt-tabs .pt-tabs__head {
        display: none;
    }
    .one-modulo-textos-categoria.one-product-acordeon-tabs-fullwidth .pt-tabs .pt-tabs__body > div > span {
        position: relative;
        display: block;
        padding: 16px 0 15px;
        color: #333333;
        cursor: pointer;
        transition: all 0.2s linear;
    }
    .one-modulo-textos-categoria.one-product-acordeon-tabs-fullwidth .pt-tabs .pt-tabs__body > div > div {
        padding: 30px 0 27px;
        border-top: solid 1px #ebebeb;
    }
    .one-modulo-textos-categoria.one-product-acordeon-tabs-fullwidth .pt-tabs .pt-tabs__body > div:hover > span,
    .one-modulo-textos-categoria.one-product-acordeon-tabs-fullwidth .pt-tabs .pt-tabs__body > div.active > span {
        color: #00a89d;
    }
}

@media only screen and (min-width: 1025px) {
    .one-modulo-textos-categoria.one-product-acordeon-tabs-fullwidth .pt-tabs .pt-tabs__head {
        position: relative;
        visibility: visible;
        margin-top: 0;
    }
    .one-modulo-textos-categoria.one-product-acordeon-tabs-fullwidth .pt-tabs .pt-tabs__body {
        border-top: solid 1px #ebebeb;
        margin-top: -1px;
    }
    .one-modulo-textos-categoria.one-product-acordeon-tabs-fullwidth .pt-tabs .pt-tabs__body > div > span {
        display: none;
    }
}

.one-modulo-textos-categoria .one-product-tabs-wrapper {
    width: 100%;
    margin-top: 1.5rem;
}
.one-modulo-textos-categoria .one-product-tabs-wrapper .pt-product-page__tabs {
    width: 100%;
}

/* Icono según page-faq.html (15px) */
.one-modulo-textos-categoria .one-collapse-title .one-icon svg,
.one-modulo-textos-categoria .pt-tabs .pt-tabs__head .one-icon svg,
.one-modulo-textos-categoria .pt-tabs .pt-tabs__body .one-icon svg {
    width: 15px !important;
    height: 15px !important;
}

/* Título pestaña (padding) */
.one-modulo-textos-categoria .pt-tabs .pt-tabs__head > ul > li > span,
.one-modulo-textos-categoria .pt-tabs .pt-tabs__body > div > span {
    position: relative;
    display: block;
    padding: 10px 0 14px;
    color: #333333;
    cursor: pointer;
    transition: all 0.2s linear;
}
@media only screen and (max-width: 1024px) {
    .one-modulo-textos-categoria .pt-tabs .pt-tabs__body > div > span {
        padding: 16px 0 15px;
    }
}

/* Hover/activo: color verde (layout, no tipografía) */
.one-modulo-textos-categoria .one-collapse-block .one-item .one-collapse-title:hover,
.one-modulo-textos-categoria .one-collapse-block .one-item.active .one-collapse-title,
.one-modulo-textos-categoria .pt-tabs .pt-tabs__head > ul > li > span:hover,
.one-modulo-textos-categoria .pt-tabs .pt-tabs__head > ul > li.active > span,
.one-modulo-textos-categoria .pt-tabs .pt-tabs__body > div > span:hover,
.one-modulo-textos-categoria .pt-tabs .pt-tabs__body > div.active > span {
    color: #00a89d !important;
}

/* pt-accordeon (prueba.php): texto del contenido */
.pt-accordeon .pt-accordeon-content .pt-inner-indent p,
.pt-accordeon .pt-accordeon-content .pt-inner-indent ul,
.pt-accordeon .pt-accordeon-content .pt-inner-indent ol {
    font-size: 16px !important;
    line-height: 26px !important;
    font-weight: 400 !important;
    color: #333333;
}

/* =============================================================================
   one-titulo-faqs / one-textos-faqs - Solo cuando textos_aplicar_css=2
   textos_aplicar_css: 0=Definir estilos (módulo), 1=Estilo de cada texto, 2=Por defecto
   Especificidad alta para ganar a otros estilos del sitio
   ============================================================================= */
.one-modulo-textos-categoria .one-titulo-faqs,
.one-modulo-textos-categoria .one-collapse-title.one-titulo-faqs,
.one-modulo-textos-categoria .one-tab-label.one-titulo-faqs {
    font-size: 24px !important;
    line-height: 35px !important;
    font-weight: 700 !important;
    color: #333333 !important;
}
.one-modulo-textos-categoria .one-titulo-faqs:hover,
.one-modulo-textos-categoria .one-item.active .one-titulo-faqs,
.one-modulo-textos-categoria li.active .one-titulo-faqs,
.one-modulo-textos-categoria .pt-tabs__body > div.active > span.one-titulo-faqs {
    color: #00a89d !important;
}
.one-textos-faqs,
.one-textos-faqs .one-ficha54-copete,
.one-textos-faqs .one-ficha54-texto,
.one-textos-faqs .one-ficha54-content,
.one-textos-faqs p,
.one-textos-faqs ul,
.one-textos-faqs ol {
    font-size: 16px !important;
    line-height: 26px !important;
    font-weight: 400 !important;
    color: #333333 !important;
}
.one-textos-faqs .one-ficha54-copete {
    font-size: 18px !important;
    line-height: 28px !important;
    margin-bottom: 20px !important;
}

/* =============================================================================
   Imagen de fondo textos_categoria: fija (background-attachment: fixed)
   No se mueve al tocar los items (tabs/acordeón)
   ============================================================================= */
.modulo-textos-categoria-con-bg .modulo-home-bg,
.one-fila-modulos.modulo-textos-categoria-con-bg .modulo-home-bg {
    background-attachment: fixed !important;
}