/* ============================================================
   PREPUBLICACIONES SGC
   Version 1.0.1
   ============================================================ */

#sgc-prepublicaciones-app {

    --sgc-verde: #00856a;
    --sgc-verde-hover: #006b56;

    --sgc-negro: #1f2933;

    --sgc-gris: #667085;

    --sgc-gris-claro: #f6f7f8;

    --sgc-borde: #dfe3e8;

    --sgc-fondo-filtro: #f8f9fa;

    width: 100%;

    margin: 0;

    padding: 0;

    background: #ffffff;

    color: var(--sgc-negro);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    box-sizing: border-box;
}


#sgc-prepublicaciones-app * {

    box-sizing: border-box;

}


/* ============================================================
   ACCESIBILIDAD
   ============================================================ */

#sgc-prepublicaciones-app
.sgc-pre-sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    white-space: nowrap;

    border: 0;

}


/* ============================================================
   HERO
   ============================================================ */

#sgc-prepublicaciones-app
.sgc-pre-hero {

    width: 100%;

    min-height: 310px;

    padding:
        60px
        30px;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #252e36,
            #303942
        );

    border-bottom:
        5px solid
        var(--sgc-verde);

}


#sgc-prepublicaciones-app
.sgc-pre-hero-inner {

    width: 100%;

    max-width: 1050px;

    margin: 0 auto;

}


#sgc-prepublicaciones-app
.sgc-pre-hero h1 {

    max-width: 820px;

    margin:
        0
        auto
        12px;

    padding: 0;

    color: #ffffff;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 40px;

    line-height: 1.18;

    font-weight: 700;

}


#sgc-prepublicaciones-app
.sgc-pre-hero p {

    margin:
        0
        0
        28px;

    padding: 0;

    color: #ffffff;

    font-size: 18px;

    line-height: 1.5;

}


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

#sgc-prepublicaciones-app
.sgc-pre-search {

    display: flex;

    width: 100%;

    max-width: 840px;

    margin:
        0
        auto;

    overflow: hidden;

    background: #ffffff;

    border-radius: 34px;

    box-shadow:
        0 7px 20px
        rgba(0, 0, 0, 0.16);

}


#sgc-prepublicaciones-app
.sgc-pre-search input {

    flex: 1;

    min-width: 0;

    height: 60px;

    margin: 0 !important;

    padding:
        0
        26px !important;

    border: 0 !important;

    border-radius: 0 !important;

    outline: 0 !important;

    background: #ffffff !important;

    color: #333333 !important;

    box-shadow: none !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 16px;

}


#sgc-prepublicaciones-app
.sgc-pre-search input:focus {

    border: 0 !important;

    outline: 0 !important;

    box-shadow: none !important;

}


#sgc-prepublicaciones-app
.sgc-pre-search button {

    width: 145px;

    min-width: 145px;

    height: 60px;

    margin: 0 !important;

    padding: 0 20px !important;

    border: 0 !important;

    border-radius: 0 !important;

    outline: 0 !important;

    background:
        var(--sgc-verde) !important;

    color: #ffffff !important;

    cursor: pointer;

    box-shadow: none !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 15px;

    font-weight: 700;

}


#sgc-prepublicaciones-app
.sgc-pre-search button:hover {

    background:
        var(--sgc-verde-hover) !important;

}


/* ============================================================
   CONTENIDO PRINCIPAL
   ============================================================ */

#sgc-prepublicaciones-app
.sgc-pre-main {

    width: 100%;

    max-width: 1280px;

    margin:
        0
        auto;

    padding:
        48px
        40px
        75px;

}


#sgc-prepublicaciones-app
.sgc-pre-heading-row {

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 20px;

    margin-bottom: 10px;

}


#sgc-prepublicaciones-app
.sgc-pre-section-title {

    margin: 0 !important;

    padding: 0 !important;

    color:
        var(--sgc-negro);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 31px;

    line-height: 1.25;

    font-weight: 700;

}


#sgc-prepublicaciones-app
.sgc-pre-show-all {

    margin: 0 !important;

    padding: 5px 0 !important;

    border: 0 !important;

    outline: 0 !important;

    background:
        transparent !important;

    color:
        var(--sgc-verde) !important;

    cursor: pointer;

    box-shadow: none !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 14px;

    font-weight: 700;

    text-decoration: none;

}


#sgc-prepublicaciones-app
.sgc-pre-show-all:hover {

    color:
        var(--sgc-verde-hover) !important;

    text-decoration:
        underline;

}


#sgc-prepublicaciones-app
.sgc-pre-result-info {

    margin:
        10px
        0
        23px;

    color:
        var(--sgc-gris);

    font-size: 14px;

}


/* ============================================================
   ESTADO DE CARGA
   ============================================================ */

