.elementor-11322 .elementor-element.elementor-element-ccf43af{--display:flex;--min-height:820px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11322 .elementor-element.elementor-element-ccf43af:not(.elementor-motion-effects-element-type-background), .elementor-11322 .elementor-element.elementor-element-ccf43af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://smartpartner.pe/wp-content/uploads/2026/02/Hero_persona-en-oficina.jpg");background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-11322 .elementor-element.elementor-element-ccf43af::before, .elementor-11322 .elementor-element.elementor-element-ccf43af > .elementor-background-video-container::before, .elementor-11322 .elementor-element.elementor-element-ccf43af > .e-con-inner > .elementor-background-video-container::before, .elementor-11322 .elementor-element.elementor-element-ccf43af > .elementor-background-slideshow::before, .elementor-11322 .elementor-element.elementor-element-ccf43af > .e-con-inner > .elementor-background-slideshow::before, .elementor-11322 .elementor-element.elementor-element-ccf43af > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-11322 .elementor-element.elementor-element-0c2f2e6{--display:flex;--min-height:800px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:10px 2px;--row-gap:10px;--column-gap:2px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-11322 .elementor-element.elementor-element-0c2f2e6.e-con{--align-self:flex-start;}.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-11322 .elementor-element.elementor-element-63a5374.elementor-element{--align-self:flex-start;}.elementor-11322 .elementor-element.elementor-element-63a5374{text-align:end;}.elementor-11322 .elementor-element.elementor-element-63a5374 .elementor-heading-title{font-family:"Hanken Grotesk", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-11322 .elementor-element.elementor-element-982a593 > .elementor-widget-container{margin:3px 3px 3px 3px;padding:0px 0px 0px 0px;}.elementor-11322 .elementor-element.elementor-element-982a593.elementor-element{--align-self:flex-start;}.elementor-11322 .elementor-element.elementor-element-982a593{text-align:start;}.elementor-11322 .elementor-element.elementor-element-982a593 .elementor-heading-title{font-family:"Hanken Grotesk", Sans-serif;font-size:18px;font-weight:400;line-height:30px;color:#FFFFFF;}.elementor-11322 .elementor-element.elementor-element-df6b596{--display:flex;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11322 .elementor-element.elementor-element-f17d148{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11322 .elementor-element.elementor-element-b3f4871{--spacer-size:50px;}.elementor-11322 .elementor-element.elementor-element-40f5ed1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-11322 .elementor-element.elementor-element-c97b0d5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11322 .elementor-element.elementor-element-c97b0d5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11322 .elementor-element.elementor-element-f3ce30f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11322 .elementor-element.elementor-element-f3ce30f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11322 .elementor-element.elementor-element-112e4e5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11322 .elementor-element.elementor-element-112e4e5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11322 .elementor-element.elementor-element-6ae5cd4{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-11322 .elementor-element.elementor-element-6ae5cd4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.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-11322 .elementor-element.elementor-element-25697be{--divider-border-style:solid;--divider-color:#000000;--divider-border-width:1px;}.elementor-11322 .elementor-element.elementor-element-25697be .elementor-divider-separator{width:100%;}.elementor-11322 .elementor-element.elementor-element-25697be .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-11322 .elementor-element.elementor-element-6cd8b00{--display:flex;}.elementor-11322 .elementor-element.elementor-element-0c4741d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-11322 .elementor-element.elementor-element-aff54c9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11322 .elementor-element.elementor-element-aff54c9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11322 .elementor-element.elementor-element-d41e4ae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11322 .elementor-element.elementor-element-d41e4ae.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11322 .elementor-element.elementor-element-1fd8011{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11322 .elementor-element.elementor-element-1fd8011.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11322 .elementor-element.elementor-element-335e9a0{--display:flex;}.elementor-11322 .elementor-element.elementor-element-335e9a0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11322 .elementor-element.elementor-element-1bf7783{--display:flex;}.elementor-11322 .elementor-element.elementor-element-e7bdd30{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11322 .elementor-element.elementor-element-81779a0{--spacer-size:50px;}@media(min-width:768px){.elementor-11322 .elementor-element.elementor-element-0c2f2e6{--width:50%;}.elementor-11322 .elementor-element.elementor-element-c97b0d5{--width:3.029%;}.elementor-11322 .elementor-element.elementor-element-f3ce30f{--width:39.181%;}.elementor-11322 .elementor-element.elementor-element-112e4e5{--width:5.019%;}.elementor-11322 .elementor-element.elementor-element-6ae5cd4{--width:49.214%;}.elementor-11322 .elementor-element.elementor-element-aff54c9{--width:3.029%;}.elementor-11322 .elementor-element.elementor-element-d41e4ae{--width:39.181%;}.elementor-11322 .elementor-element.elementor-element-1fd8011{--width:5.019%;}.elementor-11322 .elementor-element.elementor-element-335e9a0{--width:49.214%;}}/* Start custom CSS for leroux_core_section_title, class: .elementor-element-63dcec1 */.titulo_nosotros h2
{
    font-size: 51px !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-086d926 */:root {
    --sp-primary-blue: #0066CC;
    --sp-dark-blue: #0052A3;
    --sp-light-blue: #E6F2FF;
    --sp-dark-gray: #2C2C2C;
    --sp-light-gray: #F8F9FA;
    --sp-medium-gray: #6C757D;
    --sp-border-color: #E0E0E0;
    --sp-white: #FFFFFF;
    --sp-shadow: rgba(0, 0, 0, 0.1);
    --sp-shadow-hover: rgba(0, 102, 204, 0.2);
}

.estandares-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    font-family: "Hanken Grotesque";
}

.estandares-highlight {
    color: var(--sp-primary-blue);
    font-weight: 600;
}

/* ============================================
   INTRO SECTION - Con título arriba de la imagen
   ============================================ */
.estandares-intro-section {
    padding: 30px 20px 60px;
    padding-bottom: 0px !important;
}

.estandares-intro-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
}

