/*

Theme Name: Nordic Child

Theme URI: https://nordic.casethemes.net/

Author: Case-Themes

Author URI: https://casethemes.net/

Description: Nordic is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.

Version: 10.0.0

License: ThemeForest

Requires PHP: 7.4

Tested up to: 6.0

License URI: https://themeforest.net/licenses

Template: nordic

Text Domain: nordic-child

Tags: Blog, E-Commerce, Portfolio, Grid Layout, One Column, Two Columns, Three Columns, Four Columns, Left Sidebar, Right Sidebar, Custom Background, Custom Colors, Custom Header, Custom Logo, custom-menu, Editor Style, Featured Image Header, Featured Images, flexible-header, Footer Widgets, Full Width Template, microformats, Post Formats, Sticky Post, Theme Options, threaded-comments, translation-ready, Block Editor Styles, Wide Blocks

Copyright (c) 2025 Case-Themes. All rights reserved.

This theme is licensed under the GPL-2.0+ license.

*/


/* HOME HEADER */
@media (max-width: 991px) {
    #pxl-main {
        margin: 0px 0;
    }
}
#pxl-main {
    margin: 0;
    min-height: calc(100vh - 606px);
}
#okisam-header-home{
    & .pxl-item-inner{
        display: flex;
        justify-content: center;
    }
}

.pxl-carousel-hero1 .pxl-item{
    width: 100%;
}

@media (max-width: 767px) {
    .elementor-15009 .elementor-element.elementor-element-13bc5f5{
        justify-content: center;
    }
}

.pxl-video-player1 .style-overlay .pxl-video--holder:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: none !important;
}

#okisam-up-text{
    & h2{
        color: var(--Text-Txt-Dark, #191A1A);
        font-family: "Open Sans";
        font-size: 68px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        text-transform: uppercase;
    }
}

#pxl-main{
    margin-bottom: 0;
}