#sgc-prepublicaciones-app
.sgc-pre-status {

    margin:
        20px
        0;

    padding:
        25px;

    background:
        #f5f6f7;

    border:
        1px solid
        var(--sgc-borde);

    border-radius:
        6px;

    color:
        #667085;

    text-align:
        center;

    font-size:
        14px;

}


#sgc-prepublicaciones-app
.sgc-pre-status-error {

    background:
        #fff5f5;

    border-color:
        #f1caca;

    color:
        #a33a3a;

}


/* ============================================================
   LAYOUT FILTROS + RESULTADOS
   ============================================================ */

#sgc-prepublicaciones-app
.sgc-pre-results-layout {

    width: 100%;

    display: grid;

    grid-template-columns:
        235px
        minmax(0, 1fr);

    gap: 35px;

    align-items: start;

}


#sgc-prepublicaciones-app
.sgc-pre-results-layout.no-filters {

    grid-template-columns:
        1fr;

}


/* ============================================================
   FILTROS
   ============================================================ */

#sgc-prepublicaciones-app
.sgc-pre-filters {

    width: 100%;

    padding: 22px;

    background:
        var(--sgc-fondo-filtro);

    border:
        1px solid
        var(--sgc-borde);

    border-radius:
        8px;

    position:
        sticky;

    top:
        15px;

}


#sgc-prepublicaciones-app
.sgc-pre-filters-title {

    margin:
        0
        0
        20px !important;

    padding: 0 !important;

    color:
        var(--sgc-negro);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        19px;

    font-weight:
        700;

}


#sgc-prepublicaciones-app
.sgc-pre-filter {

    margin-bottom:
        17px;

}


#sgc-prepublicaciones-app
.sgc-pre-filter label {

    display:
        block;

    margin-bottom:
        6px;

    color:
        #344054;

    font-size:
        12px;

    font-weight:
        700;

}


#sgc-prepublicaciones-app
.sgc-pre-filter select {

    width:
        100%;

    height:
        39px;

    margin:
        0 !important;

    padding:
        0
        8px !important;

    border:
        1px solid
        #cfd4da !important;

    border-radius:
        4px !important;

    outline:
        none !important;

    background:
        #ffffff !important;

    color:
        #333333;

    box-shadow:
        none !important;

    font-size:
        12px;

}


#sgc-prepublicaciones-app
.sgc-pre-clear-filters {

    width:
        100%;

    min-height:
        39px;

    margin:
        4px
        0
        0 !important;

    padding:
        8px
        10px !important;

    border:
        1px solid
        var(--sgc-verde) !important;

    border-radius:
        4px !important;

    outline:
        0 !important;

    background:
        #ffffff !important;

    color:
        var(--sgc-verde) !important;

    cursor:
        pointer;

    box-shadow:
        none !important;

    font-size:
        12px;

    font-weight:
        700;

}


#sgc-prepublicaciones-app
.sgc-pre-clear-filters:hover {

    background:
        var(--sgc-verde) !important;

    color:
        #ffffff !important;

}


/* ============================================================
   GRID DE DOCUMENTOS
   ============================================================ */

#sgc-prepublicaciones-app
.sgc-pre-grid {

    width:
        100%;

    display:
        grid;

    grid-template-columns:
        repeat(
            auto-fill,
            minmax(280px, 310px)
        );

    justify-content:
        start;

    align-items:
        stretch;

    gap:
        30px;

}


/* ============================================================
   TARJETA
   ============================================================ */

#sgc-prepublicaciones-app
.sgc-pre-card {

    width:
        100%;

    max-width:
        310px;

    margin:
        0;

    padding:
        0;

    display:
        flex;

    flex-direction:
        column;

    overflow:
        hidden;

    background:
        #ffffff;

    border:
        1px solid
        var(--sgc-borde);

    border-radius:
        8px;

    box-shadow:
        0
        3px
        12px
        rgba(0, 0, 0, 0.07);

    transition:
        transform
        0.2s ease,
        box-shadow
        0.2s ease;

}


#sgc-prepublicaciones-app
.sgc-pre-card:hover {

    transform:
        translateY(-4px);

    box-shadow:
        0
        8px
        24px
        rgba(0, 0, 0, 0.13);

}


/* ============================================================
   PORTADA
   ============================================================ */

#sgc-prepublicaciones-app
.sgc-pre-cover {

    width:
        100%;

    height:
        350px;

    padding:
        14px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    overflow:
        hidden;

    background:
        #f3f4f5;

}


#sgc-prepublicaciones-app
.sgc-pre-cover img {

    width:
        100% !important;

    height:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    outline:
        0 !important;

    object-fit:
        contain;

    display:
        block;

}


#sgc-prepublicaciones-app
.sgc-pre-cover-fallback {

    width:
        100%;

    height:
        100%;

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;

    align-items:
        center;

    text-align:
        center;

    background:
        linear-gradient(
            145deg,
            #fafafa,
            #e4e7ea
        );

    color:
        #606a73;

}