.estandares-intro-text {
    animation: estandaresFadeInLeft 0.8s ease;
}

.estandares-intro-paragraph {
    font-size: 15px !important;
    color: var(--sp-medium-gray);
    line-height: 1.8;
    margin-bottom: 20px;
    font-family: "Hanken Grotesque";
}

.estandares-intro-paragraph:last-child {
    margin-bottom: 0;
}

.estandares-intro-right {
    animation: estandaresFadeInRight 0.8s ease;
}

.estandares-intro-title {
    font-size: 30px !important;
    font-weight: 600;
    font-family: "Source Serif 4";
    color: var(--sp-dark-gray);
    margin-bottom: 25px;
}

.estandares-intro-image {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 60px var(--sp-shadow);
    z-index: 1;
}

.estandares-intro-image img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.estandares-intro-image:hover img {
    transform: scale(1.05);
}

.estandares-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(0, 102, 204, 0.2), rgba(0, 82, 163, 0.3));
    pointer-events: none;
}

/* ============================================
   FRAMEWORKS SECTION - Grid 2x2
   ============================================ */
.estandares-frameworks-section {
    padding: 80px 20px;
    position: relative;
    z-index: 10;
    background: var(--sp-white);
}

.estandares-section-title {
    font-size: 30px !important;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 600;
    color: var(--sp-dark-gray);
}

.estandares-section-intro {
    font-size: 15px !important;
    color: var(--sp-medium-gray);
    text-align: center;
    margin: 0 auto 50px;
    line-height: 1.7;
    font-family: "Hanken Grotesque";
}

.estandares-frameworks-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-bottom: 50px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}

.estandares-framework-card {
    background: var(--sp-white);
    border-radius: 12px;
    padding: 40px 30px;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.estandares-framework-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(0, 102, 204, 0.1), transparent);
    transition: left 0.5s ease;
}

.estandares-framework-card:hover::before {
    left: 100%;
}

.estandares-framework-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px var(--sp-shadow-hover);
    border-color: var(--sp-primary-blue);
}

.estandares-framework-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 25px;
    color: #1E4AB2;
    transition: all 0.3s ease;
}

.estandares-framework-card:hover .estandares-framework-icon {
    transform: scale(1.15) rotate(5deg);
}

.estandares-framework-icon svg {
    width: 100%;
    height: 100%;
}

.estandares-framework-name {
    font-size: 21px !important;
    font-weight: 700;
    color: #193060;
    margin-bottom: 15px;
    letter-spacing: 1px;
}

.estandares-framework-desc {
    font-size: 15px !important;
    color: var(--sp-medium-gray);
    line-height: 1.6;
    font-family: "Hanken Grosteque";
}

.estandares-frameworks-footer {
    background: var(--sp-white);
    padding: 20px;
    padding-left: 50px !important;
    border-radius: 12px;
    border-left: 4px solid var(--sp-primary-blue);
    box-shadow: 0 4px 20px var(--sp-shadow);
}

.estandares-frameworks-footer p {
    font-size: 15px !important;
    color: var(--sp-medium-gray);
    line-height: 1.8;
    margin: 0 !important;
    font-family: "Roboto";
}

/* ============================================
   STANDARDS SECTION WITH TABS - Íconos SVG consistentes
   ============================================ */
.estandares-standards-section {
    padding: 0px 20px;
    padding-bottom: 80px !important;
    background: var(--sp-white);
}

.estandares-standards-tabs {
    margin-top: 50px;
}

.estandares-tabs-navigation {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    margin-bottom: 40px;
}

.estandares-tab-btn {
    background: var(--sp-light-gray) ;
    border: 2px solid var(--sp-border-color);
    border-radius: 12px;
    padding: 20px 15px;
    font-size: 1rem;
    font-weight: 600;
    color: #050B1E;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
}

.estandares-tab-icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--sp-primary-blue) ;
    transition: all 0.3s ease;
}

.estandares-tab-icon svg {
    width: 100%;
    height: 100%;
}

.estandares-tab-btn:hover {
    background: var(--sp-light-blue) ;
    border-color: var(--sp-primary-blue);
    transform: translateY(-2px);
}

.estandares-tab-btn:hover .estandares-tab-icon {
    transform: scale(1.1);
}

