.elementor-3958 .elementor-element.elementor-element-457c512 > .elementor-container{max-width:880px;}.elementor-3958 .elementor-element.elementor-element-457c512{margin-top:100px;margin-bottom:50px;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-3958 .elementor-element.elementor-element-61732e61 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3958 .elementor-element.elementor-element-61732e61 img{border-radius:18px 18px 18px 18px;}.elementor-widget-theme-post-title .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-3958 .elementor-element.elementor-element-3e7e271 > .elementor-widget-container{margin:50px 0px 30px 0px;}.elementor-3958 .elementor-element.elementor-element-3e7e271{text-align:center;}.elementor-3958 .elementor-element.elementor-element-3e7e271 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:40px;font-weight:600;color:#000000;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-3958 .elementor-element.elementor-element-695aeefc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(0px/2);}.elementor-3958 .elementor-element.elementor-element-695aeefc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(0px/2);}.elementor-3958 .elementor-element.elementor-element-695aeefc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(0px/2);margin-left:calc(0px/2);}.elementor-3958 .elementor-element.elementor-element-695aeefc .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-0px/2);margin-left:calc(-0px/2);}body.rtl .elementor-3958 .elementor-element.elementor-element-695aeefc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-0px/2);}body:not(.rtl) .elementor-3958 .elementor-element.elementor-element-695aeefc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-0px/2);}.elementor-3958 .elementor-element.elementor-element-695aeefc .elementor-icon-list-icon i{color:#54595f;font-size:13px;}.elementor-3958 .elementor-element.elementor-element-695aeefc .elementor-icon-list-icon svg{fill:#54595f;--e-icon-list-icon-size:13px;}.elementor-3958 .elementor-element.elementor-element-695aeefc .elementor-icon-list-icon{width:13px;}body:not(.rtl) .elementor-3958 .elementor-element.elementor-element-695aeefc .elementor-icon-list-text{padding-left:8px;}body.rtl .elementor-3958 .elementor-element.elementor-element-695aeefc .elementor-icon-list-text{padding-right:8px;}.elementor-3958 .elementor-element.elementor-element-695aeefc .elementor-icon-list-text, .elementor-3958 .elementor-element.elementor-element-695aeefc .elementor-icon-list-text a{color:#54595f;}.elementor-3958 .elementor-element.elementor-element-695aeefc .elementor-icon-list-item{font-size:13px;font-weight:300;}.elementor-widget-theme-post-excerpt .elementor-widget-container{color:var( --e-global-color-text );}.elementor-3958 .elementor-element.elementor-element-358f6e1a > .elementor-widget-container{margin:30px 0px 30px 0px;}.elementor-3958 .elementor-element.elementor-element-358f6e1a .elementor-widget-container{font-size:19px;font-weight:500;line-height:1.8em;color:#54595f;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );}.elementor-3958 .elementor-element.elementor-element-612b0ade{text-align:justify;color:#000000;font-family:"Arial", Sans-serif;font-size:1em;line-height:1.5em;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-3958 .elementor-element.elementor-element-5ccd768 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:600;-webkit-text-stroke-color:#000;stroke:#000;color:#000000;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );}.elementor-3958 .elementor-element.elementor-element-3a90133{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-3958 .elementor-element.elementor-element-3a90133:after{content:"0.66";}.elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-post__thumbnail__link{width:100%;}.elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-post__meta-data span + span:before{content:"///";}.elementor-3958 .elementor-element.elementor-element-3a90133.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:0px;}.elementor-3958 .elementor-element.elementor-element-3a90133.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:0px;}.elementor-3958 .elementor-element.elementor-element-3a90133.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:0px;}.elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-post__title, .elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-post__title a{color:#000000;font-family:"Inter", Sans-serif;font-size:15px;font-weight:700;line-height:19px;}.elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-post__meta-data{color:#979797;font-family:"Inter", Sans-serif;font-size:10px;font-weight:700;}.elementor-3958 .elementor-element.elementor-element-3a90133 a.elementor-post__read-more{font-family:"Inter", Sans-serif;font-size:10px;font-weight:500;}.elementor-3958 .elementor-element.elementor-element-2ed1f5c8 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-3958 .elementor-element.elementor-element-5b5139bc .elementor-heading-title{text-transform:uppercase;color:#000000;}.elementor-3958 .elementor-element.elementor-element-518038{--alignment:right;--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--e-share-buttons-primary-color:#FFFFFF00;--e-share-buttons-secondary-color:#000000;}.elementor-3958 .elementor-element.elementor-element-518038 .elementor-share-btn{font-size:calc(0.8px * 10);}.elementor-3958 .elementor-element.elementor-element-518038 .elementor-share-btn__icon{--e-share-buttons-icon-size:2.9em;}.elementor-3958 .elementor-element.elementor-element-518038 .elementor-share-btn__title{text-transform:uppercase;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-3958 .elementor-element.elementor-element-2af9a7bd{--divider-border-style:dotted;--divider-color:#000;--divider-border-width:1px;}.elementor-3958 .elementor-element.elementor-element-2af9a7bd .elementor-divider-separator{width:100%;}.elementor-3958 .elementor-element.elementor-element-2af9a7bd .elementor-divider{padding-block-start:28px;padding-block-end:28px;}@media(max-width:1024px){ .elementor-3958 .elementor-element.elementor-element-518038{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(max-width:767px){.elementor-3958 .elementor-element.elementor-element-3e7e271 .elementor-heading-title{font-size:33px;}.elementor-3958 .elementor-element.elementor-element-695aeefc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(15px/2);}.elementor-3958 .elementor-element.elementor-element-695aeefc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(15px/2);}.elementor-3958 .elementor-element.elementor-element-695aeefc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(15px/2);margin-left:calc(15px/2);}.elementor-3958 .elementor-element.elementor-element-695aeefc .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-15px/2);margin-left:calc(-15px/2);}body.rtl .elementor-3958 .elementor-element.elementor-element-695aeefc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-15px/2);}body:not(.rtl) .elementor-3958 .elementor-element.elementor-element-695aeefc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-15px/2);}.elementor-3958 .elementor-element.elementor-element-695aeefc .elementor-icon-list-icon{width:16px;}.elementor-3958 .elementor-element.elementor-element-695aeefc .elementor-icon-list-icon i{font-size:16px;}.elementor-3958 .elementor-element.elementor-element-695aeefc .elementor-icon-list-icon svg{--e-icon-list-icon-size:16px;}.elementor-3958 .elementor-element.elementor-element-695aeefc .elementor-icon-list-item{line-height:27px;}.elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-3958 .elementor-element.elementor-element-3a90133:after{content:"0.5";}.elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-post__thumbnail__link{width:100%;} .elementor-3958 .elementor-element.elementor-element-518038{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-3958 .elementor-element.elementor-element-518038{--grid-row-gap:10px;--grid-bottom-margin:10px;}}/* Start custom CSS for posts, class: .elementor-element-3a90133 *//* ==========================================================
   KREATIVA POSTS - VERSIÓN ESTABLE
   Desktop: 3
   Tablet: 2
   Mobile: 1 post real
========================================================== */

.elementor-3958 .elementor-element.elementor-element-3a90133{
    --kr-orange: #ff8a12;
    --kr-orange-hover: #ef7410;

    position: relative;
    width: 100%;
}


/* IMPORTANTE:
   Evitamos que Elementor recorte las flechas
========================================================== */

.elementor-3958 .elementor-element.elementor-element-3a90133,
.elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-widget-container{
    overflow: visible !important;
}


/* ==========================================================
   DESKTOP
========================================================== */

.elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-posts-container{
    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 22px !important;

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    align-items: stretch;
}


/* ==========================================================
   CARD
========================================================== */

.elementor-3958 .elementor-element.elementor-element-3a90133 article.elementor-post{
    position: relative;

    display: flex !important;
    flex-direction: column;

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

    height: 100%;

    margin: 0 !important;

    padding: 18px !important;

    box-sizing: border-box;

    background: #ffffff;

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

    overflow: hidden;

    box-shadow:
        0 2px 8px rgba(0,0,0,.04),
        0 10px 28px rgba(0,0,0,.09);

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


.elementor-3958 .elementor-element.elementor-element-3a90133 article.elementor-post:hover{
    transform: translateY(-3px);

    box-shadow:
        0 4px 12px rgba(0,0,0,.05),
        0 15px 34px rgba(0,0,0,.11);
}


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

.elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-post__thumbnail__link{
    display: block !important;

    width: 100% !important;

    margin: 0 0 13px 0 !important;
    padding: 0 !important;

    overflow: hidden;

    border-radius: 4px;
}


.elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-post__thumbnail{
    position: relative !important;

    width: 100% !important;

    height: auto !important;

    padding-bottom: 0 !important;

    aspect-ratio: 1.88 / 1;

    overflow: hidden;

    border-radius: 4px;

    background: #e4e6e8;
}


.elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-post__thumbnail img{
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;

    object-fit: cover;
    object-position: center;

    transform: none !important;

    transition:
        transform .4s ease;
}


.elementor-3958 .elementor-element.elementor-element-3a90133 article.elementor-post:hover
.elementor-post__thumbnail img{
    transform: scale(1.025) !important;
}


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

.elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-post__text{
    display: flex !important;
    flex-direction: column;

    flex: 1;

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================
   TITULO
========================================================== */

.elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-post__title{
    order: 1;

    margin: 0 0 7px 0 !important;
    padding: 0 !important;
}


.elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-post__title a{
    display: block;

    width: 100%;

    color: #080808 !important;

    font-size: 15px;
    line-height: 1.08em;
    font-weight: 700;

    letter-spacing: -0.35px;

    text-decoration: none !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}


/* ==========================================================
   EXTRACTO
========================================================== */

.elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-post__excerpt{
    order: 2;

    margin: 0 0 14px 0 !important;
    padding: 0 !important;
}


.elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-post__excerpt p{
    margin: 0 !important;
    padding: 0 !important;

    color: #777777;

    font-size: 12px;
    line-height: 1.15em;
    font-weight: 400;

    text-align: justify;

    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}


/* ==========================================================
   FECHA
========================================================== */

.elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-post__meta-data{
    order: 3;

    margin: 0 0 15px 0 !important;
    padding: 0 !important;

    color: #999999;

    font-size: 9.5px;
    line-height: 1.2em;
    font-weight: 500;

    border: 0 !important;
}


.elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-post-date{
    color: #999999 !important;
}


/* ==========================================================
   BOTÓN
========================================================== */

.elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-post__read-more{
    order: 4;

    display: inline-flex !important;

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

    align-self: flex-start;

    width: auto !important;

    min-width: 60px;
    min-height: 26px;

    margin: auto 0 0 0 !important;

    padding: 7px 15px !important;

    background: var(--kr-orange);

    color: #ffffff !important;

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

    box-shadow: none !important;

    font-size: 9px;
    line-height: 1;
    font-weight: 500;

    text-decoration: none !important;

    transition:
        background .25s ease,
        transform .25s ease;
}


.elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-post__read-more::before,
.elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-post__read-more::after{
    display: none !important;
    content: none !important;
}


.elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-post__read-more:hover{
    background: var(--kr-orange-hover);

    color: #ffffff !important;

    transform: translateY(-1px);
}


/* ==========================================================
   FLECHAS
   OCULTAS DESKTOP/TABLET
========================================================== */

.elementor-3958 .elementor-element.elementor-element-3a90133 .kr-post-arrow{
    display: none;
}


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

@media (max-width:1024px) and (min-width:768px){

    .elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-posts-container{
        grid-template-columns:
            repeat(2, minmax(0,1fr));

        gap: 20px !important;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:767px){

    /* ======================================================
       WIDGET

       NO agregamos padding.
       NO reducimos el ancho del widget.
    ====================================================== */

    .elementor-3958 .elementor-element.elementor-element-3a90133{
        position: relative !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
    }


    .elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-widget-container{
        position: relative !important;

        width: 100% !important;

        overflow: visible !important;
    }


    /* ======================================================
       CONTENEDOR

       Ya NO es slider horizontal.
    ====================================================== */

    .elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-posts-container{
        position: relative;

        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
    }


    /* ======================================================
       OCULTAR POSTS

       Solo mostramos el activo.
    ====================================================== */

    .elementor-3958 .elementor-element.elementor-element-3a90133 article.elementor-post{
        display: none !important;
    }


    .elementor-3958 .elementor-element.elementor-element-3a90133 article.elementor-post.kr-active{
        position: relative;

        display: flex !important;

        flex-direction: column;

        /*
         * Solo quitamos 16px en total.
         * 8px a cada lado.
         *
         * La card mantiene casi todo
         * el ancho disponible.
         */

        width: calc(100% - 16px) !important;
        max-width: calc(100% - 16px) !important;

        height: auto !important;

        margin:
            0
            auto !important;

        padding: 12px !important;

        box-sizing: border-box;

        background: #ffffff;

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

        overflow: hidden;

        transform: none !important;

        box-shadow:
            0 2px 7px rgba(0,0,0,.04),
            0 8px 24px rgba(0,0,0,.09);
    }


    .elementor-3958 .elementor-element.elementor-element-3a90133 article.elementor-post.kr-active:hover{
        transform: none !important;
    }


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

    .elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-post__thumbnail__link{
        margin-bottom: 12px !important;
    }


    .elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-post__thumbnail{
        aspect-ratio: 1.88 / 1;
    }


    /* ======================================================
       TITULO
    ====================================================== */

    .elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-post__title{
        margin-bottom: 7px !important;
    }


    .elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-post__title a{
        font-size: 15px !important;

        line-height: 1.08em !important;

        letter-spacing: -0.3px;
    }


    /* ======================================================
       EXTRACTO
    ====================================================== */

    .elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-post__excerpt{
        margin-bottom: 14px !important;
    }


    .elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-post__excerpt p{
        font-size: 12px !important;

        line-height: 1.22em !important;

        text-align: left !important;
    }


    /* ======================================================
       FECHA
    ====================================================== */

    .elementor-3958 .elementor-element.elementor-element-3a90133 .elementor-post__meta-data{
        margin-bottom: 15px !important;

        font-size: 9px !important;
    }


    /* ======================================================
       FLECHAS

       No cambian el ancho de la card.
       No forman parte de un grid.
       No están dentro del post.
    ====================================================== */

    .elementor-3958 .elementor-element.elementor-element-3a90133 .kr-post-arrow{
        position: absolute !important;

        top: 50% !important;

        z-index: 999999 !important;

        display: flex !important;

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

        width: 24px !important;
        height: 60px !important;

        margin: 0 !important;
        padding: 0 !important;

        appearance: none !important;
        -webkit-appearance: none !important;

        background: transparent !important;
        background-image: none !important;

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

        outline: 0 !important;

        box-shadow: none !important;

        color: #222222 !important;

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

        font-size: 34px !important;

        font-weight: 300 !important;

        line-height: 1 !important;

        cursor: pointer;

        transform:
            translateY(-50%) !important;
    }


    /* IZQUIERDA */

    .elementor-3958 .elementor-element.elementor-element-3a90133 .kr-post-prev{
        left: -15px !important;
    }


    /* DERECHA */

    .elementor-3958 .elementor-element.elementor-element-3a90133 .kr-post-next{
        right: -15px !important;
    }


    /* ======================================================
       RESET COMPLETO DE BOTONES
    ====================================================== */

    .elementor-3958 .elementor-element.elementor-element-3a90133 button.kr-post-arrow,
    .elementor-3958 .elementor-element.elementor-element-3a90133 button.kr-post-arrow:hover,
    .elementor-3958 .elementor-element.elementor-element-3a90133 button.kr-post-arrow:focus,
    .elementor-3958 .elementor-element.elementor-element-3a90133 button.kr-post-arrow:active{

        min-width: 0 !important;

        background: transparent !important;

        border: 0 !important;

        border-radius: 0 !important;

        outline: 0 !important;

        box-shadow: none !important;
    }


    /* ======================================================
       HOVER SOLO PC
    ====================================================== */

    @media (hover:hover) and (pointer:fine){

        .elementor-3958 .elementor-element.elementor-element-3a90133 .kr-post-arrow:hover{
            color: var(--kr-orange) !important;
        }

    }


    /* ======================================================
       DESHABILITADA
    ====================================================== */

    .elementor-3958 .elementor-element.elementor-element-3a90133 .kr-post-arrow.is-disabled{
        color: #c4c4c4 !important;

        opacity: 1 !important;

        pointer-events: none;
    }

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-457c512 *//* =========================================================
   KREATIVA
   SINGLE POST — AUDIOVISUAL / FILM / PRODUCTION
========================================================= */

.kr-single-post{
    --kr-orange: #ff8500;
    --kr-orange-2: #ffb05b;

    --kr-black: #080808;
    --kr-dark: #111113;
    --kr-dark-2: #18181b;

    --kr-text: #252529;
    --kr-gray: #74747c;
    --kr-line: rgba(0,0,0,.10);

    --kr-white: #ffffff;

    width: 100%;
}


/* =========================================================
   FEATURED IMAGE
   Cinematic frame
========================================================= */

.kr-post-featured{
    position: relative;

    width: 100%;

    margin-bottom: 46px;
}


/* FRAME */

.kr-post-featured .elementor-widget-container{
    position: relative;

    overflow: hidden;

    border-radius: 20px;

    background: #000;

    box-shadow:
        0 30px 80px rgba(0,0,0,.20),
        0 0 0 1px rgba(255,255,255,.04);
}


/* image */

.kr-post-featured img{
    position: relative;

    z-index: 1;

    display: block;

    width: 100%;

    aspect-ratio: 16 / 9;

    object-fit: cover;

    transition:
        transform .7s cubic-bezier(.2,.7,.2,1),
        filter .7s ease;
}


/* subtle cinematic treatment */

.kr-post-featured:hover img{
    transform: scale(1.018);

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


/* =========================================================
   CINEMA OVERLAY
========================================================= */

.kr-post-featured .elementor-widget-container::before{
    content: "";

    position: absolute;

    inset: 0;

    z-index: 3;

    pointer-events: none;

    background:

        /* top technical line */

        linear-gradient(
            90deg,
            transparent 4%,
            rgba(255,255,255,.35) 4%,
            rgba(255,255,255,.35) 10%,
            transparent 10%
        )
        top 18px left 0 /
        100% 1px no-repeat,

        /* bottom technical line */

        linear-gradient(
            90deg,
            transparent 90%,
            rgba(255,255,255,.35) 90%,
            rgba(255,255,255,.35) 96%,
            transparent 96%
        )
        bottom 18px left 0 /
        100% 1px no-repeat,

        /* vignette */

        radial-gradient(
            circle at center,
            transparent 55%,
            rgba(0,0,0,.24) 100%
        );
}


/* scanlines / texture */

.kr-post-featured .elementor-widget-container::after{
    content: "";

    position: absolute;

    inset: 0;

    z-index: 2;

    pointer-events: none;

    opacity: .11;

    background:
        repeating-linear-gradient(
            to bottom,
            transparent 0,
            transparent 3px,
            rgba(255,255,255,.12) 4px
        );
}


/* =========================================================
   CINEMATIC CORNERS
========================================================= */

.kr-post-featured{
    --corner: 28px;
}


.kr-post-featured::before,
.kr-post-featured::after{
    position: absolute;

    z-index: 5;

    top: 18px;

    width: var(--corner);
    height: var(--corner);

    pointer-events: none;
}


.kr-post-featured::before{
    content: "REC";

    left: 24px;

    width: auto;
    height: auto;

    padding-left: 14px;

    font-family: "Inter", sans-serif;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: .13em;

    color: #fff;
}


/* red/orange rec dot */

.kr-post-featured::after{
    content: "";

    left: 24px;

    top: 22px;

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--kr-orange);

    box-shadow:
        0 0 8px rgba(255,133,0,.7);
}


/* =========================================================
   TITLE
========================================================= */

.kr-post-title{
    position: relative;

    max-width: 1080px;

    margin:
        0 auto
        20px;

    padding-top: 24px;
}


/* technical label */

.kr-post-title::before{
    content: "BLOG KREATIVA";

    display: block;

    margin-bottom: 17px;

    font-family: "Inter", sans-serif;

    font-size: 10px;

    font-weight: 700;

    line-height: 1;

    letter-spacing: .19em;

    color: var(--kr-orange);
}


/* little line */

.kr-post-title::after{
    content: "";

    position: absolute;

    top: 27px;

    left: 155px;

    width: 70px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(255,133,0,.75),
            transparent
        );
}


.kr-post-title .elementor-heading-title{
    max-width: 950px;

    margin: 0;

    font-family: "Outfit", sans-serif;

    font-size: clamp(42px, 5vw, 72px);

    font-weight: 600;

    line-height: 1.02;

    letter-spacing: -.045em;

    color: var(--kr-black);
}


/* =========================================================
   POST INFO
========================================================= */

.kr-post-info{
    position: relative;

    max-width: 1080px;

    margin:
        0 auto
        34px;

    padding-bottom: 22px;

    border-bottom:
        1px solid rgba(0,0,0,.10);
}


.kr-post-info .elementor-post-info{
    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 8px 22px;

    margin: 0;
}


/* metadata */

.kr-post-info .elementor-post-info__item{
    font-family: "Inter", sans-serif;

    font-size: 11px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: .08em;

    color: #7b7b82;
}


/* icons */

.kr-post-info .elementor-icon-list-icon{
    color: var(--kr-orange);
}


/* =========================================================
   EXCERPT
   Production note style
========================================================= */

.kr-post-excerpt{
    position: relative;

    max-width: 1080px;

    margin:
        0 auto
        60px;

    font-family: "Inter", sans-serif;

    font-size: 19px;

    line-height: 1.7;

    color: #505057;
}


.kr-post-excerpt .elementor-widget-container{
    position: relative;

    padding:
        30px
        34px
        30px
        42px;

    overflow: hidden;

    border:
        1px solid rgba(0,0,0,.07);

    border-radius: 14px;

    background:
        linear-gradient(
            115deg,
            rgba(255,133,0,.07),
            rgba(255,255,255,.8) 45%,
            rgba(0,0,0,.015)
        );
}


/* vertical timeline */

.kr-post-excerpt .elementor-widget-container::before{
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 4px;
    height: 100%;

    background:
        linear-gradient(
            180deg,
            var(--kr-orange),
            #ffbb6a
        );
}


/* tiny production marker */

.kr-post-excerpt .elementor-widget-container::after{
    content: "PRODUCTION NOTE";

    position: absolute;

    top: 12px;
    right: 16px;

    font-family: "Inter", sans-serif;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: .14em;

    color: rgba(0,0,0,.28);
}


/* =========================================================
   ARTICLE CONTENT
========================================================= */

.kr-post-content{
    position: relative;

    max-width: 880px;

    margin-left: auto;
    margin-right: auto;

    font-family: "Inter", sans-serif;

    font-size: 17px;

    font-weight: 400;

    line-height: 1.85;

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


.kr-post-content p{
    margin:
        0
        0
        27px;
}


/* =========================================================
   H2 — SECTION / SCENE TITLE
========================================================= */

.kr-post-content h2{
    position: relative;

    margin:
        76px
        0
        28px;

    padding-top: 22px;

    font-family: "Outfit", sans-serif;

    font-size: clamp(31px,3vw,43px);

    font-weight: 600;

    line-height: 1.12;

    letter-spacing: -.03em;

    color: var(--kr-black);
}


/* scene line */

.kr-post-content h2::before{
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            var(--kr-orange) 0,
            var(--kr-orange) 45px,
            rgba(0,0,0,.12) 45px,
            rgba(0,0,0,.12) 100%
        );
}


/* scene marker */

.kr-post-content h2::after{
    content: "SCENE";

    position: absolute;

    top: -18px;
    left: 0;

    font-family: "Inter", sans-serif;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: .18em;

    color: var(--kr-orange);
}


/* =========================================================
   H3
========================================================= */

.kr-post-content h3{
    margin:
        52px
        0
        20px;

    font-family: "Outfit", sans-serif;

    font-size: clamp(24px,2.5vw,31px);

    font-weight: 600;

    line-height: 1.25;

    letter-spacing: -.025em;

    color: var(--kr-black);
}


/* =========================================================
   H4
========================================================= */

.kr-post-content h4{
    margin:
        40px
        0
        16px;

    font-family: "Outfit", sans-serif;

    font-size: 21px;

    font-weight: 600;

    line-height: 1.3;

    color: var(--kr-black);
}


/* =========================================================
   ARTICLE IMAGES
========================================================= */

.kr-post-content figure{
    position: relative;

    margin:
        42px
        0;
}


.kr-post-content img{
    display: block;

    width: 100%;

    height: auto;

    margin: 0;

    border-radius: 14px;

    box-shadow:
        0 22px 55px rgba(0,0,0,.12);
}


/* film frame edge */

.kr-post-content figure::before{
    content: "";

    position: absolute;

    z-index: 2;

    inset: 10px;

    pointer-events: none;

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

    border-radius: 8px;
}


/* =========================================================
   IMAGE CAPTION
========================================================= */

.kr-post-content figcaption{
    position: relative;

    margin-top: 12px;

    padding-left: 18px;

    font-size: 11px;

    line-height: 1.5;

    letter-spacing: .025em;

    color: #8a8a91;
}


.kr-post-content figcaption::before{
    content: "";

    position: absolute;

    top: 8px;
    left: 0;

    width: 10px;
    height: 1px;

    background: var(--kr-orange);
}


/* =========================================================
   BLOCKQUOTE
   Cinema / director statement
========================================================= */

.kr-post-content blockquote{
    position: relative;

    overflow: hidden;

    margin:
        52px
        0;

    padding:
        40px
        42px
        40px
        50px;

    border: 0;

    border-radius: 16px;

    background:
        linear-gradient(
            125deg,
            #090909,
            #19191c
        );

    color: #ffffff;

    font-family: "Outfit", sans-serif;

    font-size: 24px;

    font-weight: 400;

    line-height: 1.55;

    box-shadow:
        0 25px 65px rgba(0,0,0,.20);
}


/* orange stripe */

.kr-post-content blockquote::before{
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 4px;
    height: 100%;

    background:
        linear-gradient(
            180deg,
            var(--kr-orange),
            var(--kr-orange-2)
        );
}


/* cinema guide */

.kr-post-content blockquote::after{
    content: "KREATIVA / FRAME";

    position: absolute;

    right: 20px;
    bottom: 16px;

    font-family: "Inter", sans-serif;

    font-size: 8px;

    font-weight: 600;

    letter-spacing: .18em;

    color: rgba(255,255,255,.28);
}


.kr-post-content blockquote p{
    margin: 0;
}


/* =========================================================
   LISTS
========================================================= */

.kr-post-content ul,
.kr-post-content ol{
    margin:
        25px
        0
        32px;

    padding-left: 25px;
}


.kr-post-content li{
    margin-bottom: 12px;

    padding-left: 4px;
}


.kr-post-content ul li::marker{
    color: var(--kr-orange);
}


/* =========================================================
   LINKS
========================================================= */

.kr-post-content a{
    color: var(--kr-black);

    font-weight: 600;

    text-decoration: none;

    background-image:
        linear-gradient(
            90deg,
            var(--kr-orange),
            var(--kr-orange)
        );

    background-repeat: no-repeat;

    background-position:
        0 100%;

    background-size:
        100% 2px;

    transition:
        color .25s ease,
        opacity .25s ease;
}


.kr-post-content a:hover{
    color: var(--kr-orange);
}


/* =========================================================
   SEPARATOR
========================================================= */

.kr-post-content hr{
    position: relative;

    height: 1px;

    margin:
        62px
        0;

    border: 0;

    background:
        linear-gradient(
            90deg,
            var(--kr-orange) 0,
            var(--kr-orange) 35px,
            rgba(0,0,0,.12) 35px,
            rgba(0,0,0,.12) 100%
        );
}


/* =========================================================
   TABLES
========================================================= */

.kr-post-content table{
    width: 100%;

    margin:
        38px
        0;

    overflow: hidden;

    border-collapse: separate;
    border-spacing: 0;

    border:
        1px solid #e5e5e7;

    border-radius: 13px;
}


.kr-post-content th{
    padding:
        15px
        18px;

    background:
        #101012;

    color: #ffffff;

    font-family: "Outfit", sans-serif;

    font-size: 13px;

    font-weight: 600;

    text-align: left;
}


.kr-post-content td{
    padding:
        14px
        18px;

    border-bottom:
        1px solid #eeeeef;

    font-size: 14px;
}


.kr-post-content tr:last-child td{
    border-bottom: 0;
}


/* =========================================================
   CODE
========================================================= */

.kr-post-content code{
    padding:
        3px
        7px;

    border-radius: 5px;

    background:
        #f1f1f2;

    color:
        #c96300;

    font-size: .88em;
}


.kr-post-content pre{
    position: relative;

    overflow-x: auto;

    margin:
        34px
        0;

    padding:
        30px
        25px
        24px;

    border-radius:
        14px;

    background:
        #101012;

    color:
        #f5f5f6;

    font-size:
        14px;

    line-height:
        1.65;
}


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

@media (max-width:1024px){

    .kr-post-title,
    .kr-post-info,
    .kr-post-excerpt{
        max-width: 100%;
    }


    .kr-post-content{
        max-width: 100%;
    }


    .kr-post-title .elementor-heading-title{
        font-size:
            clamp(38px,6vw,58px);
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:767px){

    /* FEATURE */

    .kr-post-featured{
        margin-bottom:
            32px;
    }


    .kr-post-featured .elementor-widget-container{
        border-radius:
            12px;
    }


    .kr-post-featured img{
        aspect-ratio:
            16 / 10;
    }


    .kr-post-featured::before{
        top: 15px;
        left: 18px;

        font-size: 8px;
    }


    .kr-post-featured::after{
        top: 18px;
        left: 18px;
    }


    /* TITLE */

    .kr-post-title{
        padding-top:
            18px;

        margin-bottom:
            17px;
    }


    .kr-post-title::before{
        margin-bottom:
            14px;

        font-size:
            8px;
    }


    .kr-post-title::after{
        display: none;
    }


    .kr-post-title .elementor-heading-title{
        font-size:
            35px;

        line-height:
            1.05;

        letter-spacing:
            -.035em;
    }


    /* INFO */

    .kr-post-info{
        padding-bottom:
            18px;

        margin-bottom:
            26px;
    }


    .kr-post-info .elementor-post-info{
        gap:
            7px 14px;
    }


    .kr-post-info .elementor-post-info__item{
        font-size:
            9px;
    }


    /* EXCERPT */

    .kr-post-excerpt{
        margin-bottom:
            44px;

        font-size:
            16px;

        line-height:
            1.65;
    }


    .kr-post-excerpt .elementor-widget-container{
        padding:
            26px
            19px
            22px
            24px;

        border-radius:
            10px;
    }


    .kr-post-excerpt
    .elementor-widget-container::after{
        top:
            9px;

        right:
            11px;

        font-size:
            6px;
    }


    /* CONTENT */

    .kr-post-content{
        font-size:
            16px;

        line-height:
            1.8;
    }


    .kr-post-content p{
        margin-bottom:
            23px;
    }


    /* TITLES */

    .kr-post-content h2{
        margin-top:
            58px;

        margin-bottom:
            22px;

        padding-top:
            18px;

        font-size:
            28px;
    }


    .kr-post-content h3{
        margin-top:
            42px;

        font-size:
            23px;
    }


    /* QUOTE */

    .kr-post-content blockquote{
        margin:
            38px
            0;

        padding:
            30px
            23px
            38px
            27px;

        border-radius:
            11px;

        font-size:
            20px;
    }


    /* IMAGES */

    .kr-post-content figure{
        margin:
            32px
            0;
    }


    .kr-post-content img{
        border-radius:
            10px;
    }

}/* End custom CSS */