#sgc-prepublicaciones-app
.sgc-pre-cover-fallback strong {

    margin-bottom:
        8px;

    color:
        var(--sgc-verde);

    font-size:
        28px;

}


/* ============================================================
   CUERPO TARJETA
   ============================================================ */

#sgc-prepublicaciones-app
.sgc-pre-card-body {

    flex:
        1;

    display:
        flex;

    flex-direction:
        column;

    padding:
        20px;

}


#sgc-prepublicaciones-app
.sgc-pre-code {

    margin-bottom:
        8px;

    color:
        var(--sgc-verde);

    font-size:
        12px;

    font-weight:
        700;

}


#sgc-prepublicaciones-app
.sgc-pre-card-title {

    margin-bottom:
        14px;

    color:
        var(--sgc-negro);

    font-size:
        18px;

    line-height:
        1.35;

    font-weight:
        700;

}


#sgc-prepublicaciones-app
.sgc-pre-meta {

    margin-bottom:
        6px;

    color:
        #555555;

    font-size:
        12px;

    line-height:
        1.5;

}


#sgc-prepublicaciones-app
.sgc-pre-summary {

    margin-top:
        12px;

    color:
        #555555;

    font-size:
        12px;

    line-height:
        1.55;

}


/* ============================================================
   PALABRAS CLAVE
   ============================================================ */

#sgc-prepublicaciones-app
.sgc-pre-tags {

    margin-top:
        10px;

}


#sgc-prepublicaciones-app
.sgc-pre-tag {

    display:
        inline-block;

    margin:
        3px
        3px
        3px
        0;

    padding:
        5px
        9px;

    background:
        #e7f4ef;

    border:
        0 !important;

    border-radius:
        14px;

    color:
        var(--sgc-verde-hover);

    font-size:
        10px;

}


/* ============================================================
   ENLACE PUBLICACION
   ============================================================ */

#sgc-prepublicaciones-app
a.sgc-pre-document-link,
#sgc-prepublicaciones-app
a.sgc-pre-document-link:link,
#sgc-prepublicaciones-app
a.sgc-pre-document-link:visited {

    width:
        auto !important;

    display:
        inline-flex !important;

    align-items:
        center;

    margin-top:
        auto !important;

    padding:
        18px
        0
        0 !important;

    border:
        0 !important;

    outline:
        0 !important;

    background:
        transparent !important;

    color:
        var(--sgc-verde) !important;

    box-shadow:
        none !important;

    text-decoration:
        none !important;

    font-size:
        13px;

    font-weight:
        700;

}


#sgc-prepublicaciones-app
a.sgc-pre-document-link:hover {

    background:
        transparent !important;

    color:
        var(--sgc-verde-hover) !important;

    border:
        0 !important;

    box-shadow:
        none !important;

    text-decoration:
        underline !important;

}


/* ============================================================
   SIN RESULTADOS
   ============================================================ */

#sgc-prepublicaciones-app
.sgc-pre-empty {

    grid-column:
        1 / -1;

    padding:
        50px
        30px;

    background:
        var(--sgc-gris-claro);

    border:
        1px solid
        var(--sgc-borde);

    border-radius:
        8px;

    color:
        #667085;

    text-align:
        center;

    font-size:
        15px;

}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media
(max-width: 900px) {

    #sgc-prepublicaciones-app
    .sgc-pre-results-layout {

        grid-template-columns:
            1fr;

    }


    #sgc-prepublicaciones-app
    .sgc-pre-filters {

        position:
            static;

    }

}


@media
(max-width: 768px) {

    #sgc-prepublicaciones-app
    .sgc-pre-hero {

        min-height:
            auto;

        padding:
            45px
            20px;

    }


    #sgc-prepublicaciones-app
    .sgc-pre-hero h1 {

        font-size:
            29px;

    }


    #sgc-prepublicaciones-app
    .sgc-pre-hero p {

        font-size:
            16px;

    }


    #sgc-prepublicaciones-app
    .sgc-pre-search {

        flex-direction:
            column;

        border-radius:
            8px;

    }


    #sgc-prepublicaciones-app
    .sgc-pre-search input {

        width:
            100%;

        height:
            54px;

    }


    #sgc-prepublicaciones-app
    .sgc-pre-search button {

        width:
            100%;

        min-width:
            100%;

        height:
            48px;

    }


    #sgc-prepublicaciones-app
    .sgc-pre-main {

        padding:
            35px
            20px
            55px;

    }


    #sgc-prepublicaciones-app
    .sgc-pre-heading-row {

        flex-direction:
            column;

        align-items:
            flex-start;

    }


    #sgc-prepublicaciones-app
    .sgc-pre-grid {

        grid-template-columns:
            1fr;

    }


    #sgc-prepublicaciones-app
    .sgc-pre-card {

        max-width:
            350px;

        margin:
            0 auto;

    }

}