:root {
    --text-white-kids: #F0ECE3;
    --text-red-kids: #D14128;
}

.white-kids {
    color: var(--text-white-kids);
}

.red-kids {
    color: var(--text-red-kids);
}

.btn-call-to-action {
    border-radius: 50px;
    background: var(--text-white-kids);
    display: flex;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transition: .5s;
}

html body .main-banner img,
html body .main-content img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

/* codigo que cambia con media queries */
.main-title-text {
    font-size: 80px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -3.2px;
}

.large-text-size {
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.68px;
}

.medium-text-size {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

html body .small-text-size,
.content-text-paragraf>*,
.content-text-info-card-image>* {
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

.main-banner {
    height: 980px;
    margin-bottom: 80px;
}

.content-text-about-image-banner {
    padding: 80px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.content-small-scale-text {
    margin-top: 251px;
    margin-bottom: 251px;
}

.content-text-limit-widht {
    width: 658px;
}

.content-dos-images {
    width: 547px;
    height: 807px;
}

.flex-content-item-image-complet {
    width: 100%;
    height: 966px;
}

.flex-content-item-tres-imagenes {
    margin-top: 60px;
    margin-bottom: 80px;
}

.flex-content-item-dos-imagenes,
.flex-content-item-tres-imagenes {
    width: 1110px;
}

.content-tres-images {
    width: 33%;
    height: 541px;
}

.content-call-to-action {
    padding-top: 80px;
    background-color: var(--text-red-kids);
}

.content-image-horizontal {
    width: 301px;
    height: 200px;
}

.content-image-vertical {
    width: 200px;
    height: 301px;
}

.content-img-card {
    margin-bottom: 16px;
}

.content-text-info-card-image {
    margin-top: 12px;
}

.content-text-info-card-image p:first-child {
    margin-bottom: 18px;
}

.content-btn-call-to-action {
    margin-top: 60px;
    margin-bottom: 80px;
}

.btn-call-to-action:hover {
    background-color: var(--light);
    color: var(--text-red-kids);
}

html body .btn-call-to-action:visited {
    color: var(--text-red-kids);
}

.content-credits p {
    margin-top: 40px;
    margin-bottom: 40px;
}

html body .content-call-to-action .content-credits p {
    font-style: italic !important;
}

/* stylos dinamicos */
.contenedor-flexible-number-0 .content-title {
    margin-bottom: 48px;
}

.contenedor-flexible-number-0 .content-text-paragraf {
    margin-bottom: 20px;
}

.contenedor-flexible-number-1 {
    margin-top: 80px;
    margin-bottom: 80px;
}

.contenedor-flexible-number-2 {
    margin-bottom: 80px;
}

.contenedor-flexible-number-3 {
    margin-bottom: 80px;
}

.contenedor-flexible-number-3 .content-text-paragraf {
    margin-bottom: 20px;
}

.contenedor-flexible-number-6 .content-title {
    margin-bottom: 48px;
}

.contenedor-flexible-number-7 {
    margin-top: 80px;
}

#navbar_primary {
    visibility: visible;
}

#navbar_secondary {
    visibility: visible !important;
}

/* menu */
@media (min-width: 992px) {
    body.page-template-template-harpo-kids #page {
        margin-top: 0px !important;
    }

    html .page-template-template-harpo-kids #masthead {
        background-color: transparent !important;
    }

    html .page-template-template-harpo-kids .custom-logo-link .custom-logo {
        filter: invert(1) !important;
    }

    html .page-template-template-harpo-kids #navbar_primary #main-menu-primary .menu-item .nav-link span,
    html .page-template-template-harpo-kids #main-menu-secondary .menu-item .nav-link span,
    html .page-template-template-harpo-kids .menu-ver-desktop-right .lang-selector-dropdown .current-lang,
    html .page-template-template-harpo-kids .menu-ver-desktop-right .lang-selector-dropdown .lang-selector-icon {
        color: var(--light-2) !important;
    }

    html .page-template-template-harpo-kids #navbar_secondary #main-menu-secondary .menu-item:nth-of-type(2) .nav-link {
        border: 1px solid var(--light-2) !important;
    }

    html .page-template-template-harpo-kids.scroll-top #masthead {
        background: var(--light-2) !important;
    }

    html .page-template-template-harpo-kids.scroll-top .custom-logo-link .custom-logo {
        filter: unset !important;
    }

    html .page-template-template-harpo-kids.scroll-top #navbar_primary #main-menu-primary .menu-item .nav-link span,
    html .page-template-template-harpo-kids.scroll-top #main-menu-secondary .menu-item .nav-link span,
    html .page-template-template-harpo-kids.scroll-top .menu-ver-desktop-right .lang-selector-dropdown .current-lang,
    html .page-template-template-harpo-kids.scroll-top .menu-ver-desktop-right .lang-selector-dropdown .lang-selector-icon {
        color: var(--green-new) !important;
    }

    html .page-template-template-harpo-kids.scroll-top #navbar_secondary #main-menu-secondary .menu-item:nth-of-type(2) .nav-link {
        border: 1px solid var(--green-new) !important;
    }
}

/* menu */