.estandares-tab-btn.active {
    background: var(--sp-primary-blue);
    color: var(--sp-white);
    border-color: var(--sp-primary-blue);
    box-shadow: 0 8px 25px var(--sp-shadow-hover);
}

.estandares-tab-btn.active .estandares-tab-icon {
    color: var(--sp-white);
}

.estandares-tabs-content {
    position: relative;
}

.estandares-tab-panel {
    display: none;
    animation: estandaresFadeIn 0.5s ease;
}

.estandares-tab-panel.active {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: start;
}

.estandares-standards-list {
    display: grid;
    gap: 15px;
}

.estandares-standard-item {
    background: var(--sp-light-gray);
    border-radius: 10px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.estandares-standard-item:hover {
    background: var(--sp-white);
    border-color: var(--sp-primary-blue);
    transform: translateX(5px);
    box-shadow: 0 4px 15px var(--sp-shadow);
}

.estandares-standard-badge {
    background: linear-gradient(135deg, var(--sp-primary-blue), var(--sp-dark-blue));
    color: var(--sp-white);
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 0.9rem;
    white-space: nowrap;
    min-width: 120px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0, 102, 204, 0.3);
}

.estandares-standard-desc {
    color: var(--sp-medium-gray);
    font-size: 1rem;
    line-height: 1.5;
    font-family: "Hanken Grosteque";
}

.estandares-tab-image {
    position: sticky;
    top: 20px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 60px var(--sp-shadow);
    height: fit-content;
}

.estandares-tab-image img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.estandares-tab-image:hover img {
    transform: scale(1.05);
}

/* ============================================
   CLOSING SECTION - Cuadro más compacto
   ============================================ */
.estandares-closing-section {
    padding: 0px 20px 80px;
}

.estandares-closing-content {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.estandares-closing-title {
    font-size: 30px !important;
    font-weight: 600;
    margin-bottom: 30px;
    color: var(--sp-dark-gray);
}

.estandares-closing-text {
    font-size: 15px !important;
    color: var(--sp-medium-gray);
    line-height: 1.8;
    margin-bottom: 40px !important;
    font-family: "Hanken Grosteque";
}

.estandares-closing-statement {
    background: var(--sp-light-gray);
    border-radius: 12px;
    padding: 25px 40px;
    border-left: 6px solid var(--sp-primary-blue);
    max-width: 900px;
    margin: 0 auto;
}

.estandares-statement-intro {
    font-size: 21px !important;
    font-weight: 600 !important;
    color: var(--sp-primary-blue);
    margin-bottom: 15px;
    font-family: "Source Serif 4";
}

.estandares-statement-main {
    font-size: 15px !important;
    color: var(--sp-dark-gray);
    line-height: 1.7;
    font-weight: 500;
    margin: 0;
    font-family: "Hanken Grosteque";
}

/* ============================================
   ANIMATIONS
   ============================================ */
@keyframes estandaresFadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes estandaresFadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes estandaresFadeInRight {
    from {
        opacity: 0;
        transform: translateX(30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes estandaresFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* ============================================
   RESPONSIVE DESIGN
   ============================================ */
@media (max-width: 1024px) {
    .estandares-intro-grid {
        gap: 40px;
    }

    .estandares-section-title {
        font-size: 2rem;
    }

    .estandares-tab-panel.active {
        gap: 30px;
    }
}

@media (max-width: 768px) {
    .estandares-intro-section {
        padding: 40px 20px 30px;
    }

    .estandares-intro-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .estandares-intro-title {
        font-size: 1.75rem;
    }

    .estandares-intro-image img {
        height: 300px;
    }

    .estandares-frameworks-grid {
        grid-template-columns: 1fr;
    }

    .estandares-section-title {
        font-size: 1.75rem;
    }

    .estandares-tabs-navigation {
        grid-template-columns: 1fr;
    }

    .estandares-tab-panel.active {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .estandares-tab-image {
        position: relative;
        top: 0;
    }

    .estandares-tab-image img {
        height: 300px;
    }

    .estandares-closing-title {
        font-size: 1.75rem;
    }

    .estandares-closing-statement {
        padding: 25px 30px;
    }

    .estandares-standard-item {
        flex-direction: column;
        text-align: center;
    }

    .estandares-standard-badge {
        min-width: auto;
    }
}

@media (max-width: 480px) {
    .estandares-intro-title {
        font-size: 1.5rem;
    }

    .estandares-intro-paragraph,
    .estandares-section-intro {
        font-size: 1rem;
    }

    .estandares-framework-card {
        padding: 30px 20px;
    }

    .estandares-framework-icon {
        width: 60px;
        height: 60px;
    }

    .estandares-framework-name {
        font-size: 1.3rem;
    }

    .estandares-tab-btn {
        padding: 15px 10px;
        font-size: 0.9rem;
    }

    .estandares-tab-icon {
        width: 20px;
        height: 20px;
    }

    .estandares-closing-statement {
        padding: 20px 25px;
    }

    .estandares-statement-intro {
        font-size: 1rem;
    }

    .estandares-statement-main {
        font-size: 0.95rem;
    }
}/* End custom CSS */