.okisam-cards
{
    & .pxl-item--icon {
        margin-bottom: 30px !important;
    }
    & .pxl-item-title{
        color: var(--Text-Txt-Dark, #191A1A);

        /* H5 */
        font-family: "Open Sans" !important;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: 125%; /* 35px */
    }
}

.okisam-title--highlight{
    color: var(--Text-Txt-Dark, #191A1A);
    font-family: "Open Sans";
    font-size: 68px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
}
@media (max-width: 767px) {
   .okisam-title--highlight{
            font-size: 32px;
            line-height: 42px;

    }
}
@media ( 1025px > width > 767px) {

    .okisam-title--highlight{
            font-size: 44px;
            line-height: 48px;
    }
}

.pxl-carousel-hero .pxl-item-inner .pxl-item .pxl-item-content .pxl-item-left{

    & .pxl-item--title{
        color: var(--Text-Txt-Ligh, #FFF);

        /* H1 */
        font-family: "Open Sans";
        font-size: 72px;
        font-style: normal;
        font-weight: 400;
        line-height: 110%; /* 79.2px */
        letter-spacing: 2.88px;
        text-transform: uppercase;
    }
    & .pxl-item--desc{
        color: var(--Text-Txt-Light-secondary, #E5E6E6);

        /* body-L */
        font-family: "Open Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%; /* 25.2px */
    }
}
.pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-item--desc{
    max-width: 600px;
}


.okisam-img-gradient{
    background-image: 
        linear-gradient(180deg, rgba(18, 18, 18, 0.00) 62.98%, var(--Neutral-neutral-90, #191A1A) 98.4%, var(--Neutral-neutral-90, #191A1A) 100%),    
        url(https://area-valencia.devokisam.com/wp-content/uploads/2025/12/Background-2.png) !important;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.okisam-img-gradient-2{
    background-image: 
        linear-gradient(180deg, rgba(18, 18, 18, 0.00) 62.98%, var(--Neutral-neutral-90, #191A1A) 98.4%, var(--Neutral-neutral-90, #191A1A) 100%),    
        url(https://area-valencia.devokisam.com/wp-content/uploads/2025/12/Background-5.png) !important;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.okisam-img-gradient-3{
    background-image: 
        linear-gradient(180deg, rgba(18, 18, 18, 0.00) 62.98%, var(--Neutral-neutral-90, #191A1A) 98.4%, var(--Neutral-neutral-90, #191A1A) 100%),    
        url(https://area-valencia.devokisam.com/wp-content/uploads/2025/12/Background-3.png) !important;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.okisam-img-gradient-4{
    background-image: 
        linear-gradient(180deg, rgba(18, 18, 18, 0.00) 0%, var(--Neutral-neutral-90, #191A1A) 98.4%, var(--Neutral-neutral-90, #191A1A) 100%),    
        url(https://area-valencia.devokisam.com/wp-content/uploads/2025/12/Background-5.png) !important;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.elementor-15317 .elementor-element.elementor-element-ecbe217 > .elementor-widget-container {
    padding-left: 0px;
}


.okisam-acordeon-integracion .elementor-widget-container .pxl-accordion .pxl--item {
    border-color: none !important;
    background: #4A4D4F;
    padding: 0px 30px;
    margin: 13px 0;

    & .pxl-item--number{
        color: #E5E6E6;
    }

}
.okisam-acordeon-integracion .elementor-widget-container .pxl-accordion .pxl--item.active  {
    border-color: none !important;
    background: #fff !important;
    padding: 0px 30px;
    margin: 13px 0;
    & .pxl-item--number{
        color: #000 !important;
    }
    & .pxl-item-content {
        & .pxl-accordion--title 
        {
            & .pxl-title--text{
                color: #000;
            
            }
            & .pxl-icon--action::after, .pxl-icon--action::before {
                background-color: #000 !important;
            }
        }
        & .pxl_accordion-ecbe217-2697-cae7ec3{
            color: #000;
        }
    }
}
.elementor-15317 .elementor-element.elementor-element-ecbe217 .pxl-accordion .pxl-accordion--content{
    color: #000;
}
@media (max-width: 767px) {  
    .elementor-15317 .elementor-element.elementor-element-ecbe217 .pxl-accordion .pxl-accordion--title{
        padding: 5px 0 15px 0 !important;
    }
}


.pxl-accordion1.style-default .pxl--item{
    border: none
} 
.elementor-15317 .elementor-element.elementor-element-ecbe217 .pxl-accordion .pxl--item .pxl-icon--action::before, .pxl-accordion .pxl--item .pxl-icon--action::after,
.okisam-servicios .elementor-15317 .elementor-element.elementor-element-ecbe217 .pxl-accordion .pxl--item .pxl-icon--action::before,.okisam-servicios .pxl-accordion .pxl--item .pxl-icon--action::after,
.elementor-15674 .elementor-element.elementor-element-51a2aba .pxl-accordion .pxl--item .pxl-icon--action::before, .okisam-acordeon .pxl-accordion .pxl--item .pxl-icon--action::after,
.okisam-acordeon-integraciom .elementor-widget-container .pxl-accordion .pxl--item .pxl-item-content .pxl-accordion--title .pxl-icon--action::after
{
    background-color: #E5E6E6 !important;
}
.elementor-15317 .elementor-element.elementor-element-ecbe217 .pxl-accordion .pxl--item .pxl-icon--action::before, .pxl-accordion .pxl--item .pxl-icon--action::after,
.elementor-15674 .elementor-element.elementor-element-51a2aba .pxl-accordion .pxl--item .pxl-icon--action::before, .okisam-acordeon .pxl-accordion .pxl--item .pxl-icon--action::after,
.okisam-acordeon-integracion .pxl-accordion .pxl--item .pxl-icon--action::after,
.elementor-element .elementor-element .okisam-acordeon-integracion .pxl-accordion .pxl--item .pxl-icon--action::before{

    background-color: #fff !important;
}
.pxl-accordion .pxl--item .pxl-icon--action::after{
    background-color: black !important;
}
@media (max-width: 767px) {  
    .pxl-icon-box7 .pxl-item-inner .pxl-item-title {
        font-size: 32px;
    }
}


.pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-btn-hero .pxl--btn-text {
    text-transform: none !important;
}

@media (max-width: 767px) {
    .pxl-carousel-hero .pxl-item-inner .pxl-item .pxl-item-content .pxl-item-left {
        & .pxl-item--title {
        color: var(--Text-Txt-Ligh, #FFF);
        font-family: "Open Sans";
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 110%;
        letter-spacing: 2.88px;
        text-transform: uppercase;
        }
    }

}

.okisam-cards-2 .pxl-icon-box6 .pxl-item-inner .pxl-meta-content .pxl-item-title  {
    color: var(--Text-Txt-Dark, #191A1A);
    /* H3 */
    font-family: "Open Sans";
    font-size: 48px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 110% !important; /* 52.8px */
}
.okisam-accordion .pxl-accordion1.style2 .pxl--item{
    padding-left: 0;
}
@media (max-width: 767px) {
    .okisam-cards-2 .pxl-icon-box6 .pxl-item-inner .pxl-meta-content .pxl-item-title  {
        color: var(--Text-Txt-Dark, #191A1A);
        /* H3 */
        font-family: "Open Sans";
        font-size: 40px !important;
        font-style: normal;
        font-weight: 600 !important;
        line-height: 100% !important; /* 52.8px */
    }
}
.okisam-accordion .pxl-accordion1.style2 .pxl--item {
    border-bottom: 1px #CBCCCD solid;
}

.okisam-titulo-custom span{
    display: block;
}

.okisam-img-space .pxl-post-carousel1 .pxl-post--inner .pxl-item-content .pxl-post--title{
    margin-top: 14px;
}

.okisam-img-space .pxl-post-carousel1 .pxl-item-bottom {
    margin-top: 38px;
    padding-top: 49px;
}

.okisam-acordeon-integracion .elementor-widget-container .pxl-accordion .pxl--item.active{
        border-color: none;
        margin: 10px 0;
        background: #4A4D4F;
        color: #E5E6E6;
        padding: 0 30px;
        & .pxl-item--number, .pxl-accordion1.style-default .pxl-accordion--title .pxl-title--text, .pxl-accordion1.style-default .pxl-icon--action, .okisam-acordeon .pxl-accordion1.style-default .pxl-accordion--title .pxl-title--text {
            color: #E5E6E6;    
        }
}

.pxl--item.active .pxl-item-content.active .pxl-accordion--title .pxl-title--text{
    color: #000;
}


.elementor-15674 .elementor-element.elementor-element-51a2aba .pxl-accordion .pxl--item.active{
        border-color: none;
        margin: 10px 0;
        background: #fff;
        color: #000;
        padding: 0 30px;
}


.elementor-16504 .elementor-element.elementor-element-51a2aba .pxl-accordion .pxl--item.active .pxl-icon--action::before, .pxl-accordion .pxl--item.active .pxl-icon--action::after{
    background-color: #fff!important;
}
.okisam-acordeon .elementor-15674 .elementor-element.elementor-element-51a2aba .pxl-accordion .pxl--item.active .pxl-icon--action::before{
    background-color: #fff !important;
}
.okisam-img-space .pxl-post-carousel .pxl-post--title a{
    color: #121212;

    /* body-XL */
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 33.6px */
}

.okisam-fomt-title{
    padding-bottom: 24px;
    color: var(--Text-Txt-Dark, #191A1A);
    /* body-XL */
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 33.6px */
}
.okisam-padding{
    padding: 0 15px 0 15px !important;
}
.okisam-aceptacion .pxl-contact-form .wpcf7-acceptance .wpcf7-list-item input, .pxl-contact-form .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label:before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 8%;
    border-radius: 0px;
}
.pxl-contact-form .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label:after{
    content: "\f112";
    font-family: "Caseicon";
    position: absolute;
    left: 5px;
    font-size: 10px;
    top: 8% !important;
    -webkit-transform: translate(0, -50%);
    -khtml-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fff;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.okisam-archivo input{
    visibility: visible;
}
.okisam-archivo button{
    visibility: hidden;
    display: none;
}
.okisam-archivo .pxl-file-upload-wrapper{
    width: 100%;
}
.okisam-archivo .pxl-file-upload-input{
    width: 100%;
    padding: 3px 24px 0;
    height: 55px;
}
.pxl-file-upload-hidden{
    visibility: visible !important;
        width: 100%;
    padding: 3px 24px 0;
    height: 55px;
}

.okisam-aceptacion .legal-text-break {
    margin-top: 15px !important;
    margin-bottom: 40px !important;
    display: block;
}
.okisa-archivo .wpcf7-form-control{
    position: absolute;
    opacity: 0;
    visibility: visible;
    width: 100%;
    height: 52px;
}

.okisam-archivo .pxl-item-email p .wpcf7-form-control-wrap .pxl-file-upload-wrapper .pxl-file-upload-input{
    background-image: url(https://area-valencia.devokisam.com/wp-content/uploads/2025/12/Vector-4.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 18px;
    padding-right: 35px;
}


/* 1. Hacemos invisible el texto original del placeholder */
.pxl-file-upload-input::placeholder {
    color: transparent;
}

/* 2. El contenedor debe ser relativo para posicionar el nuevo texto */
.okisam-archivo .pxl-item-email p .wpcf7-form-control-wrap .pxl-file-upload-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

/* 3. Creamos el "falso" placeholder con un pseudoelemento */
.okisam-archivo .pxl-item-email p .wpcf7-form-control-wrap .pxl-file-upload-wrapper::after {
    content: "Seleccionar archivo..."; /* AQUÍ PONES TU NUEVO TEXTO */
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #757575; /* Color gris típico de placeholder */
    pointer-events: none; /* Para que el click pase al input */
    font-size: 14px;
    font-family: "Open Sans";
}

/* 4. Ocultamos el falso placeholder cuando el usuario escribe */
.okisam-archivo .pxl-item-email p .wpcf7-form-control-wrap .pxl-file-upload-wrapper:focus-within::after,
.pxl-file-upload-input:not(:placeholder-shown) + ::after {
    display: none;
}
.pxl-item-desc-404 span, .okisam-tex-btn{
    font-family: "Open Sans";
}
.wp-block-heading{
    font-family: "Open Sans";

}

/* formulario formidable */
.frm_form_fields .frm_fields_container .frm_form_field .frm_submit .frm_button_submit{
    width: 100% !important;
    border-radius: 0px !important;
    height: 55px;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center; /* Centra el bloque texto+flecha */
    gap: 17px;               /* LA CLAVE: Distancia exacta de 17px */
    padding-right: 25px;
}
.frm_form_fields .frm_fields_container .frm_form_field .frm_submit .frm_button_submit::after {
    content: "";
    width: 23px;  /* Tamaño más grande que el original */
    height: 13px;
    flex-shrink: 0;
    
    /* Tu SVG convertido a formato CSS */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='13' viewBox='0 0 23 13' fill='none'%3E%3Cpath d='M0 6.5H22M22 6.5L16 1M22 6.5L16 12' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    /* Transición para el movimiento */
    transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.frm_form_fields .frm_fields_container .frm_form_field .frm_submit .frm_button_submit:hover::after {
    transform: translateX(-5px); /* El valor negativo la mueve a la izquierda */
}

.frm_form_fields  fieldset .frm_fields_container .frm_form_field select {
    /* 1. Quitamos la flecha fea por defecto del navegador */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* 2. Añadimos nuestra propia flecha como imagen de fondo */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23121212' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    
    /* 3. LA CLAVE: Posicionamos la flecha a 15px de la derecha */
    background-position: right 15px center; 
    background-size: 12px; /* Tamaño de la flecha */

    /* 4. Añadimos un poco de espacio extra a la derecha del texto para que no pise la flecha */
    padding-right: 40px !important;
    
    /* Estilos estéticos opcionales para que combine con tu web */
    padding-left: 15px;
    height: 45px;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
}




.mi-link-azul:hover { 
    color: #0056b3 !important; 
    text-decoration: underline !important; 
}


@media (max-width: 1200px) {
    .pxl-portfolio-grid-layout2 .pxl-grid-filter .pxl--filter-inner{
        gap: 10px 25px;
    }
}
@media (min-width: 1367px) and (max-width: 1577px) {
    .elementor-7386 .elementor-element.elementor-element-616a8fc > .elementor-widget-container {
        margin: 0px !important;
    }
}
/* .elementor-kit-8 a:hover {
    color: #0056b3 !important; 
    text-decoration: underline !important;
} */
.elementor-kit-8 h2, .elementor-kit-8 h3{
    font-family: "Open Sans";
}

@media (max-width: 1024px) {
    .elementor-kit-8 h2, .elementor-kit-8 h3{
        font-size: 30px;
        line-height: 32px;
    }
}

.pxl-contact-form .wpcf7-acceptance .wpcf7-list-item input:checked + .wpcf7-list-item-label:before {
  background-color: #383838;
  border-color: var(--primary-color);
}



.oki-img-fix .pxl-section-overlay-none .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-img a img{
    height: 50px;
    width: 65px;
}


/* SUB MENUS DEL HEADER */
.fr-style-default .pxl-menu-primary .sub-menu{
    background-color: #191A1A;
    font-family: "Open Sans";
}