.elementor-3481 .elementor-element.elementor-element-4d876f5{text-align:center;}.elementor-3481 .elementor-element.elementor-element-4d876f5 img{width:320px;}@media(max-width:1024px){.elementor-3481 .elementor-element.elementor-element-4d876f5 img{width:280px;}}@media(max-width:767px){.elementor-3481 .elementor-element.elementor-element-4d876f5 img{width:250px;}}/* Start custom CSS for heading, class: .elementor-element-14e65ac *//* =========================================================
   TÍTULO PORTAL DE TRANSPARENCIA
   ========================================================= */

.gupane-hero-title {
    position: relative;
    z-index: 10;

    width: 100%;

    transform: translateY(-78px);
    margin-bottom: -80px;

    text-align: center;
}

.gupane-hero-title .elementor-heading-title {
    margin: 0;

    color: #ffffff !important;

    font-size: 52px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;

    text-shadow:
        0 2px 7px rgba(0, 0, 0, .35);
}


/* TABLET */

@media (max-width: 1024px) {

    .gupane-hero-title {
        transform: translateY(-65px);
        margin-bottom: -48px;
    }

    .gupane-hero-title .elementor-heading-title {
        font-size: 42px;
    }

}


/* MÓVIL */

@media (max-width: 767px) {

    .gupane-hero-title {
        transform: translateY(-45px);
        margin-bottom: -30px;
    }

    .gupane-hero-title .elementor-heading-title {
        font-size: 29px;
        line-height: 1.15;

        text-shadow:
            0 2px 6px rgba(0, 0, 0, .35);
    }

}
@media (max-width: 767px) {

    .gupane-transparencia .elementor-widget-text-editor:first-of-type {
        margin-top: -10px;
    }

}
@media (max-width: 767px) {

    .gupane-transparencia {
        padding-top: 0;
    }

    .gupane-transparencia .elementor-widget-text-editor:first-of-type {
        margin-top: -12px;
    }

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-ca86748 *//* =========================================================
   PORTAL DE TRANSPARENCIA
   CLUB VOLEIBOL GUPANE
   CSS FINAL
   ========================================================= */


/* =========================================================
   VARIABLES Y COLORES
   ========================================================= */

.gupane-transparencia {
    --gupane-primary: #3c4c7e;
    --gupane-primary-dark: #2d3b67;
    --gupane-primary-light: #eef1f8;
    --gupane-gold: #dcae24;

    --gupane-text: #2d323b;
    --gupane-muted: #6d7480;
    --gupane-border: #d9deea;
    --gupane-soft: #f6f8fc;
    --gupane-white: #ffffff;

    color: var(--gupane-text);
}


/* =========================================================
   TÍTULO PORTAL SOBRE LA IMAGEN
   El widget debe tener la clase: gupane-hero-title
   ========================================================= */

.gupane-hero-title {
    position: relative;
    z-index: 10;

    width: 100%;

    transform: translateY(-78px);
    margin-bottom: -60px;

    text-align: center;
}

.gupane-hero-title .elementor-heading-title {
    margin: 0;

    color: #ffffff !important;

    font-size: 52px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;

    text-shadow:
        0 2px 7px rgba(0, 0, 0, .35);
}


/* =========================================================
   TEXTO INTRODUCTORIO
   ========================================================= */

.gupane-transparencia .elementor-widget-text-editor {
    color: var(--gupane-text);
}

.gupane-transparencia .elementor-widget-text-editor p {
    line-height: 1.65;
}


/* =========================================================
   LOGO DEL COMISIONADO
   ========================================================= */

.gupane-transparencia .elementor-widget-image img {
    transition:
        opacity .2s ease,
        transform .2s ease;
}

.gupane-transparencia .elementor-widget-image a:hover img {
    opacity: .88;
    transform: translateY(-1px);
}


/* =========================================================
   BUSCADOR
   ========================================================= */

.gupane-transparencia .gupane-search-box {
    margin: 30px 0 28px;
    padding: 22px;

    background: var(--gupane-primary-light);

    border: 1px solid #d6dbea;
    border-top: 4px solid var(--gupane-primary);

    border-radius: 10px;
}

.gupane-transparencia .gupane-search-label {
    display: block;

    margin-bottom: 9px;

    color: var(--gupane-primary-dark);

    font-size: 15px;
    font-weight: 700;
}

.gupane-transparencia .gupane-search-input-wrap {
    position: relative;
    width: 100%;
}

.gupane-transparencia .gupane-search-input {
    width: 100%;
    height: 54px;

    padding: 0 50px 0 17px;

    background: #ffffff;

    border: 1px solid #c4cad9;
    border-radius: 7px;

    color: var(--gupane-text);

    font-size: 15px;

    outline: none;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.gupane-transparencia .gupane-search-input::placeholder {
    color: #9298a3;
}

.gupane-transparencia .gupane-search-input:focus {
    border-color: var(--gupane-primary);

    box-shadow:
        0 0 0 3px rgba(60, 76, 126, .12);
}


/* BOTÓN X DEL BUSCADOR */

.gupane-transparencia .gupane-search-clear {
    position: absolute;

    top: 50%;
    right: 10px;

    transform: translateY(-50%);

    width: 34px;
    height: 34px;

    padding: 0;

    border: 0;
    border-radius: 50%;

    background: transparent;

    color: var(--gupane-primary);

    font-size: 23px;
    line-height: 34px;
    text-align: center;

    cursor: pointer;

    transition:
        background .2s ease,
        color .2s ease,
        opacity .2s ease;
}

.gupane-transparencia .gupane-search-clear:hover {
    background: #e2e6f1;
    color: var(--gupane-primary-dark);
}

.gupane-transparencia
.gupane-search-input:placeholder-shown
+ .gupane-search-clear {
    opacity: 0;
    pointer-events: none;
}


/* CONTADOR DE RESULTADOS DEL BUSCADOR */

.gupane-transparencia .gupane-search-info {
    margin-top: 9px;
    min-height: 18px;
}

.gupane-transparencia .gupane-search-count {
    color: var(--gupane-muted);

    font-size: 13px;
}


/* SIN RESULTADOS */

.gupane-transparencia .gupane-search-empty {
    margin-top: 14px;
    padding: 13px 15px;

    background: #ffffff;

    border-left: 4px solid var(--gupane-gold);
    border-radius: 5px;

    color: var(--gupane-text);

    font-size: 14px;
}


/* =========================================================
   CONMUTADORES
   ========================================================= */

.gupane-transparencia .elementor-toggle {
    border: 0;
}

.gupane-transparencia .elementor-toggle-item {
    margin-bottom: 10px;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid var(--gupane-border);
    border-radius: 8px;

    box-shadow:
        0 2px 8px rgba(32, 43, 73, .035);
}


/* TÍTULO CERRADO */

.gupane-transparencia .elementor-tab-title {
    padding: 17px 19px !important;

    background: var(--gupane-soft);

    border: 0 !important;

    color: var(--gupane-primary) !important;

    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;

    transition:
        background .2s ease,
        color .2s ease;
}

.gupane-transparencia .elementor-tab-title:hover {
    background: #eceff6;
    color: var(--gupane-primary-dark) !important;
}


/* TÍTULO ABIERTO */

.gupane-transparencia
.elementor-tab-title.elementor-active {
    background: var(--gupane-primary);

    color: #ffffff !important;

    border-left: 5px solid var(--gupane-gold) !important;
}


/* ICONOS */

.gupane-transparencia
.elementor-tab-title
.elementor-toggle-icon,

.gupane-transparencia
.elementor-tab-title
.elementor-toggle-icon i {
    color: currentColor;
}


/* =========================================================
   CONTENIDO DE LOS CONMUTADORES
   ========================================================= */

.gupane-transparencia .elementor-tab-content {
    padding: 24px 26px 26px !important;

    background: #ffffff;

    border: 0 !important;

    color: var(--gupane-text);

    font-size: 15px;
    line-height: 1.65;
}

.gupane-transparencia
.elementor-tab-content > p:first-child {
    margin-top: 0;
}


/* =========================================================
   LISTAS
   ========================================================= */

.gupane-transparencia
.elementor-tab-content ul {
    margin: 16px 0 20px;

    padding-left: 24px;
}

.gupane-transparencia
.elementor-tab-content li {
    margin-bottom: 14px;

    padding-left: 3px;
}

.gupane-transparencia
.elementor-tab-content li::marker {
    color: var(--gupane-gold);
}


/* =========================================================
   BOTONES PDF · DOC · ODT · WEB
   ========================================================= */

.gupane-transparencia
.elementor-tab-content li a {
    display: inline-block;

    margin-top: 5px;
    margin-right: 3px;

    padding: 4px 10px;

    background: var(--gupane-primary);

    border: 1px solid var(--gupane-primary);
    border-radius: 5px;

    color: #ffffff !important;

    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;

    text-decoration: none !important;

    transition:
        background .18s ease,
        border-color .18s ease,
        transform .18s ease;
}

.gupane-transparencia
.elementor-tab-content li a:hover {
    background: var(--gupane-primary-dark);

    border-color: var(--gupane-primary-dark);

    color: #ffffff !important;

    transform: translateY(-1px);
}


/* =========================================================
   DOCUMENTOS SIN ARCHIVO
   ========================================================= */

.gupane-transparencia .gupane-file-disabled {
    display: inline-block;

    margin-top: 5px;
    margin-right: 3px;

    padding: 4px 10px;

    background: #eceef3;

    border: 1px solid #dadde4;
    border-radius: 5px;

    color: #9a9da5;

    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
}


/* =========================================================
   SUBTÍTULOS INTERNOS
   ========================================================= */

.gupane-transparencia .gupane-subsection-title {
    margin: 25px 0 12px;

    padding: 9px 13px;

    background: var(--gupane-primary-light);

    border-left: 4px solid var(--gupane-gold);
    border-radius: 4px;

    color: var(--gupane-primary-dark);

    font-size: 15px;
}


/* =========================================================
   AVISOS
   ========================================================= */

.gupane-transparencia .gupane-notice {
    margin: 20px 0;

    padding: 14px 17px;

    background: #f7f8fb;

    border: 1px solid #dfe2eb;
    border-left: 4px solid var(--gupane-primary);

    border-radius: 5px;

    color: #454b55;
}


/* =========================================================
   FECHA DE ACTUALIZACIÓN
   ========================================================= */

.gupane-transparencia .gupane-update-date {
    margin: 28px 0 0;

    padding: 15px 0 0;

    border-top: 1px solid var(--gupane-border);

    color: var(--gupane-muted);

    font-size: 13px;
}

.gupane-transparencia
.gupane-update-date strong {
    color: var(--gupane-muted);
}


/* =========================================================
   CONTADOR DE VISITAS - WP VIEWS COUNTER
   El widget Shortcode debe tener:
   Clase CSS: gupane-visitas
   ========================================================= */

.gupane-transparencia .gupane-visitas {
    margin-top: 28px;
    margin-bottom: 25px;

    text-align: center;
}

.gupane-transparencia
.gupane-visitas .elementor-shortcode {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 6px;

    padding: 10px 18px;

    background: var(--gupane-primary-light);

    border: 1px solid #d2d7e5;
    border-radius: 30px;

    color: var(--gupane-primary);

    font-size: 13px;
    font-weight: 800;
}

.gupane-transparencia
.gupane-visitas .elementor-shortcode::before {
    content: "Visitas:";

    color: var(--gupane-primary-dark);

    font-weight: 600;
}


/* =========================================================
   ACCESIBILIDAD / FOCO DE TECLADO
   ========================================================= */

.gupane-transparencia a:focus-visible,
.gupane-transparencia button:focus-visible,
.gupane-transparencia input:focus-visible {
    outline: 3px solid rgba(220, 174, 36, .45);

    outline-offset: 2px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .gupane-hero-title {
        transform: translateY(-65px);

        margin-bottom: -48px;
    }

    .gupane-hero-title
    .elementor-heading-title {
        font-size: 42px;
    }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    /* TÍTULO HERO */

    .gupane-hero-title {
        transform: translateY(-45px);

        margin-bottom: -30px;
    }

    .gupane-hero-title
    .elementor-heading-title {
        font-size: 32px;

        line-height: 1.15;

        text-shadow:
            0 2px 6px rgba(0, 0, 0, .35);
    }


    /* BUSCADOR */

    .gupane-transparencia .gupane-search-box {
        margin: 23px 0 21px;

        padding: 15px;

        border-top-width: 3px;

        border-radius: 8px;
    }

    .gupane-transparencia .gupane-search-label {
        font-size: 14px;

        line-height: 1.3;
    }

    .gupane-transparencia .gupane-search-input {
        height: 50px;

        padding-left: 13px;
        padding-right: 45px;

        font-size: 14px;
    }


    /* CONMUTADORES */

    .gupane-transparencia .elementor-toggle-item {
        margin-bottom: 8px;

        border-radius: 7px;
    }

    .gupane-transparencia .elementor-tab-title {
        padding: 15px 13px !important;

        font-size: 14px;

        line-height: 1.35;
    }

    .gupane-transparencia .elementor-tab-content {
        padding: 18px 15px 20px !important;

        font-size: 14px;

        line-height: 1.6;
    }


    /* LISTAS */

    .gupane-transparencia
    .elementor-tab-content ul {
        padding-left: 20px;
    }

    .gupane-transparencia
    .elementor-tab-content li {
        margin-bottom: 15px;
    }


    /* DOCUMENTOS */

    .gupane-transparencia
    .elementor-tab-content li a,

    .gupane-transparencia
    .gupane-file-disabled {
        padding: 4px 8px;

        font-size: 11px;
    }


    /* SUBTÍTULOS */

    .gupane-transparencia
    .gupane-subsection-title {
        margin-top: 20px;

        padding: 8px 11px;

        font-size: 14px;
    }


    /* AVISOS */

    .gupane-transparencia .gupane-notice {
        padding: 12px 14px;
    }


    /* FECHA */

    .gupane-transparencia
    .gupane-update-date {
        font-size: 12px;
    }


    /* CONTADOR */

    .gupane-transparencia .gupane-visitas {
        margin-top: 22px;
        margin-bottom: 20px;
    }

    .gupane-transparencia
    .gupane-visitas .elementor-shortcode {
        padding: 8px 15px;

        font-size: 12px;
    }

}/* End custom CSS */