@media (min-width: 1920px) {
    .main-title-text {
        font-size: 110px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .large-text-size {
        font-size: 45px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.9px;
    }

    .medium-text-size {
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    html body .small-text-size,
    .content-text-paragraf>*,
    .content-text-info-card-image>* {
        font-size: 18px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: normal !important;
        letter-spacing: -0.18px !important;
    }

    .main-banner {
        height: 1277px;
        margin-bottom: 96px;
    }

    .content-text-about-image-banner {
        padding: 96px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
    }

    .content-small-scale-text {
        margin-top: 438px;
        margin-bottom: 251px;
    }

    .content-text-limit-widht {
        width: 1051px;
    }

    .content-dos-images {
        width: 745px;
        height: 1109px;
    }

    .flex-content-item-image-complet {
        width: 100%;
        height: 1288px;
    }

    .flex-content-item-tres-imagenes {
        margin-top: 80px;
        margin-bottom: 96px;
    }

    .flex-content-item-dos-imagenes,
    .flex-content-item-tres-imagenes {
        width: 1510px;
    }

    .content-tres-images {
        width: 33%;
        height: 738px;
    }

    .content-call-to-action {
        padding-top: 96px;
        background-color: var(--text-red-kids);
    }

    .content-image-horizontal {
        width: 403px;
        height: 269px;
    }

    .content-image-vertical {
        width: 269px;
        height: 403px;
    }

    .content-img-card {
        margin-bottom: 24px;
    }

    .content-text-info-card-image {
        margin-top: 16px;
    }

    .content-text-info-card-image p:first-child {
        margin-bottom: 24px;
    }

    .content-btn-call-to-action {
        margin-top: 80px;
        margin-bottom: 96px;
    }

    .content-credits p {
        margin-top: 56px;
        margin-bottom: 56px;
    }

    /* stylos dinamicos */
    .contenedor-flexible-number-0 .content-title {
        margin-bottom: 64px;
    }

    .contenedor-flexible-number-0 .content-text-paragraf {
        margin-bottom: 34px;
    }

    .contenedor-flexible-number-1 {
        margin-top: 96px;
        margin-bottom: 96px;
    }

    .contenedor-flexible-number-2 {
        margin-bottom: 96px;
    }

    .contenedor-flexible-number-3 {
        margin-bottom: 96px;
    }

    .contenedor-flexible-number-3 .content-text-paragraf {
        margin-bottom: 24px;
    }

    .contenedor-flexible-number-4 {
        margin-top: 96px;
    }

    .contenedor-flexible-number-6 .content-title {
        margin-bottom: 64px;
    }

    .contenedor-flexible-number-7 {
        margin-top: 96px;
    }
}

@media (max-width: 991px) {
    .main-title-text {
        font-size: 50px;
        font-style: normal;
        font-weight: 400;
        line-height: 97%;
        letter-spacing: -1.5px;
    }

    .large-text-size {
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 107%;
        letter-spacing: -0.24px;
    }

    .medium-text-size {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    html body .small-text-size,
    .content-text-paragraf>*,
    .content-text-info-card-image>* {
        font-size: 13px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: normal !important;
    }

    .main-banner {
        height: 535px;
        margin-bottom: 48px;
    }

    .content-text-about-image-banner {
        padding: 21.67px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
    }

    .content-small-scale-text {
        margin-top: 67px;
        margin-bottom: 67px;
        text-align: center;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }

    .content-miguel-mila-text {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .content-text-limit-widht {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .flex-content-item-dos-imagenes {
        flex-direction: column !important;
    }

    .content-dos-images {
        width: 100%;
        height: 536px;
    }

    .flex-content-item-image-complet {
        width: 100%;
        height: 261px;
    }

    .flex-content-item-tres-imagenes {
        margin-top: 72px;
        margin-bottom: 72px;
    }

    html body .flex-content-item-dos-imagenes {
        padding-left: 10px;
        padding-right: 10px;
        width: 100% !important;
        gap: 8px !important;
    }

    html body .flex-content-item-tres-imagenes {
        padding-left: 8px;
        padding-right: 8px;
        width: 100% !important;
        flex-wrap: wrap;
        gap: 8px !important;
    }

    .content-tres-images {
        width: 48%;
        height: 262px;
    }

    .content-call-to-action {
        padding-top: 80px;
        background-color: var(--text-red-kids);
    }

    .container-images-repeater {
        flex-direction: column;
    }

    .content-card-image-info:not(:last-child) {
        margin-bottom: 40px;
    }

    .content-image-horizontal {
        width: 100%;
        height: 233px;
    }

    .content-image-horizontal img {
        width: auto;
        height: 100%;
    }

    .content-image-vertical {
        width: 70%;
        height: 348px;
    }

    .content-image-vertical img {
        width: auto;
        height: 100%;
    }

    .content-img-card {
        margin-bottom: 16px;
    }

    .content-text-info-card-image {
        margin-top: 12px;
    }

    .content-text-info-card-image p:first-child {
        margin-bottom: 18px;
    }

    .content-btn-call-to-action {
        margin-top: 80px;
        margin-bottom: 0px;
    }

    .content-credits p {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    /* stylos dinamicos */
    .contenedor-flexible-number-0 .content-title {
        margin-bottom: 48px;
    }

    .contenedor-flexible-number-0 .content-text-paragraf {
        margin-bottom: 20px;
    }

    .contenedor-flexible-number-1 {
        margin-top: 48px;
        margin-bottom: 48px;
    }

    .contenedor-flexible-number-2 {
        margin-bottom: 48px;
    }

    .contenedor-flexible-number-3 .content-text-paragraf {
        margin-bottom: 20px;
    }

    .contenedor-flexible-number-4 {
        margin-top: 48px;
    }

    .contenedor-flexible-number-6 .content-title {
        margin-bottom: 48px;
    }

    .contenedor-flexible-number-7 {
        margin-top: 48px;
    }

    #wpadminbar {
        display: none;
    }

    #navbar_mobile {
        visibility: visible;
    }

    .flex-content-item-title-text.contenedor-flexible-number-0 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .flex-content-item-title-text.contenedor-flexible-number-0 .content-title {
        text-align: center;
    }

}

/* @media (max-width: 991px) and (hover: hover) and (pointer: fine) {
    .content-card-image-info .content-image-horizontal img{
       background-color: bisque;
    }
  } */