.elementor-4936 .elementor-element.elementor-element-21fc8899{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4936 .elementor-element.elementor-element-4e919b49{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4936 .elementor-element.elementor-element-314ca470{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-4936 .elementor-element.elementor-element-555df59f.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-4936 .elementor-element.elementor-element-555df59f.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-4936 .elementor-element.elementor-element-555df59f.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-4936 .elementor-element.elementor-element-555df59f .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-4936 .elementor-element.elementor-element-555df59f .elementor-image-box-img img{transition-duration:0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4936 .elementor-element.elementor-element-5d2c40b img{height:463px;object-fit:cover;object-position:center center;}@media(max-width:1024px){.elementor-4936 .elementor-element.elementor-element-314ca470{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-4936 .elementor-element.elementor-element-314ca470{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4936 .elementor-element.elementor-element-555df59f .elementor-image-box-img{margin-bottom:15px;}}/* Start custom CSS for container, class: .elementor-element-4e919b49 */@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


/* ============================================================
   BIBLIOTECA VIRTUAL / BOLSA LABORAL
   IESTP MANU

   CONTAINER PRINCIPAL: sg-biblioteca-home

   PALETA INSTITUCIONAL:
   VERDE PRINCIPAL    = #0A5C2D
   VERDE OSCURO       = #05381A
   VERDE PROFUNDO     = #02210F
   VERDE CLARO        = #148A46
   CYAN / AZUL VIVO   = #00C4FF
   CYAN CLARO         = #33D1FF
   NARANJA ACENTO     = #FF6B35
   NARANJA OSCURO     = #D14911
============================================================ */


/* ============================================================
   CONTAINER PRINCIPAL
============================================================ */

.elementor-4936 .elementor-element.elementor-element-4e919b49{
    /* VARIABLES INSTITUCIONALES MANU */
    --morado:#0A5C2D;          /* Verde principal */
    --morado-oscuro:#05381A;   /* Verde oscuro */
    --morado-profundo:#02210F; /* Verde profundo */

    --morado-medio:#148A46;    /* Verde claro / medio */
    --morado-claro:#23AD5C;    /* Verde vibrante */
    --celeste:#33D1FF;         /* Cyan claro */

    --amarillo:#00C4FF;        /* Cyan / Azul vivo */
    --amarillo-claro:#E0F7FF;  /* Cyan pastel suave */

    --granate:#FF6B35;         /* Naranja acento */
    --granate-claro:#D14911;   /* Naranja oscuro */

    --blanco:#FFFFFF;

    position:relative !important;

    width:100vw !important;
    max-width:100vw !important;

    left:50% !important;

    margin-left:-50vw !important;
    margin-right:-50vw !important;

    padding:
        72px 5% 85px !important;

    overflow:hidden !important;

    background:

        /* CUADRÍCULA */
        linear-gradient(
            rgba(255,255,255,.025) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.025) 1px,
            transparent 1px
        ),

        /* BRILLO IZQUIERDO (CYAN) */
        radial-gradient(
            circle at 8% 8%,
            rgba(0,196,255,.14),
            transparent 25%
        ),

        /* BRILLO DERECHO (NARANJA) */
        radial-gradient(
            circle at 94% 88%,
            rgba(255,107,53,.15),
            transparent 28%
        ),

        /* FONDO VERDE INSTITUCIONAL */
        linear-gradient(
            135deg,
            #0A5C2D 0%,
            #05381A 53%,
            #02210F 100%
        ) !important;

    background-size:
        42px 42px,
        42px 42px,
        auto,
        auto,
        auto !important;

    font-family:
        "Roboto",
        Arial,
        sans-serif !important;
}


/* INNER DE ELEMENTOR */

.elementor-4936 .elementor-element.elementor-element-4e919b49 > .e-con-inner{
    width:100% !important;

    max-width:
        1250px !important;

    margin:
        0 auto !important;

    padding:
        0 !important;
}


/* ============================================================
   ENCABEZADO 1
   sg-bib-title
============================================================ */

.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-title{
    position:relative !important;

    width:100% !important;
    max-width:950px !important;

    margin:
        0 auto 18px !important;

    padding-top:
        45px !important;

    text-align:
        center !important;
}




/* TÍTULO */

.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-title
.elementor-heading-title,

.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-title h1,
.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-title h2,
.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-title h3{
    margin:
        0 !important;

    color:
        #FFFFFF !important;

    font-family:
        "Roboto",
        Arial,
        sans-serif !important;

    font-size:
        clamp(44px,5vw,64px) !important;

    font-weight:
        900 !important;

    line-height:
        1.05 !important;

    letter-spacing:
        -1.6px !important;

    text-align:
        center !important;
}


/* ============================================================
   TEXTO INTRO
   sg-bib-intro
============================================================ */

.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-intro{
    width:
        100% !important;

    max-width:
        780px !important;

    margin:
        0 auto 58px !important;
}


.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-intro,
.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-intro p{
    color:
        rgba(255,255,255,.84) !important;

    font-family:
        "Roboto",
        Arial,
        sans-serif !important;

    font-size:
        15px !important;

    font-weight:
        400 !important;

    line-height:
        1.8 !important;

    text-align:
        center !important;
}


.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-intro p{
    margin:
        0 !important;
}


/* ============================================================
   ENCABEZADO 2
   sg-bib-subtitle
============================================================ */

.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-subtitle{
    position:
        relative !important;

    width:
        100% !important;

    max-width:
        900px !important;

    margin:
        0 auto 13px !important;

    text-align:
        center !important;
}


.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-subtitle
.elementor-heading-title,

.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-subtitle h2,
.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-subtitle h3{
    margin:
        0 !important;

    color:
        #FFFFFF !important;

    font-family:
        "Roboto",
        Arial,
        sans-serif !important;

    font-size:
        clamp(31px,3.5vw,43px) !important;

    font-weight:
        800 !important;

    line-height:
        1.12 !important;

    letter-spacing:
        -.8px !important;

    text-align:
        center !important;
}


/* LÍNEA DEBAJO */

.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-subtitle::after{
    content:"";

    display:block;

    width:
        78px;

    height:
        5px;

    margin:
        17px auto 0;

    border-radius:
        999px;

    background:
        linear-gradient(
            90deg,
            #33D1FF 0%,
            #00C4FF 38%,
            #148A46 70%,
            #FF6B35 100%
        );
}


/* ============================================================
   TEXTO 2
   sg-bib-subtext
============================================================ */

.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-subtext{
    width:
        100% !important;

    max-width:
        800px !important;

    margin:
        0 auto 36px !important;
}


.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-subtext,
.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-subtext p{
    color:
        rgba(255,255,255,.78) !important;

    font-family:
        "Roboto",
        Arial,
        sans-serif !important;

    font-size:
        14px !important;

    font-weight:
        400 !important;

    line-height:
        1.75 !important;

    text-align:
        center !important;
}


.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-subtext p{
    margin:
        0 !important;
}


/* ============================================================
   GRID DE DOS
   sg-bib-grid
============================================================ */

.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-grid{
    width:
        100% !important;

    max-width:
        1020px !important;

    margin:
        0 auto !important;

    padding:
        0 !important;

    display:
        grid !important;

    grid-template-columns:
        repeat(2,minmax(0,1fr)) !important;

    gap:
        22px !important;

    align-items:
        stretch !important;
}


/* SI EL GRID TIENE e-con-inner */

.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-grid > .e-con-inner{
    display:
        contents !important;
}


/* ============================================================
   CUADRO DE IMAGEN
============================================================ */

.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-card{
    --accent:#148A46;
    --accent-dark:#05381A;
    --button-text:#FFFFFF;

    position:
        relative !important;

    width:
        100% !important;

    min-width:
        0 !important;

    margin:
        0 !important;

    overflow:
        hidden !important;

    background:
        linear-gradient(
            145deg,
            #074723,
            #032A13
        ) !important;

    border:
        1px solid
        rgba(255,255,255,.13) !important;

    border-top:
        5px solid
        var(--accent) !important;

    border-radius:
        21px !important;

    box-shadow:
        0 18px 40px
        rgba(2,33,15,.30) !important;

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease !important;
}


/* WEB (CYAN ACENTO) */

.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-web{
    --accent:#00C4FF;
    --accent-dark:#33D1FF;
    --button-text:#02210F;
}


/* APP (NARANJA ACENTO) */

.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-app{
    --accent:#FF6B35;
    --accent-dark:#D14911;
    --button-text:#FFFFFF;
}


/* HOVER */

.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-card:hover{
    transform:
        translateY(-7px) !important;

    border-color:
        var(--accent) !important;

    box-shadow:
        0 27px 52px
        rgba(2,33,15,.42) !important;
}


/* ============================================================
   IMAGE BOX WRAPPER
============================================================ */

.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-card
.elementor-image-box-wrapper{
    position:
        relative !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        stretch !important;

    width:
        100% !important;

    height:
        100% !important;

    margin:
        0 !important;

    text-align:
        left !important;
}


/* ============================================================
   IMAGEN
============================================================ */

.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-card
.elementor-image-box-img{
    position:
        relative !important;

    width:
        100% !important;

    max-width:
        none !important;

    height:
        235px !important;

    margin:
        0 !important;

    overflow:
        hidden !important;

    border-radius:
        16px 16px 0 0 !important;

    background:
        #02210F;
}


.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-card
.elementor-image-box-img a{
    display:
        block !important;

    width:
        100% !important;

    height:
        100% !important;
}


.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-card
.elementor-image-box-img img{
    display:
        block !important;

    width:
        100% !important;

    height:
        100% !important;

    max-width:
        none !important;

    object-fit:
        cover !important;

    object-position:
        center !important;

    transition:
        transform .5s ease,
        filter .4s ease !important;
}


.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-card:hover
.elementor-image-box-img img{
    transform:
        scale(1.055);

    filter:
        saturate(1.05)
        contrast(1.03);
}


/* ============================================================
   OVERLAY SOBRE IMAGEN
============================================================ */

.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-card
.elementor-image-box-img::after{
    content:"";

    position:
        absolute;

    inset:
        0;

    z-index:
        2;

    pointer-events:
        none;

    background:
        linear-gradient(
            180deg,
            rgba(10,92,45,.02) 40%,
            rgba(5,56,26,.30) 70%,
            rgba(2,33,15,.75) 100%
        );
}


/* ============================================================
   BADGE SOBRE IMAGEN
============================================================ */

.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-card
.elementor-image-box-img::before{
    position:
        absolute;

    z-index:
        5;

    left:
        18px;

    bottom:
        17px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        31px;

    padding:
        0 13px 0 27px;

    color:
        #FFFFFF;

    background:
        rgba(2,33,15,.78);

    border:
        1px solid
        rgba(255,255,255,.17);

    border-radius:
        999px;

    backdrop-filter:
        blur(8px);

    font-family:
        "Roboto",
        Arial,
        sans-serif;

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        .45px;

    text-transform:
        uppercase;

    pointer-events:
        none;
}


.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-web
.elementor-image-box-img::before{
    content:
        "●  ACCESO DESDE NAVEGADOR";

    color:
        #FFFFFF;
}


.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-app
.elementor-image-box-img::before{
    content:
        "●  ACCESO DESDE APP";

    color:
        #FFFFFF;
}


/* ============================================================
   CONTENIDO DE TARJETA
============================================================ */

.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-card
.elementor-image-box-content{
    position:
        relative !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    flex:
        1 !important;

    width:
        100% !important;

    padding:
        28px 25px 86px !important;

    text-align:
        left !important;
}


/* ============================================================
   ETIQUETA SOBRE EL TÍTULO
============================================================ */

.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-card
.elementor-image-box-content::before{
    display:
        block;

    margin-bottom:
        8px;

    color:
        var(--accent);

    font-family:
        "Roboto",
        Arial,
        sans-serif;

    font-size:
        10px;

    font-weight:
        800;

    letter-spacing:
        .7px;

    text-transform:
        uppercase;
}


.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-web
.elementor-image-box-content::before{
    content:
        "INGRESA A NUESTRA";
}


.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-app
.elementor-image-box-content::before{
    content:
        "APP BIBLIOTECA";
}


/* ============================================================
   TÍTULO DE TARJETA
============================================================ */

.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-card
.elementor-image-box-title{
    margin:
        0 0 12px !important;

    color:
        #FFFFFF !important;

    font-family:
        "Roboto",
        Arial,
        sans-serif !important;

    font-size:
        25px !important;

    font-weight:
        800 !important;

    line-height:
        1.22 !important;

    letter-spacing:
        -.4px !important;

    text-align:
        left !important;
}


/* ENLACE DEL TÍTULO */

.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-card
.elementor-image-box-title a{
    display:
        block !important;

    position:
        static !important;

    color:
        inherit !important;

    text-decoration:
        none !important;
}


/* ============================================================
   DESCRIPCIÓN
============================================================ */

.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-card
.elementor-image-box-description{
    margin:
        0 !important;

    color:
        rgba(255,255,255,.82) !important;

    font-family:
        "Roboto",
        Arial,
        sans-serif !important;

    font-size:
        13.5px !important;

    font-weight:
        400 !important;

    line-height:
        1.75 !important;

    text-align:
        justify !important;

    text-justify:
        inter-word !important;
}


/* ============================================================
   BOTÓN AUTOMÁTICO
   UTILIZA EL ENLACE DEL CUADRO DE IMAGEN
============================================================ */

.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-card
.elementor-image-box-title a::after{
    position:
        absolute;

    z-index:
        20;

    left:
        25px;

    bottom:
        25px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-width:
        145px;

    min-height:
        44px;

    padding:
        0 18px;

    color:
        var(--button-text) !important;

    background:
        var(--accent);

    border-radius:
        10px;

    box-shadow:
        0 9px 20px
        rgba(2,33,15,.30);

    font-family:
        "Roboto",
        Arial,
        sans-serif;

    font-size:
        11px;

    font-weight:
        800;

    text-decoration:
        none !important;

    white-space:
        nowrap;

    transition:
        transform .25s ease,
        filter .25s ease,
        box-shadow .25s ease;
}


/* BOTÓN WEB */

.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-web
.elementor-image-box-title a::after{
    content:
        "Ingresar a la web  →";

    background:
        linear-gradient(
            135deg,
            #33D1FF,
            #00C4FF
        );
}


/* BOTÓN APP */

.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-app
.elementor-image-box-title a::after{
    content:
        "Ingresar a la app  →";

    background:
        linear-gradient(
            135deg,
            #FF6B35,
            #D14911
        );
}


/* HOVER BOTÓN */

.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-card
.elementor-image-box-title a:hover::after{
    transform:
        translateY(-3px);

    filter:
        brightness(1.08);

    box-shadow:
        0 14px 27px
        rgba(2,33,15,.40);
}


/* ============================================================
   DETALLE DE COLOR INFERIOR
============================================================ */

.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-card::after{
    content:"";

    position:
        absolute;

    right:
        24px;

    bottom:
        0;

    width:
        55px;

    height:
        5px;

    background:
        var(--accent);

    border-radius:
        999px 999px 0 0;

    transition:
        width .3s ease;
}


.elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-card:hover::after{
    width:
        95px;
}


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

@media(max-width:900px){

    .elementor-4936 .elementor-element.elementor-element-4e919b49{
        padding:
            65px 4% 75px !important;
    }


    .elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-grid{
        max-width:
            800px !important;
    }


    .elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-card
    .elementor-image-box-img{

        height:
            215px !important;
    }


    .elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-card
    .elementor-image-box-title{

        font-size:
            22px !important;
    }

}


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

@media(max-width:767px){

    .elementor-4936 .elementor-element.elementor-element-4e919b49{
        padding:
            55px 16px 65px !important;
    }


    .elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-title
    .elementor-heading-title{

        font-size:
            40px !important;
    }


    .elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-intro{
        margin-bottom:
            43px !important;
    }


    .elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-subtitle
    .elementor-heading-title{

        font-size:
            30px !important;
    }


    .elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-grid{
        grid-template-columns:
            1fr !important;

        max-width:
            480px !important;

        gap:
            18px !important;

    }


    .elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-card
    .elementor-image-box-img{

        height:
            220px !important;
    }


    .elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-card
    .elementor-image-box-content{

        padding:
            24px 20px 79px !important;
    }


    .elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-card
    .elementor-image-box-title{

        font-size:
            22px !important;
    }


    .elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-card
    .elementor-image-box-description{

        font-size:
            13px !important;
    }


    .elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-card
    .elementor-image-box-title a::after{

        left:
            20px;

        bottom:
            21px;

        min-height:
            41px;

        min-width:
            140px;

        font-size:
            10px;
    }

}


/* ============================================================
   MÓVIL PEQUEÑO
============================================================ */

@media(max-width:420px){

    .elementor-4936 .elementor-element.elementor-element-4e919b49{
        padding:
            48px 13px 58px !important;
    }


    .elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-title
    .elementor-heading-title{

        font-size:
            35px !important;
    }


    .elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-subtitle
    .elementor-heading-title{

        font-size:
            27px !important;
    }


    .elementor-4936 .elementor-element.elementor-element-4e919b49 .sg-bib-card
    .elementor-image-box-img{

        height:
            195px !important;
    }

}


/* ============================================================
   EVITAR SCROLL HORIZONTAL
============================================================ */

html,
body{
    overflow-x:
        hidden !important;
}/* End custom CSS */