.elementor-17 .elementor-element.elementor-element-f3e1f1e{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-17 .elementor-element.elementor-element-f3e1f1e:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-f3e1f1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#070000;}.elementor-17 .elementor-element.elementor-element-2645ab2{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family );font-weight:var( --e-global-typography-text-font-weight );}.elementor-17 .elementor-element.elementor-element-145a54a img{width:92%;}.elementor-17 .elementor-element.elementor-element-787124a{--display:flex;}.elementor-17 .elementor-element.elementor-element-65b73ef{--display:flex;--min-height:588px;--justify-content:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family );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-17 .elementor-element.elementor-element-8dab533{font-family:"Roboto";font-size:168px;font-weight:400;line-height:33px;letter-spacing:10px;word-spacing:17px;}.elementor-17 .elementor-element.elementor-element-fdb8e97{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-17 .elementor-element.elementor-element-fdb8e97:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-fdb8e97 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#070000;}.elementor-17 .elementor-element.elementor-element-7f1d133{--display:flex;--min-height:588px;--justify-content:center;}.elementor-17 .elementor-element.elementor-element-e3d1198{font-family:"Roboto";font-size:82px;font-weight:400;line-height:38px;letter-spacing:10px;word-spacing:17px;}.elementor-17 .elementor-element.elementor-element-fb9c057{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-17 .elementor-element.elementor-element-3dc88c7 img{width:92%;}.elementor-17 .elementor-element.elementor-element-065b7ff{--display:flex;}.elementor-17 .elementor-element.elementor-element-fd5536d{--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-17 .elementor-element.elementor-element-fd5536d:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-fd5536d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-17 .elementor-element.elementor-element-1a79b52{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-1a79b52:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-1a79b52 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-17 .elementor-element.elementor-element-b9a9403{--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;--border-radius:33px 33px 0px 0px;}.elementor-17 .elementor-element.elementor-element-b9a9403:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-b9a9403 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FA008A;}.elementor-17 .elementor-element.elementor-element-99f9cdf{--display:flex;}.elementor-17 .elementor-element.elementor-element-96a377a{font-family:"Roboto Condensed";font-size:37px;font-weight:700;color:#000000;}.elementor-17 .elementor-element.elementor-element-e18fe88{--display:flex;}.elementor-17 .elementor-element.elementor-element-ad67a76 img{width:75%;}.elementor-17 .elementor-element.elementor-element-470eecc{--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;--border-radius:0px 0px 33px 33px;}.elementor-17 .elementor-element.elementor-element-470eecc:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-470eecc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FA008A;}.elementor-17 .elementor-element.elementor-element-94ea95f{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-17 .elementor-element.elementor-element-517dc90 .elementor-button{background-color:#61CE7000;font-family:"Roboto Condensed";font-size:17px;font-weight:500;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:#FDD20E;}.elementor-17 .elementor-element.elementor-element-7d89514{--display:flex;}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-f3e1f1e{--padding-top:92px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-65b73ef{--min-height:0px;--justify-content:center;}.elementor-17 .elementor-element.elementor-element-fdb8e97{--padding-top:70px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-7f1d133{--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-17 .elementor-element.elementor-element-fb9c057.e-con{--align-self:center;}.elementor-17 .elementor-element.elementor-element-3dc88c7 img{width:91%;}.elementor-17 .elementor-element.elementor-element-065b7ff{--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-1a79b52{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-17 .elementor-element.elementor-element-96a377a{text-align:center;font-size:20px;}}@media(min-width:768px){.elementor-17 .elementor-element.elementor-element-f3e1f1e{--content-width:1400px;}.elementor-17 .elementor-element.elementor-element-2645ab2{--width:77%;}.elementor-17 .elementor-element.elementor-element-787124a{--width:36%;}.elementor-17 .elementor-element.elementor-element-fdb8e97{--content-width:1400px;}.elementor-17 .elementor-element.elementor-element-fb9c057{--width:77%;}.elementor-17 .elementor-element.elementor-element-065b7ff{--width:36%;}.elementor-17 .elementor-element.elementor-element-94ea95f{--width:33%;}}/* Start custom CSS for image, class: .elementor-element-145a54a *//* ===========================
   MARCO FOTO AARON
=========================== */

.aaron-photo {
    position: relative;
    width: fit-content;
    max-width: 100%;
    background: transparent;
    padding: 0;
}


/* BLOQUE ROSA DETRÁS */
.aaron-photo:before {

    content:"";

    position:absolute;

    width:100%;
    height:100%;

    background:#FA008A;

    top:-40px;
    left:-30px;


    z-index:0;


    clip-path: polygon(
        0 0,
        78% 0,
        100% 18%,
        100% 100%,
        0 100%
    );

}



/* IMAGEN ENCIMA */

.aaron-photo img {


    position:relative;

    z-index:2;


    width:420px;

    height:520px;


    object-fit:cover;


    clip-path:polygon(
        0 0,
        82% 0,
        100% 16%,
        100% 100%,
        18% 100%,
        0 85%
    );

}



/* DESDE 2019 ENCIMA DEL ROSA */

.aaron-photo:after {


    content:"DESDE 2019";


    position:absolute;


    z-index:5;


    left:-5px;

    top:80px;



    writing-mode:vertical-rl;

    transform:rotate(180deg);



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

    font-size:13px;

    font-weight:700;


    letter-spacing:2px;


    color:#000;


}



/* LINEA AMARILLA */


.aaron-photo .elementor-widget-container:before {


    content:"";


    position:absolute;


    z-index:5;


    left:-5px;


    top:175px;


    width:2px;

    height:70px;


    background:#FDD20E;


}



/* MOVIL */

@media(max-width:767px){


.aaron-photo:before{

    top:-12px;
    left:-12px;

}


.aaron-photo img{


    width:300px;

    height:380px;

}


.aaron-photo:after{


    left:-5px;

    top:60px;

    font-size:11px;

}

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3d1198 *//* =====================================================
   AARON SANZ
===================================================== */

.aaron-name {
    width: 100%;
    max-width: 100%;

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

    display: block;

    font-family: "BBH Bartle", sans-serif !important;
    font-weight: 900 !important;

    line-height: 0.20 !important;
    letter-spacing: -4px !important;

    overflow: visible;
}


/* =====================================================
   ARON
===================================================== */

.aaron-name-pink {

    display: block;

    width: max-content;
    max-width: 100%;

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

    color: #FA008A;

    font-family: "BBH Bartle", sans-serif !important;
    font-weight: 900 !important;

    font-size: clamp(90px, 6.5vw, 125px);

    line-height: 0.52 !important;

    transform: scaleX(1.05);

    transform-origin: left center;

    white-space: nowrap;
}


/* =====================================================
   SANZ
===================================================== */

.aaron-name-yellow {

    display: block;

    width: max-content;
    max-width: 100%;

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

    color: #FDD20E;

    font-family: "BBH Bartle", sans-serif !important;
    font-weight: 900 !important;

    font-size: clamp(75px, 6.5vw, 125px);

    line-height: 0.52 !important;

    transform: scaleX(1.05);

    transform-origin: left center;

    white-space: nowrap;
}


/* =====================================================
   LIMPIAR ELEMENTOR
===================================================== */

.aaron-name p,
.aaron-name span {

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

}


/* =====================================================
   PROFESIÓN
===================================================== */

.aaron-profession {

    width: 100%;

    margin: 20px 0 0 0 !important;

    padding: 10px 0 9px 0;

    border-top: 2px solid #FA008A;
    border-bottom: 2px solid #FA008A;

    color: #FFFFFF;

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

    font-size: 20px;

    font-weight: 400;

    letter-spacing: 4px;

    line-height: 1.2;

    text-transform: uppercase;

    white-space: nowrap;

    box-sizing: border-box;
}


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

@media (max-width: 1024px) {

    .aaron-name {

        line-height: 0.30 !important;

        letter-spacing: -4px !important;

    }


    .aaron-name-pink,
    .aaron-name-yellow {

        font-size: clamp(70px, 7vw, 110px);

        line-height: 0.50 !important;

        transform: scaleX(1.04);

    }


    .aaron-profession {

        font-size: 17px;

        letter-spacing: 3px;

        margin-top: 18px !important;

    }

}


/* =====================================================
   MÓVIL
===================================================== */
@media (max-width: 767px) {

    .aaron-name {
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;

        line-height: 1 !important;
        letter-spacing: -2px !important;

        overflow: visible;
    }

    .aaron-name-pink,
    .aaron-name-yellow {

        font-size: 50px !important;

        line-height: 0.85 !important;

        transform: scaleX(1.02);

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

        white-space: nowrap;
    }

    .aaron-profession {

        width: 100%;

        margin-top: 14px !important;

        padding: 8px 0;

        font-size: 12px;

        letter-spacing: 1.5px;

        line-height: 1.3;
    }
}


/* =====================================================
   MÓVILES PEQUEÑOS
===================================================== */

@media (max-width: 380px) {

    .aaron-name {

        line-height: 0.48 !important;

    }


    .aaron-name-pink,
    .aaron-name-yellow {

        font-size: 55px;

        line-height: 0.90 !important;

    }


    .aaron-profession {

        font-size: 11px;

        letter-spacing: 1.5px;

    }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3dc88c7 */<style>
/* =========================================
   BLOQUE SERVICIOS - AARÓN RUIZ
========================================= */

.aaron-services {
    width: 100%;
    max-width: 180px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: "Roboto Condensed", sans-serif;
}


/* =========================================
   ITEM
========================================= */

.aaron-service {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}


/* =========================================
   ICONO
========================================= */

.aaron-service-icon {
    width: 34px;
    height: 34px;
    margin-bottom: 12px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.aaron-service-icon svg {
    width: 30px;
    height: 30px;

    stroke: #FDD20E;
    fill: none;

    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}


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

.aaron-service-title {
    color: #FA008A;

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

    font-size: 14px;
    font-weight: 700;

    letter-spacing: 0.5px;

    line-height: 1.25;

    text-transform: uppercase;
}


/* =========================================
   LINEA
========================================= */

.aaron-service-line {
    width: 100%;
    height: 1px;

    background: #FDD20E;

    margin: 16px 0 22px;
}


/* =========================================
   ANIMACIÓN
========================================= */

.aaron-service {
    opacity: 0;

    transform: translateY(20px);

    animation: aaronServiceIn 0.7s ease forwards;
}

.aaron-service:nth-child(1) {
    animation-delay: 0.1s;
}

.aaron-service:nth-child(2) {
    animation-delay: 0.25s;
}

.aaron-service:nth-child(3) {
    animation-delay: 0.4s;
}

.aaron-service:nth-child(4) {
    animation-delay: 0.55s;
}

@keyframes aaronServiceIn {

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


/* =========================================
   HOVER
========================================= */

.aaron-service:hover .aaron-service-title {
    color: #FDD20E;
}

.aaron-service:hover svg {

    filter: drop-shadow(
        0 0 6px rgba(253,210,14,.7)
    );

    transform: scale(1.08);

    transition: .3s ease;
}


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

@media (max-width: 1024px) {

    .aaron-services {
        max-width: 170px;
    }

}


/* =========================================
   MÓVIL — 2 COLUMNAS
========================================= */

@media (max-width: 767px) {

    .aaron-services {

        width: 100%;

        max-width: 100%;

        display: grid;

        grid-template-columns: repeat(2, 1fr);

        column-gap: 25px;

        row-gap: 25px;

        align-items: start;

    }


    /* ITEMS */

    .aaron-service {

        width: 100%;

        min-width: 0;

    }


    /* ICONOS */

    .aaron-service-icon {

        width: 28px;

        height: 28px;

        margin-bottom: 9px;

    }


    .aaron-service-icon svg {

        width: 25px;

        height: 25px;

    }


    /* TEXTO */

    .aaron-service-title {

        font-size: 12px;

        line-height: 1.2;

    }


    /* LINEAS */

    .aaron-service-line {

        width: 80%;

        margin: 12px auto 0;

    }


    /* ANIMACIÓN */

    .aaron-service:nth-child(1) {
        animation-delay: .1s;
    }

    .aaron-service:nth-child(2) {
        animation-delay: .2s;
    }

    .aaron-service:nth-child(3) {
        animation-delay: .3s;
    }

    .aaron-service:nth-child(4) {
        animation-delay: .4s;
    }

}


/* =========================================
   MÓVILES PEQUEÑOS
========================================= */

@media (max-width: 380px) {

    .aaron-services {

        column-gap: 15px;

        row-gap: 20px;

    }


    .aaron-service-title {

        font-size: 11px;

    }


    .aaron-service-line {

        width: 75%;

    }

}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a79b52 */<style>

/* =====================================================
   BLOQUE EXPERIENCIA — AARÓN RUIZ
   FORZAR ROBOTO CONDENSED EN TODO EL MÓDULO
===================================================== */

/* CONTENEDOR PRINCIPAL */
.mv-experience,
.mv-experience *,
.mv-experience p,
.mv-experience span,
.mv-experience div,
.mv-experience a,
.mv-experience h1,
.mv-experience h2,
.mv-experience h3,
.mv-experience h4,
.mv-experience h5,
.mv-experience h6,
.mv-experience button,
.mv-experience li,
.mv-experience strong,
.mv-experience b {

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

}


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

.mv-experience .mv-parrafo {

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

    font-size: clamp(22px, 3.4vw, 36px) !important;

    font-weight: 700 !important;

    line-height: 1.45 !important;

    letter-spacing: 0 !important;

    margin: 0 !important;

    padding: 0 !important;

}


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

.mv-experience .mv-parrafo span {

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

    font-weight: 700 !important;

}


/* =====================================================
   COLORES
===================================================== */

.mv-experience .yellow {

    color: #FDD20E !important;

}


.mv-experience .pink {

    color: #FA008A !important;

}


/* =====================================================
   ELEMENTOR — SOBRESCRIBIR TIPOGRAFÍA
===================================================== */

.mv-experience .elementor-widget-text-editor,
.mv-experience .elementor-widget-text-editor *,
.mv-experience .elementor-heading-title,
.mv-experience .elementor-button,
.mv-experience .elementor-button-text,
.mv-experience .elementor-icon-list-text,
.mv-experience .elementor-icon-list-item {

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

}


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

.mv-experience .elementor-button {

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

    font-weight: 700 !important;

}


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

@media (max-width: 767px) {

    .mv-experience .mv-parrafo {

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

        font-size: 20px !important;

        line-height: 1.45 !important;

        font-weight: 700 !important;

    }


    .mv-experience,
    .mv-experience * {

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

    }

}


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

@media (max-width: 380px) {

    .mv-experience .mv-parrafo {

        font-size: 18px !important;

        line-height: 1.45 !important;

    }

}

</style>/* End custom CSS */