body {
        padding: 0;
        background-color: #FFF;
    }

    html body $(page.width.selector) {
        min-width: 0;
        max-width: 100%;
        width: $(
            page.width
        );
    }

    a:link {
        color: #464646;
        text-decoration: none;
    }

    a:visited {
        color: #464646;
        text-decoration: none;
    }

    a:hover {
        color: #000;
        text-decoration: underline;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    div,
    a,
    p,
    span {
        text-size-adjust: none;
    }

    /* Header
----------------------------------------------- */
    #Header1 {
        display: none;
        visibility: hidden;
    }

    /* Header & Navegation
----------------------------------------------- */
    .menu-bg {
        background-color: #FFF;
        border-bottom: 1px solid #E4E4E4;
    }

    .menu-cr {
        max-width: 1100px;
        margin: auto;
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: inherit;
        justify-content: space-between;
    }

    .menu-logo {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .header-logo {
        display: inline-block;
        background: transparent url(../img/logo.png) 0 0 no-repeat;
        background-size: 100%;
        height: 42px;
        width: 55px;
        list-style: none;
    }

    .header-logo h1 {
        display: none;
    }

    .menu-button {
        display: none;
    }

    .menu-pages {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin: 0;
        margin-left: auto;
        padding: 0;
        list-style: none;
    }

    .menu-pages .page {
        display: inline-block;
        margin: 0px 20px;
    }

    .menu-pages .page:not(:last-child) {
        margin-top: 5px;
    }

    .menu-pages .page a {
        display: block;
        font-family: Montserrat, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: 700;
        color: #464646;
        text-transform: uppercase;
        text-decoration: none;
        letter-spacing: 1px;
    }

    .menu-pages .page:hover a {
        color: #000;
        /* text-decoration-line: underline; */
        /* text-decoration-color: #FFAF00; */
        /* text-decoration-style: wavy; */
    }

    @media only screen and (min-width: 990px) {
        .menu-bg {
            padding: 0 30px;
            position: relative;
            z-index: 10000;
        }

        .menu-cr {
            height: 80px;
        }

        .menu-collapse-active {
            display: block !important;
        }

        .menu-pages .page:after {
            display: block;
            content: "";
            width: 0%;
            height: 5px;
            background-color: #FFAF00;
            transition: width 0.5s;
            transition-timing-function: ease;
        }

        .menu-pages .page:hover:after {
            width: 100%;
            height: 5px;
        }

        .menu-pages .page.last {
            margin-right: 0;
            padding: 5px;
            background-color: #FFAF00;
            border-radius: 25px;
            transition-duration: 0.2s;
        }

        .menu-pages .page.last:hover {
            background-color: #464646;
            transition-duration: 0.2s;
        }

        .menu-pages .page.last a {
            color: #FFF;
        }

        .menu-pages .page.last:after {
            height: 0px;
        }

        .menu-pages .page.last:hover:after {
            height: 0px;
        }
    }

    .hero-gallery {
        display: none;
    }

    @media only screen and (max-width: 990px) {
        .menu-cr {
            flex-wrap: wrap;
            padding: 15px 0;
        }

        .menu-logo {
            margin-left: 30px;
        }

        .header-logo {
            height: 34px;
            background-size: 80%;
        }

        .menu-button {
            display: block;
            margin-right: 30px;
            font-size: 20px;
            cursor: pointer;
        }

        .menu-collapse {
            flex-basis: 100%;
            flex-grow: 1;
        }

        .menu-collapse-active {
            display: none;
        }

        .menu-pages {
            width: 100%;
            position: absolute;
            margin-top: 15px;
            margin-left: inherit;
            flex-direction: column;
            align-items: revert;
            z-index: 9999;
        }

        .menu-pages .page {
            margin: 0px 0px;
            display: inline-block;
            background-color: #FFFFFFE6;
            -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
            border-top: 1px solid #FFFFFFE6;
            transition: width 0.5s;
            transition-timing-function: ease;
        }

        .menu-pages .page a {
            padding: 20px 30px 20px;
        }

        .menu-pages .page a:hover {
            color: #FFF;
        }

        .menu-pages .page:hover {
            background-color: #FFAF00;
        }

        .menu-pages .page:not(:last-child) {
            margin-top: 0px;
        }

        .menu-pages .page.last {
            margin-bottom: -15px;
            background-color: #464646BF;
        }

        .menu-pages .page.last:hover {
            background-color: #FFAF00;
        }

        .menu-pages .page.last a {
            color: #FFF;
        }
    }

    /* Alert
----------------------------------------------- */
    .alert-homepage-bg {
        padding: 15px 15px;
        display: none;
        background-color: #E4E4E4;
        font-family: Montserrat, Helvetica, sans-serif;
        font-size: 12px;
        color: #000;
    }

    .alert-homepage-bg p {
        margin: auto;
        max-width: 1100px;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 1.5;
        letter-spacing: 2px;
    }

    .alert-homepage-bg p i {
        margin: 0 10px;
    }

    .alert-homepage-bg p span {
        font-weight: 500;
        text-transform: none;
        letter-spacing: 1px;
        opacity: 0.5;
    }

    /* Main
----------------------------------------------- */
    .main-welcome-bg {
        position: relative;
        overflow: hidden;
        padding: 75px 15px;
    }

    /* Capas del slider */

    .main-welcome-bg .bg-slide {
        position: absolute;
        inset: 0;

        background-size: contain;
        background-repeat: no-repeat;
        background-position: 80% center;

        opacity: 0;

        transition: opacity 1.5s ease-in-out;

        z-index: 0;
    }

    .main-welcome-bg .bg-slide.active {
        opacity: 1;
    }

    /* Contenido encima */

    .main-welcome-cr {
        position: relative;
        z-index: 2;

        margin: auto;
        max-width: 1100px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .welcome-text {
        width: 100%;
    }

    .welcome-title-1 {
        margin-left: -2px;
        margin-bottom: 15px;
        font-family: Montserrat, Helvetica, sans-serif;
        font-size: 26px;
        font-weight: 400;
        color: #000;
        letter-spacing: 0px;
    }

    .welcome-title-2 {
        margin-bottom: 15px;
        margin-left: -4px;
        font-family: Montserrat, Helvetica, sans-serif;
        font-size: 68px;
        font-weight: 700;
        color: #000;
        letter-spacing: -0.75px;
    }

    /* ==========================================
   ANIMACIÓN DE PROFESIONES
========================================== */

    .welcome-animation {
        position: relative;
        width: 100%;
        height: 40px;
        overflow: hidden;
    }

    .welcome-skill {
        position: absolute;
        top: 0;
        left: 0;

        width: 100%;

        margin: 0;

        font-family: Montserrat, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: 500;
        color: #464646;

        letter-spacing: 4px;
        text-transform: uppercase;

        opacity: 0;
        transform: translateY(20px);

        transition:
            opacity .6s ease,
            transform .6s ease;
    }

    .welcome-skill.active {
        opacity: 1;
        transform: translateY(0);
    }

    /* Ya no se utiliza */
    .welcome-animation-mobile {
        display: none;
    }

    .skill-icon {
        width: 55px;
        height: 55px;
        object-fit: contain;
        display: block;
    }

    /* ==========================================
   TABLET Y MÓVIL
========================================== */

    @media only screen and (max-width: 990px) {
        .main-welcome-bg {
            padding: 50px 15px;
        }

        .main-welcome-bg .bg-slide {
            background-size: cover;
            background-position: center;
            display: none !important;

        }


        .hero-gallery {
            display: none !important;
        }

        .main-welcome-cr {
            max-width: 100%;
            flex-direction: column;
        }

        .welcome-text {
            width: 100%;
        }

        .welcome-animation {
            height: 30px;
        }

        .welcome-skill {
            font-size: 15px;
            letter-spacing: 3px;
        }

        .welcome-button {
            margin-top: 0px;
        }

        .welcome-button a:first-child {
            margin-right: 10px;
        }

        .welcome-video {
            width: 100%;
        }

    }

    .welcome-button {
        margin-top: 0px;
        /* margin-bottom: 50px; */
    }

    .welcome-button a:first-child {
        margin-right: 10px;
    }

    .welcome-video {
        /* width: 100%; */
        display: none !important;
    }


    /* About me
----------------------------------------------- */
    .about-me-bg {
        padding: 50px 15px;
        background-color: #FBFBFB;
        border-top: 1px solid #E4E4E4;
    }

    .about-me-cr {
        max-width: 1100px;
        margin: auto;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
    }

    .about-me-text {
        width: 55%;
    }

    .about-me-title {
        max-width: 1100px;
        margin: auto;
        margin-bottom: 25px;
    }

    .about-me-title h3 {
        padding-bottom: 15px;
        border-bottom: 1px solid #FFAF00;
        font-family: Montserrat, Helvetica, sans-serif;
        font-size: 28px;
        font-weight: 700;
        color: #000;
        text-transform: uppercase;
        letter-spacing: 1.5px;
    }

    .about-me-description {}

    .about-me-description p {
        font-family: Inter, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 400;
        color: #000;
        text-align: left;
        line-height: 30px;
    }

    .about-me-notes {
        width: 45%;
        position: sticky;
        top: 30px;
        margin-top: 20px;
    }

    @media (max-width: 990px) {

        .about-me-notes {
            position: static;
            top: auto;
        }

    }

    .about-me-note {
        margin: 0 30px 0 60px;
        padding-bottom: 10px;
        border-bottom: 1px solid #e4e4e4;
        transition-duration: 0.2s;
    }

    .about-me-note:hover {
        border-bottom: 1px solid #ffaf00;
        transition-duration: 0.2s;
    }

    .about-me-note:not(:last-child) {
        margin-bottom: 60px;
    }

    .about-me-note h4 {
        margin: auto;
        font-family: Inter, Helvetica, sans-serif;
        font-size: 20px;
        font-weight: 700;
        color: #000;
    }

    .about-me-note p {
        margin: 8px 0;
        font-family: Inter, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: #464646;
        text-transform: none;
        letter-spacing: 2px;
    }

    .about-me-note p span {
        text-transform: uppercase;
    }

    .about-me-note button {
        margin: 10px 0 0 0;
        background-color: transparent;
        border: 0px solid transparent;
        padding: 0;
        font-family: Inter, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 500;
        text-decoration: none;
        cursor: pointer;
        transition-duration: 0.2s;
    }