/*
Theme Name: Tibot iLab Theme
Template: bootscore-main
Author: Caronte Web Studio
Author URI: https://carontestudio.com/
Version: 5.3.2.1692968496
Updated: 2023-08-25 15:01:36

*/


/*----Generales----*/
:root {
    --ilab-primary: #EC6600;
    --ilab-secondary: #114B5F;
    --ilab-tertiary: #17998B;
    --ilab-tertiary-80: #17998cc7;
    --ilab-quaternary: #3BAED9;
    --ilab-dark-gray: #171E21;
    --ilab-gray: #4E5B61;
    --ilab-light-gray: #F7F9F9;
    --ilab-gray: #b9bdbd;

}

@font-face {
    font-family: 'Ubuntu';
    src: url('assets/fonts/Ubuntu-Light.woff2') format('woff2'),
        url('assets/fonts/Ubuntu-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('assets/fonts/Ubuntu-Regular.woff2') format('woff2'),
        url('assets/fonts/Ubuntu-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('assets/fonts/Ubuntu-Bold.woff2') format('woff2'),
        url('assets/fonts/Ubuntu-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu Condensed';
    src: url('assets/fonts/UbuntuCondensed-Regular.woff2') format('woff2'),
        url('assets/fonts/UbuntuCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html {
    scroll-behavior: smooth;
}

body {
    color: var(--ilab-dark-gray);
    font-family: 'Ubuntu';

}

/*--Textos--*/
h1,
h2,
h3,
h4,
h5,
h6 {}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {

    font-weight: bold;
}

.entry-header h1,
.h1 {
    color: var(--ilab-primary);
    font-size: 2.3rem;
    line-height: 2.2rem;
    margin-bottom: 2rem;
}

.h2 {
    color: var(--ilab-secondary);
    font-size: 1.9rem;
    margin-bottom: 1rem;
    position: relative;
    display: inline-block;
}

.h2::after {
    position: absolute;
    content: '';
    background-image: url(assets/img/triangle-right.svg);
    width: 2rem;
    height: 2rem;
    top: 0.3rem;
    left: -2.5rem;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: 0.5rem;
}



.cta-certifica .h2::after {
    display: none;

}

.wp-block-heading,
.h3 {
    color: var(--ilab-primary);
    font-size: 1.4rem;
    font-weight: bolder;
    margin-bottom: 0.8rem;
}

.page-sedes {
    padding-top: 7rem;
    padding-bottom: 7rem;
}

.page-sedes .h3 {
    color: var(--ilab-primary);
}

.page-centros .h3 {
    color: var(--ilab-primary);
}

.h3-advantages {
    color: var(--ilab-light-gray);
}

.page-estadistica .h3 {
    color: var(--ilab-secondary);
}

.page-solutions .h3,
.page-kits .h3,
.page-certificate .h3 {
    color: var(--ilab-secondary);

}

.page-caracteristicas .h3 {
    color: var(--ilab-light-gray);
}

.h4 {
    color: var(--ilab-primary);
    font-size: 1.2rem;
    font-weight: bolder;
    margin-bottom: 1.3rem;
}

.lead {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1rem;
}


.alert-primary {
    color: var(--ilab-tertiary);
    border-color: var(--ilab-tertiary);
    position: relative;
    background: white;
    z-index: 0;
}

.alert-primary::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background-color: var(--ilab-tertiary);
    opacity: .15;
}

a {
    color: var(--ilab-quaternary);
}

a:hover {
    color: var(--ilab-secondary);
}

/*--imagenes--*/
figure img {
    border-radius: 1.5rem;
}

.full-section-img {
    aspect-ratio: 2/1;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/*--botones--*/
.btn {
    font-family: 'Ubuntu Condensed';
}

.btn-outline-light {
    color: var(--ilab-light-gray);
    border: 0.1rem solid var(--ilab-light-gray);
    letter-spacing: .1rem;
    border-radius: 0;
    text-transform: uppercase;
    margin: .5rem .5rem;
}

.btn-outline-light:hover,
.btn-outline-light:active {
    background-color: var(--ilab-light-gray) !important;
    color: var(--ilab-dark-gray);

}

.btn-outline-primary {
    color: var(--ilab-primary);
    border: 0.1rem solid var(--ilab-primary);
    border-radius: 0;
    text-transform: uppercase;
    padding: auto;
    margin-bottom: 1rem;
    margin-right: 1rem;


}

.btn-outline-primary:hover {
    background-color: var(--ilab-primary);
    color: var(--ilab-light-gray);
    border: 0.1rem solid var(--ilab-primary);

}

.btn-outline-primary.active,
.btn-outline-primary:active {
    background-color: var(--ilab-primary) !important;
    color: var(--ilab-light-gray);
    border: 0.1rem solid var(--ilab-primary);

}


/*----Header----*/

#masthead .header-actions button {
    border: none;
    border-radius: 0.3rem;

}

#masthead .candado {
    padding: 0.25rem 0.7rem;
    background-color: var(--ilab-primary);
    border-radius: 0.2rem;
    display: inline-block;
    margin: 0;
}

#masthead .candado img {
    filter: invert(1);
    border-radius: 0;
    width: 1rem;
    height: 1.5rem;
}

.navbar-brand img {
    max-width: 11rem;
}

.offcanvas-logo img {
    max-width: 9rem;
}


.navbar-nav .menu-item:not(:last-child) {
    border-bottom: 1px solid var(--ilab-gray);
}

.navbar-nav .menu-item .nav-link {
    color: var(--ilab-primary);
    font-weight: 700;
    font-size: 1.1rem;
    padding: 0.75rem 0.5rem;
    border-radius: 0.5rem;
    margin: 0.4rem 0;
    transition: .3s ease-in-out;
    display: flex;
    justify-content: space-between;
}

.navbar-nav .menu-item .nav-link:hover {
    background-color: var(--ilab-light-gray);
}

.navbar-nav .menu-item.current-menu-item .nav-link {
    background-color: var(--ilab-primary);
    color: white;
}

.navbar-nav .menu-item.current-menu-item .nav-link:hover {
    background-color: var(--ilab-gray);
    color: white;
}



/*----Home----*/

.page-news {
    position: relative;
    z-index: 0;
}

/*--Home nav--*/
.home-nav {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: none;

}

.home-nav ul {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 0;
    list-style: none;
}

.home-nav ul li a {
    width: 1.5rem;
    height: 1.5rem;
    background: transparent;
    border: 2px solid var(--ilab-primary);
    border-radius: 50%;
    display: block;
}

/*--Home grid--*/
.home-grid {
    padding-top: 10rem;
    padding-bottom: 7rem;
    min-height: 100vh;
}

.reticula {
    height: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 1rem;
    grid-auto-flow: row;
    grid-template-areas:
        "grid-logo"
        "grid-ilab"
        "grid-ae"
        "grid-eventos"
        "grid-certifica"
        "grid-noticias"
        "grid-contacto"
        "grid-privada"
    ;
}

.grid-logo {
    grid-area: grid-logo;
}

.grid-ilab {
    grid-area: grid-ilab;
}

.grid-ae {
    grid-area: grid-ae;
}

.grid-eventos {
    grid-area: grid-eventos;
}

.grid-noticias {
    grid-area: grid-noticias;
}

.grid-certifica {
    grid-area: grid-certifica;
}

.grid-contacto {
    grid-area: grid-contacto;
}

.grid-privada {
    grid-area: grid-privada;
}

.reticula .card {
    height: 100%;
    border-radius: 1rem;
    border: none;
    background-color: var(--ilab-quaternary);
    color: white;
    justify-content: flex-end;
    padding: 1rem;
    position: relative;
    overflow: hidden;
    z-index: 0;

}


.reticula .card::before {
    position: absolute;
    content: '';
    top: 1rem;
    right: 1rem;
    background-color: var(--ilab-primary);
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    transition: .5s ease-in-out;
    z-index: 0;
}



.reticula .card a {
    font-size: 1.8rem;
    line-height: 2rem;
    font-weight: bolder;
    text-decoration: none;
    color: white;
    margin-bottom: 1rem;
    z-index: 2;
}

.reticula .card p {
    font-size: 1rem;
    line-height: 1.4rem;
    font-weight: normal;
    position: relative;
    z-index: 2;
}

.reticula .card>span.plus {
    position: absolute;
    width: 2rem;
    height: 2rem;
    color: white;
    top: 1rem;
    right: 1rem;
    font-size: 3rem;
    display: flex;
    justify-content: center;
    font-family: 'Ubuntu';
    align-items: center;
    font-weight: 100;
    transition: .75s ease-in-out;
    transform-origin: center;

}

.reticula .card>span.plus::after,
.reticula .card>span.plus::before {
    position: absolute;
    content: '';
    height: 3px;
    width: 75%;
    background-color: white;
    inset: 50;

}

.reticula .card>span.plus::before {
    height: 75%;
    width: 3px;
}

.reticula .card:hover::before {
    top: 30%;
    right: 50%;
    width: 40rem;
    height: 40rem;
    transform: translateX(50%);

}

.reticula .card:hover>span.plus {
    rotate: 180deg;
    opacity: 0;

}

/*Excepciones home cards*/
.reticula .grid-logo .card {
    background-color: transparent;
    border: 4px solid var(--ilab-primary);
}

.reticula .grid-logo .card img {
    max-width: 16rem;
}


.reticula .grid-logo .card::before {
    display: none;
}

.reticula .grid-logo .gridlogoicons {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.reticula .grid-logo .gridlogoicons span,
.reticula .grid-logo .gridlogoicons svg {
    display: inline-block;
    height: 1.75em;
    width: 1.75rem;
}

.reticula .grid-logo .gridlogoicons span:nth-child(1) {
    background-color: var(--ilab-tertiary);
    border-radius: .3rem;
}

.reticula .grid-logo .gridlogoicons span:nth-child(2) {
    background-color: var(--ilab-quaternary);
    border-radius: 50%;
}

.reticula .grid-logo .gridlogoicons svg {
    fill: var(--ilab-primary);

}

.grid-ilab .card::after,
.grid-ae .card::after,
.grid-certifica .card::after,
.grid-contacto .card::after {
    position: absolute;
    content: '';
    inset: 0;
    z-index: -1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .75;
}

.grid-ilab .card {
    background-color: var(--ilab-secondary);
}

.grid-ilab .card::after {
    background-image: url(assets/img/home-card-1.jpg);
}

.grid-ae .card::after {
    background-image: url(assets/img/arduino-education-starter-kit-estudiantes.jpg);

}

.grid-certifica .card::after {
    background-image: url(assets/img/certifica-tu-centro-tibot-ilabs.jpg);
}

.grid-contacto .card::after {
    background-image: url(assets/img/contacta-tibot-inspiration-lab.jpg);
}

.grid-eventos .card {
    background-color: var(--ilab-primary);
}

.grid-eventos .card::before {
    background-color: var(--ilab-secondary);
}

.grid-noticias .card {
    background-color: var(--ilab-tertiary);
}

.grid-privada .card {
    background-color: var(--ilab-secondary);
}

.grid-privada .card::before {
    background-color: var(--ilab-tertiary);
}

/*----Páginas----*/

.page-template-t-certifica-php #page>main,
.page-template-t-educacion-php #page>main,
.page-template-t-eventos-php #page>main,
.page-template-t-recursos #page>main {
    margin-top: 6rem;
}

/*-Aquí-hay-cinco-cuadrados-*/
.floating-squares {
    position: relative;
}

.floating-squares>span {
    position: absolute;
    border-radius: 5%;
    width: 2rem;
    height: 2rem;
    background-color: var(--ilab-tertiary);
    right: 46px;
    top: 13%;
    opacity: 0.3;
    z-index: -1;
    animation-name: bounce;
    animation-iteration-count: infinite;
    animation-duration: 8s;
    animation-timing-function: ease-in-out;
}

.floating-squares>span:nth-child(2) {
    width: 6rem;
    height: 6rem;
    right: 9%;
    top: 22%;
    opacity: 0.1;
    animation-duration: 8s;

}

.floating-squares>span:nth-child(3) {
    width: 6rem;
    height: 6rem;
    right: 48%;
    top: 90%;
    opacity: 0.1;
    animation-duration: 8s;
}


.floating-squares>span:nth-child(4) {
    width: 3rem;
    height: 3rem;
    right: 14%;
    top: 92%;
    opacity: 0.1;
    animation-duration: 8s;
}

.floating-squares>span:nth-child(5) {
    width: 15rem;
    height: 15rem;
    right: 7%;
    top: 50%;
    opacity: 0.1;
    animation-duration: 8s;
}

.floating-squares>span:nth-child(6) {
    width: 15rem;
    height: 15rem;
    right: 7%;
    top: 50%;
    opacity: 0.1;
    animation-duration: 8s;
}

.floating-squares>span:nth-child(7) {
    width: 6rem;
    height: 6rem;
    right: 48%;
    top: 90%;
    opacity: 0.1;
    animation-duration: 8s;
}

.floating-squares>span:nth-child(8) {
    width: 4rem;
    height: 4rem;
    right: 22%;
    top: 18%;
    opacity: 0.1;
    animation-duration: 8s;

}

@keyframes bounce {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-30%);
    }

    100% {
        transform: translateY(0);
    }
}

/*-Page-hero-*/
.page-hero {
    padding-top: 5rem;
    padding-bottom: 5rem;
    overflow: hidden;
}

.page-hero figure {
    position: relative;
    z-index: 0;
    width: fit-content;
    margin: 0 auto;
}

.page-hero figure::after {
    position: absolute;
    content: '';
    background-image: url(assets/img/triangle-right.svg);
    z-index: 1;
    width: 9rem;
    height: 4rem;
    top: -2rem;
    background-repeat: repeat-x;
    right: 0rem;
    background-size: 33%;
}

/*--iLab--*/
.ilab-page {
    padding-top: 3rem;

}

.ilab-page .page-hero .h1 {
    color: var(--ilab-primary);
}

/*-Page-how-*/
.page-how,
.page-what {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.page-how>div {
    background-color: var(--ilab-light-gray);
    border-radius: 1rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.col-info {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.mosaico {
    position: relative;
    z-index: 0;
    height: 100%;
    width: 100%;
    aspect-ratio: 2/1;
    margin: 4rem 0;

}

.mosaico figure {
    margin: 0;
    position: absolute;
}

.mosaico figure::after {
    content: '';
    inset: 0;
    background-color: rgba(255, 255, 255, .5);
    position: absolute;
}

.mosaico img {
    aspect-ratio: 1;
    border-radius: 10%;
    object-fit: cover;
}

.mosaico figure:nth-child(1) {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 45%;
    z-index: 0;
}

.mosaico figure:nth-child(1):after {
    display: none;
}

.mosaico figure:nth-child(2) {
    left: 50%;
    top: 50%;
    transform: translate(-150%, 50%);
    width: 20%;
    z-index: 1;
}

.mosaico figure:nth-child(3):after {
    background-color: rgba(255, 255, 255, .3);
}

.mosaico figure:nth-child(3) {
    left: 50%;
    top: 50%;
    transform: translate(172%, 156%);
    width: 15%;
    z-index: 1;
}

.mosaico figure:nth-child(4):after {
    background-color: rgba(255, 255, 255, .3);
}

.mosaico figure:nth-child(4) {
    left: 50%;
    top: 50%;
    transform: translate(-357%, -150%);
    width: 15%;
    z-index: 1;
}

.mosaico figure:nth-child(5):after {
    background-color: rgba(255, 255, 255, .3);
}

.mosaico figure:nth-child(5) {
    left: 50%;
    top: 50%;
    transform: translate(-203%, -455%);
    width: 9%;
    z-index: 1;
}

.mosaico figure:nth-child(6):after {
    background-color: rgba(255, 255, 255, .3);
}

.mosaico span {
    position: absolute;
    border-radius: 0.5rem;
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--ilab-primary);
    left: 50%;
    top: 50%;
    transform: translate(-590%, -41%);
    z-index: -1;

}

.mosaico span+span {
    border-radius: 0.5rem;
    width: 4rem;
    height: 4rem;
    background-color: var(--ilab-tertiary);
    left: 50%;
    top: 50%;
    transform: translate(183%, -262%);
    z-index: -1;
}

.mosaico span+span+span {
    border-radius: 0.5rem;
    width: 3rem;
    height: 3rem;
    background-color: var(--ilab-quaternary);
    left: 50%;
    top: 50%;
    transform: translate(-299%, -481%);
    z-index: -1;

}

.mosaico span+span+span+span {
    border-radius: 0.5rem;
    width: 2rem;
    height: 2rem;
    background-color: var(--ilab-secondary);
    left: 50%;
    top: 50%;
    transform: translate(131%, 562%);
    z-index: -1;
}

/*-Page-ventajas-*/
.page-ventajas {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

/*-Page-caracteristicas-*/

.page-caracteristicas svg {
    margin-bottom: 1rem;
}

.page-ventajas .row>div:nth-child(2n)>.card,
.page-caracteristicas .row>div:nth-child(2n)>.card {
    bottom: unset;
}

.page-ventajas .card,
.page-caracteristicas .card {
    color: var(--ilab-light-gray);
    border-radius: 1rem;
    border: none;
}

#greencard {
    background-color: var(--ilab-tertiary);
}

#redcard {
    background-color: var(--ilab-primary);
}

#bluecard {
    background-color: var(--ilab-secondary);

}

/*-Page-estadistica-*/

.page-estadistica {
    padding-top: 3rem;
    padding-bottom: 1rem;

    position: relative;
    z-index: 0;
    margin-top: 2rem;
}

.page-estadistica::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    background-color: var(--ilab-tertiary);
    opacity: .3;
    z-index: -1;
}

.card-stadistics {
    font-size: 1.2rem;
    color: var(--ilab-dark-gray);
}

.count.percent {
    display: block;
    font-weight: bolder;
    color: var(--ilab-tertiary);
    font-size: clamp(3rem, 5vw, 4rem);
}

.card-stadistics {

    padding: 2rem;
    color: var(--ilab-dark-gray);
    background-color: var(--ilab-light-gray);
    border-radius: 0.5rem;
}


/*-Page-sedes-*/

.ciudades {
    color: var(--ilab-primary);
}

.page-sedes .img {

    height: auto;
    max-width: 100%;
    border-radius: 1rem
}

.page-sedes .card {
    background-color: var(--ilab-light-gray);
    border-radius: 1.5rem;
    padding: 1rem;
    border: none;
}

/*-Page-carousel-*/
.page-carousel {
    padding-bottom: 3rem;
}

#carousel-ilab {
    position: relative;
    z-index: 0;
}

#carousel-ilab::after {
    z-index: -1;
    content: '';
    position: absolute;
    height: 70%;
    right: -2rem;
    left: -2rem;
    top: unset;
    bottom: 0;
    background-color: var(--ilab-light-gray);
    border-radius: 1rem;
    padding: 2rem;
}

#carousel-ilab img {
    border-radius: 1rem;
    width: 100%;
}

#carousel-ilab .carousel-indicators {
    text-align: center;
    margin-top: 0.1rem;
    bottom: 0;
}

#carousel-ilab .carousel-indicators button {
    width: 1rem;
    height: 1rem;
    background-color: transparent;
    display: block;
    border-radius: 50%;
    border: solid 2px var(--ilab-light-gray);

}

#carousel-ilab .carousel-indicators button.active {
    opacity: 1;
    background-color: var(--ilab-light-gray);
}

#carousel-ilab .carousel-control-next {
    right: -4rem;
}

#carousel-ilab .carousel-control-prev {
    left: -4rem;
}

#carousel-ilab .carousel-control-prev-icon,
#carousel-ilab .carousel-control-next-icon {
    background-image: url(assets/img/chevron-right.svg);
}

/*-carousel-video-*/
#carousel-reto .carousel-indicators {
    text-align: center;
    margin-top: 0.1rem;
    bottom: -49px;

}

#carousel-reto .carousel-indicators button {
    width: 1rem;
    height: 1rem;
    background-color: transparent;
    display: block;
    border-radius: 50%;
    border: solid 2px var(--ilab-primary);
}

#carousel-reto .carousel-indicators button.active {
    opacity: 1;
    background-color: var(--ilab-primary);
}

#carousel-reto .carousel-control-next {
    right: -8rem;
}

#carousel-reto .carousel-control-prev {
    left: -8rem;
}

#carousel-reto .carousel-control-prev-icon,
#carousel-reto .carousel-control-next-icon {

    color: var(--ilab-primary);
}

/*-Page-cta-*/
.cta {
    color: var(--ilab-light-gray);
    position: relative;
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-image: url(assets/img/cta.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
}

.cta::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .5;
    background-color: var(--ilab-tertiary);
}

.cta .h2 {
    color: white;

}

.cta .h2::after {
    display: none;

}

.cta>div {
    position: relative;
    z-index: 2;
}

.cta-certifica {
    background-image: url(assets/img/cta-certifica.png);
}



/*-Page-education-*/

.page-ilab-education .h1 {
    color: var(--ilab-tertiary);
    display: inline-block;

}


.page-ilab-education figure {
    position: relative;
    z-index: 0;
    width: fit-content;
    margin: 0 auto;
}

.page-ilab-education figure::after,
.page-ilab-reto figure::after {
    position: absolute;
    content: '';
    background-image: url(assets/img/triangle-right-green.png);
    z-index: 1;
    width: 6rem;
    height: 5rem;
    bottom: -3rem;
    background-repeat: repeat-x;
    left: -1rem;
    background-size: 33.2%;
    margin-left: 0.6rem;
}

.cta-education {
    color: var(--ilab-light-gray);
    position: relative;
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-image: url(assets/img/cta-light-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    text-align: center;
}

.cta-education::before,
.cta-education::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
}

.cta-education::before {

    opacity: 1;
    mix-blend-mode: screen;
    background-color: var(--ilab-tertiary);
}

.cta-education::after {

    opacity: .5;
    background-color: white;
}

.cta-education>div {
    position: relative;
    z-index: 2;
}

.cta-education p,
.cta-education h2 {
    color: var(--ilab-secondary);
}

/*-Page-what-*/



.page-what>div {
    background-color: var(--ilab-light-gray);
    border-radius: 1rem;

}


.page-what-mosaico {
    position: relative;
    z-index: 0;
    height: 100%;
}

.page-what-mosaico figure {
    margin: 0;
    position: absolute;
}

.page-what-mosaico figure::after {
    content: '';
    inset: 0;
    background-color: rgba(255, 255, 255, .5);
    position: absolute;
}

.page-what-mosaico img {
    aspect-ratio: 1;
    border-radius: 1rem;
    object-fit: cover;
}

.page-what-mosaico figure:nth-child(1) {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40%;
    z-index: 0;
}

.page-what-mosaico figure:nth-child(1):after {
    display: none;
}

.page-what-mosaico figure:nth-child(2) {
    left: 50%;
    top: 50%;
    transform: translate(-150%, 50%);
    width: 20%;
    z-index: 1;
}

.page-what-mosaico figure:nth-child(3):after {
    background-color: rgba(255, 255, 255, .3);
}

.page-what-mosaico figure:nth-child(3) {
    left: 50%;
    top: 50%;
    transform: translate(310%, -330%);
    width: 15%;
    z-index: 1;
}

.page-what-mosaico figure:nth-child(4):after {
    background-color: rgba(255, 255, 255, .3);
}

.page-what-mosaico figure:nth-child(4) {
    left: 50%;
    top: 50%;
    transform: translate(-428%, -360%);
    width: 9%;
    z-index: 1;
}

.page-what-mosaico figure:nth-child(5):after {
    background-color: rgba(255, 255, 255, .3);
}

.page-what-mosaico figure:nth-child(5) {
    left: 50%;
    top: 50%;
    transform: translate(171%, 102%);
    width: 15%;
    z-index: 1;
}

.page-what-mosaico figure:nth-child(6):after {
    background-color: rgba(255, 255, 255, .3);
}

.page-what-mosaico span {
    position: absolute;
    border-radius: 0.5rem;
    width: 3rem;
    height: 3rem;
    background-color: var(--ilab-primary);
    left: 50%;
    top: 50%;
    transform: translate(-689%, -41%);
    z-index: -1;

}

.page-what-mosaico span+span {
    border-radius: 0.5rem;
    width: 4rem;
    height: 4rem;
    background-color: var(--ilab-tertiary);
    left: 50%;
    top: 50%;
    transform: translate(183%, -262%);
    z-index: -1;
}

.page-what-mosaico span+span+span {
    border-radius: 0.5rem;
    width: 3rem;
    height: 3rem;
    background-color: var(--ilab-quaternary);
    left: 50%;
    top: 50%;
    transform: translate(-573%, -481%);
    z-index: -1;

}

.page-what-mosaico span+span+span+span {
    border-radius: 0.5rem;
    width: 3rem;
    height: 3rem;
    background-color: var(--ilab-secondary);
    left: 50%;
    top: 50%;
    transform: translate(-32%, 389%);
    z-index: -1;
}

/*-Page-certificate*/

.figure-opacity img {
    opacity: 0.5;
}

/*-Page-kits*/
.page-kits {
    padding-top: 5rem;
    padding-bottom: 5rem;

}

.page-kits nav {
    position: sticky;
    top: 4.7rem;
    background-color: white;
    z-index: 9;
    padding: 0.2rem;
}

.page-kits p {
    text-align: center;
}

.page-kit img {
    object-fit: cover;
}

.page-kits .card {
    box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.10);
    background: var(--ilab-light-gray);
    border: none;
    border-radius: 1rem;
    overflow: hidden;
}



.card-content {
    color: var(--ilab-dark-gray);
    position: relative;
    padding-left: clamp(2rem, 5vw, 5rem);
    padding-top: 2rem;
    padding-right: clamp(2rem, 5vw, 5rem);
    padding-bottom: 2rem;
}


.card-kit {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
    aspect-ratio: 8/6;
}

.page-kits .elemento {
    position: relative;
}

.elemento::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0%;
    width: 85%;
    height: 1px;
    background-color: var(--ilab-dark-gray);
    opacity: 0.5;
}

.img-promo {

    border-radius: 0;
}

#kittabsContent figure {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0;
    z-index: 0;
}

#kittabsContent figure::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    height: 50%;
    z-index: 0;
}

#kittabsContent figure a {
    position: absolute;
    left: 50%;
    bottom: 2rem;
    transform: translateX(-50%);
    margin: 0;
    width: 80%;
    z-index: 1;
}



/*-Page-products*/

.page-products .row {
    background: var(--ilab-light-gray);
}

.page-products img {
    height: 100%;
    object-fit: cover;
}


.info-prod {
    padding: 4rem 0;
}

/*-cta-education*/
.cta-education .h2::after {
    display: none;
}


/*-Page-centro-*/


.page-centro {
    padding-top: 3rem;
    padding-bottom: 2rem;
    overflow: hidden;
}

.page-centro figure {
    position: relative;
    z-index: 0;
    width: fit-content;
    margin: 0 auto;
}

.page-centro figure::after {
    position: absolute;
    content: '';
    background-image: url(assets/img/triangle-right.svg);
    z-index: 1;
    width: 9rem;
    height: 6rem;
    top: -2rem;
    background-repeat: repeat-x;
    right: 0rem;
    background-size: 33%;
}

.page-centro figure img {
    border-radius: 1rem;
}


/*-Page-testimonios-*/

.page-testimonios {
    background-color: var(--ilab-light-gray);
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.page-testimonios .item-content {
    background-color: var(--ilab-tertiary);


}

.page-testimonios .carousel-item {
    background-color: var(--ilab-tertiary);
    padding: 2rem;
    border-radius: 1rem 1rem 1rem 0;
}

.page-testimonios .item-content {

    text-align: center;
    padding: 1rem;
}

.page-testimonios .item-content .text-slide {
    color: white;
}

.page-testimonios .carousel-indicators button {
    width: 1rem;
    height: 1rem;
    background-color: transparent;
    display: block;
    border-radius: 50%;
    border: solid 2px var(--ilab-light-gray);

}

.page-testimonios .carousel-indicators button.active {
    opacity: 1;
    background-color: var(--ilab-light-gray);
}

.page-testimonios .carousel-control-prev-icon {
    rotate: none;
}

.page-centros {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.page-centros .h2 {
    display: inline-block
}


.page-centros img {
    height: auto;
    max-width: 100%;
    border-radius: 1rem;
    aspect-ratio: 3/2;
    object-fit: cover;
    object-position: center;
}

.page-centros .card {
    border-radius: 1rem;
    background-color: var(--ilab-light-gray);
    border-radius: 1.5rem;
    padding: 1rem;
    border: none;
    box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.10);
    height: 100%;
}

.page-centros .card .card-body {
    display: flex;
    flex-direction: column;
}

.page-centros .card .card-body a {
    margin-top: auto;
    margin-bottom: 0;
}

/*-Page-inscribe-centro-*/

.page-inscripcion .bg-content {
    background-color: var(--ilab-light-gray);
}


.img-overlay {
    position: relative;
    left: -4rem;
    bottom: -5rem;
    z-index: 0;
    height: fit-content;
}



.img-overlay::before {
    content: "";
    position: absolute;
    border-radius: 1.5rem;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(23, 153, 140, 0.8);
    z-index: 0;
}

.img-overlay::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url(assets/img/ph_envelope.png);
    background-size: cover;
    width: 30%;
    height: 20%;
    z-index: 0;

}




/*-form-wrap-*/
.form-wrap {
    background-color: var(--ilab-light-gray);
    box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.10);
    border-radius: 1.5rem;
    position: relative;
    z-index: 0;
    padding: 1.5rem;


}

.form-wrap::after {
    position: absolute;
    content: '';
    background-image: url(assets/img/triangle-right.svg);
    z-index: 1;
    width: 10rem;
    height: 5rem;
    top: -2rem;
    right: 2rem;
    background-size: 33%;
    background-repeat: repeat-x;
}

.form-wrap .nf-form-content input[type=submit] {
    background-color: var(--ilab-primary);
    border: 0;
    color: var(--ilab-light-gray);
    transition: all .5s;
    padding: 1rem;

}

.inscribe-centro {
    position: relative;
    z-index: 0;
    padding-top: 5rem;
    padding-bottom: 5rem;
    overflow-x: hidden;
}

.inscribe-centro .icono {
    display: none;

}

/*Formulario*/
.nf-form-content .list-select-wrap .nf-field-element>div,
.nf-form-content input:not([type=button]),
.nf-form-content textarea {
    border: none !important;
    border-bottom: 1px solid var(--ilab-dark-gray) !important;
    background: transparent !important;
}

.nf-form-content .list-select-wrap .nf-field-element>div:focus,
.nf-form-content input:not([type=button]):focus,
.nf-form-content textarea:focus {

    background: white !important;
}

.nf-field-label .nf-label-span,
.nf-field-label label {
    color: var(--ilab-secondary);
    font-weight: 500 !important;
}

.form-wrap .nf-form-content input[type=submit] {
    background-color: transparent !important;
    color: var(--ilab-primary) !important;
    border: 2px solid var(--ilab-primary) !important;
    border-radius: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: .1rem !important;
    line-height: 1rem !important;
    font-family: 'Ubuntu Condensed' !important;
}

.form-wrap .nf-form-content input[type=submit]:hover {
    background-color: var(--ilab-primary) !important;
    color: white !important;
    border: 2px solid var(--ilab-primary) !important;
}

/*-Events-*/
.page-events {
    padding-bottom: 5rem;
}

.page-resources .h2::after,
.page-events .h2::after {
    display: none;

}

.page-events .h2 {
    color: var(--ilab-tertiary);

}

.resources-overlay,
.events-overlay {
    position: relative;
    left: -4rem;
    bottom: -5rem;
    z-index: 0;
}


.page-resources figure:nth-child(2)::after,
.page-events figure:nth-child(2)::after,
.events-overlay figure::after {
    position: absolute;
    content: '';
    background-image: url(assets/img/triangle-right-green.png);
    z-index: 1;
    width: 8rem;
    height: 5rem;
    background-repeat: repeat-x;
    background-size: 33.1%;
    top: -1.5rem;
    right: -2.5rem;
}


.page-resources a,
.page-events a {
    text-transform: uppercase;
}


.event-types .card {
    background-color: var(--ilab-light-gray);
    border-radius: 1.5rem;
    padding: 1rem;
    border: none;

}

.event-types .card img {
    border-radius: 1rem;
    object-fit: cover;
    height: 100%;
}

.event-types .img {

    height: auto;
    max-width: 100%;
    border-radius: 1rem;
}

span.table-heading {
    font-size: 1.2rem;
    font-weight: bolder;
    color: var(--ilab-primary);
}

.event-content {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.event-content:nth-child(odd) {
    background-color: var(--ilab-light-gray);
}

.event-content>div {
    border-right: 1px solid var(--ilab-gray);
    padding-right: 10px;
    font-size: 1rem;
}

.event-content>div:last-child {
    border-right: none;

}

.next-events {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

/*-Reto-*/

.challenge figure {
    position: relative;
    margin: 0;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40p
}


.challenge figure::after {
    position: absolute;
    content: '';
    background-image: url(assets/img/triangle-right-green.png);
    z-index: 1;
    width: 8rem;
    height: 6rem;
    bottom: -3rem;
    background-repeat: repeat-x;
    left: -1rem;
    background-size: 33.1%;
}


.reto-content:nth-child(even) {
    background-color: var(--ilab-light-gray);
}

.reto-content strong {
    color: var(--ilab-primary);
    font-size: 1.2rem;
}

.reto-content span {
    color: var(--ilab-secondary);
    font-size: 1.2rem;
}

.challenge strong {
    color: var(--ilab-primary);
    font-size: 1.2rem;
}

.reto-card h1 {
    color: var(--ilab-secondary);
}


.gallery {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-auto-rows: unset;
    grid-gap: 1rem 0;
}

.gallery__item {
    /* aspect-ratio: 1; */
    margin: 0;
    grid-column-end: span 1;
    grid-row-end: span 1;
}

.gallery__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

#carousel-reto video {
    border-radius: 1rem;
}

.carousel-control-prev-icon {
    rotate: 180deg;
}




/*Lightbox*/
.pswp__bg {
    opacity: 0.9 !important;
    background-color: var(--ilab-dark-gray);
}



/*-Page-sube-reto-*/
.page-tureto {
    padding-top: 10rem;
}



.page-tureto figure {
    position: relative;

}

.page-tureto figure::after {
    position: absolute;
    content: '';
    background-image: url(assets/img/triangle-right.svg);
    z-index: 1;
    width: 10rem;
    height: 4rem;
    top: -1rem;
    background-repeat: repeat-x;
    right: -1rem;
    background-size: 33%;
}

.page-step span {
    font-size: 5rem;
    color: var(--ilab-primary);
    opacity: 0.5;
    text-align: center;

}

.page-step {
    padding: 3rem 0 3rem 0;
}

.page-step figure {
    margin: 0;
    padding: 0;
}

.page-step p {
    margin-bottom: 1.5rem;
}


.backgrnd {
    padding: 0;
}

/*-Retos-*/
.page-header h1 {
    color: var(--ilab-tertiary);
    font-size: 3rem;
    line-height: 3.3rem;
    margin-bottom: 2rem;
    font-weight: 800;
}

.page-header .archive-description {
    color: var(--ilab-dark-gray);
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1rem;

}

.card-img-lg-start {
    aspect-ratio: 8/6;
    object-fit: cover;
    border-radius: 0;
}

/*-conatcto-*/

.page-localizacion button {
    margin-right: 1rem;
    margin-bottom: 2rem;
}

.data-contacto .tab-pane>div {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.data-contacto img {
    width: 2rem;
    height: 2rem;
}

.data-contacto a {
    display: flex;
    gap: 1rem;
    text-decoration: none;
    color: var(--ilab-dark-gray);
    font-size: 1.2rem;
}

/*-home-noticias-*/
#home-noticias {
    position: relative;
}

#home-noticias .carousel-indicators {
    top: calc(100% - 1rem);

    left: 50%;
    transform: translateX(-50%);
    right: unset;
    width: fit-content;
    height: fit-content;
    right: unset;
    margin: 0;
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

#home-noticias .carousel-indicators button {
    background-color: var(--ilab-tertiary);
    width: 2rem;
    height: 2rem;
    border-radius: 15%;
    background-clip: unset;
    border: 0;
}



.home-noticias-foto {
    border-radius: 0;
    background-position: center;
    aspect-ratio: 8/6;
    background-size: cover;
    background-repeat: no-repeat;
}

.home-noticias-resumen {
    background-color: var(--ilab-light-gray);

}

.home-noticias-resumen>div {
    padding-left: clamp(2rem, 5vw, 6rem);
    padding-right: clamp(2rem, 5vw, 6rem);
    padding-bottom: 2rem;
    padding-top: 2rem;
}

.home-noticias-resumen h3 a {
    color: var(--ilab-secondary);
    text-decoration: none;

}

#home-noticias-carousel .carousel-item {
    border-radius: 1rem;
    overflow: hidden;
}

#home-noticias-carousel .carousel-control-prev,
#home-noticias-carousel .carousel-control-next {
    display: none;
}

#home-noticias-carousel .carousel-control-prev-icon,
#home-noticias-carousel .carousel-control-next-icon {
    background-image: url(assets/img/chevron-right.svg);
}



/*-recursos-*/
.page-resources {
    padding-bottom: 5rem;
}

.page-resources .h1 {
    color: var(--ilab-tertiary);
}

#multimedia {
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-color: var(--ilab-light-gray);
}

#multimedia .recurso .reto-content {
    padding: .5rem 0;
}

#multimedia .recurso:nth-child(2n) .reto-content {
    background-color: white !important;
}

#material {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

#material .card {
    border: none;
    padding: 1rem;
    border-radius: 1.5rem;
    background-color: var(--ilab-light-gray);
    text-align: center;
}

#material .card img {
    object-fit: cover;
    aspect-ratio: 8/6;
    border-radius: 1rem;
    margin-bottom: 1rem;
}

.condiciones-uso {
    color: var(--ilab-light-gray);
    position: relative;
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-image: url(assets/img/cta-light-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    text-align: center;
}

.condiciones-uso::before,
.condiciones-uso::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
}

.condiciones-uso::before {

    opacity: 1;
    mix-blend-mode: screen;
    background-color: var(--ilab-tertiary);
}

.condiciones-uso::after {

    opacity: .8;
    background-color: white;
}

.condiciones-uso>div {
    position: relative;
    z-index: 2;
}

.condiciones-uso .card {
    align-items: center;
    gap: 1rem;
    border: none;
    background-color: white;
    border-radius: 1.5rem;
    padding: 1rem;
}

.condiciones-uso .card svg {
    width: 4rem;
    height: 4rem;
    color: var(--ilab-tertiary);
}

.condiciones-uso .card span.h5 {
    color: var(--ilab-secondary);
}

.condiciones-uso p {
    color: var(--ilab-secondary);
}

/*----Blog----*/
/*--Index--*/
.blog .categories {
    display: flex;
    flex-wrap: wrap;
    gap: 0 0.5rem;
    justify-content: center;
    margin: 1rem 0;

}


#content .h1 {
    color: var(--ilab-tertiary);
}

.category-badge {
    display: none;
}

.blog-post-title {
    color: var(--ilab-primary);
    margin-bottom: 2rem;

}

.author a {
    color: var(--ilab-dark-gray);
    text-transform: uppercase;
}

.updated,
.byline {
    text-transform: uppercase;
    color: var(--ilab-dark-gray);
    margin-bottom: 2rem;

}

.text-body {
    margin-bottom: 2rem;
}

.comments-link {
    display: none;
}

.fa-comments:before {
    display: none;
}

.read-more {
    color: var(--ilab-dark-gray);
}

.entry-date {
    display: none;
}

.horizontal {
    border: none;
    border-radius: 1.25rem;
    background-color: var(--ilab-light-gray);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

}

.horizontal img {
    border: 0 !important;

}

.horizontal .card-body {
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-right: 2rem;
    padding-left: 2rem;

}

.horizontal p {
    margin-bottom: 2rem;
}




.read-more {
    color: var(--ilab-primary);
    border: 0.1rem solid var(--ilab-primary);
    border-radius: 0;
    text-transform: uppercase;
    padding: auto;
    margin-bottom: 1rem;
    padding: 0.5rem;


}

.read-more {
    text-decoration: none !important;
}

/*--Single--*/

.single-post {
    margin-top: 2rem;
}

.single-post h1 {
    color: var(--ilab-tertiary);
    font-size: 3rem;
    line-height: 3.3rem;
    margin-bottom: 2rem;
    font-weight: 800;
}

/*--Paginación--*/
.pagination a.page-link {
    color: var(--ilab-primary);
    border: 0.1rem solid var(--ilab-primary);
    border-radius: 0 !important;
    text-transform: uppercase;
    padding: auto;
    margin-bottom: 1rem;
    font-family: 'Ubuntu Condensed';
}

.pagination a.page-link:hover {
    color: white;
    border: 0.1rem solid var(--ilab-primary);
    background-color: var(--ilab-primary);
}

/*---404---*/
.page-404 h1 {
    font-size: 1rem;
    text-transform: uppercase;
    color: var(--ilab-gray);
}

.page-404 h1>span {
    display: block;
}

.page-404 h1>span>span {
    font-size: clamp(7rem, 21vw, 12rem);
    font-weight: bolder;
}

.page-404 h1>span>span:nth-child(1) {
    color: var(--ilab-tertiary);
}

.page-404 h1>span>span:nth-child(2) {
    color: var(--ilab-quaternary);
}

.page-404 h1>span>span:nth-child(3) {
    color: var(--ilab-primary);
}

/*----Footer----*/
.footer-main-logo img {
    mix-blend-mode: multiply;
    margin-bottom: 2rem;
    width: 12rem;
}

.footer-logos {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.footer-logos img {
    width: 6rem;
}

.footer_widget .widget-title {
    color: var(--ilab-secondary);
    font-weight: 600;
    margin-bottom: 3rem;
}

.footer_widget ul {
    display: flex;
    flex-direction: column !important;
    gap: 1rem;
}

.footer_widget ul li a {
    text-decoration: none;
    color: var(--ilab-dark-gray);
}

.footer_widget ul li a:hover {

    color: var(--ilab-gray);
}

footer #caronte-svg {
    max-height: 1.5rem;
    fill: var(--ilab-dark-gray);
}

footer a {
    color: var(--ilab-dark-gray)
}

footer a:hover {
    color: var(--ilab-gray)
}

.top-button {
    background-color: var(--ilab-tertiary);
    border: 1px solid var(--ilab-tertiary);
}

.top-button:hover,
.top-button:active {
    background-color: var(--ilab-secondary) !important;
    border: 1px solid var(--ilab-secondary) !important;
}

ul.social-ul {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    flex-direction: row !important;
    justify-content: start !important;
    margin: 1rem 0;
}

.social-ul li svg {
    width: 1.7rem;
    height: 1.7rem;
    color: var(--ilab-primary);
    transition: .3s ease-in-out;
}

.social-ul li a:hover svg {
    opacity: .75;
}

/*-simbolo-+-en-logo-footer-*/
.simbolo {
    font-size: 2rem;
    color: var(--ilab-primary);
    font-weight: bold;
}



/*----Plugins----*/

/* CookieYes */

div[data-cky-tag="detail-powered-by"] {
    display: none !important;
}

/*----MQ----*/

/*sm*/





@media (min-width: 576px) {

    #home-noticias-carousel .carousel-control-prev,
    #home-noticias-carousel .carousel-control-next {
        display: block;
    }

    .page-step span {
        font-size: 8rem;

    }

    .cta-education {
        text-align: start;
    }

    .page-kits p {
        text-align: start;
    }

    .h2::after {

        margin-left: 0;
    }

    .h2 {

        font-size: 2.3rem;
        margin-bottom: 2rem;
        margin-left: 0;
    }

    .page-hero figure::after {

        width: 12rem;
        height: 4rem;
        top: -2rem;
        right: -1rem;
    }

    /*--Pseudoelemento-título--*/
    .page-ilab-education figure::after,
    .page-ilab-reto figure::after {

        width: 12rem;
        height: 5rem;
        bottom: -2rem;
        left: -1rem;


    }

    /*--Pseudoelemento-título--*/
    .page-events .events-overlay::after {
        display: block;
    }

    /*--Galería--*/
    .gallery {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: minmax(20rem, 30vw);
        grid-gap: 1.5rem;
    }

    .bootscore-footer ul {
        flex-direction: row;
        justify-content: end;
    }

    .bootscore-footer ul li:not(:last-child) a {
        border-right: 1px solid var(--ia-primary);
    }

    .h1 {
        font-size: 3rem;
        line-height: 3.3rem;
    }


}


/*md*/
@media (min-width: 768px) {
    .backgrnd {
        background-color: var(--ilab-light-gray);
        border-radius: 1rem;
        padding: 2rem 2rem 2rem 2rem;

    }


    /*---home-grid---*/
    .reticula {


        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
        gap: 1rem;
        grid-template-areas:
            "grid-logo grid-ae grid-noticias"
            "grid-ilab grid-ae grid-noticias"
            "grid-ilab grid-eventos grid-certifica"
            "grid-ilab grid-eventos grid-certifica "
            "grid-contacto grid-privada grid-privada";
    }

    .home-nav {

        transform: translate(-730px, -50%);
        display: block;

    }

    .inscribe-centro .icono {
        display: block;
        transform: translate(52vw, 147%);

    }

    .mosaico figure {
        display: block;
    }

    .page-centro figure::after {
        width: 12rem;
        height: 4rem;
        top: -2rem;
    }
}

/*lg*/
@media (min-width: 992px) {

    /*----Blog----*/
    .horizontal img {
        border-radius: 1rem 0rem 0rem 1rem;

    }


    /*---home-grid---*/
    .reticula {


        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        gap: 1rem;
        grid-template-areas:
            "grid-logo grid-ae grid-noticias grid-contacto"
            "grid-ilab grid-ae grid-noticias grid-contacto"
            "grid-ilab grid-eventos grid-certifica grid-contacto"
            "grid-ilab grid-eventos grid-certifica grid-privada";
    }

    /*--Galería--*/

    .gallery {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: minmax(25rem, 30vw);
        grid-gap: 1.5rem;
    }

    .gallery__item:nth-child(4n) {
        grid-column-end: span 2;
        grid-row-end: span 1;
    }

    .gallery__item:first-child,
    .gallery__item:nth-child(7n),
    .gallery__item:nth-child(9n) {
        grid-column-end: span 1;
        grid-row-end: span 2;
    }





}

/*xl*/
@media (min-width: 1200px) {
    .full-section-img {
        aspect-ratio: unset;
    }

    .page-ventajas .row>div:nth-child(2n)>.card,
    .page-caracteristicas .row>div:nth-child(2n)>.card {
        bottom: 2rem;
    }

    #home-noticias .carousel-indicators {
        top: 2rem;
        width: fit-content;
        height: fit-content;
        left: -1rem;
        flex-direction: column;
        transform: none;
    }

    #carousel-ilab::after {

        width: 70%;
        height: 100%;
        right: 0;
        left: unset;
        bottom: unset;
        top: 50%;
        transform: translateY(-50%);
    }

    .mosaico {

        margin: 0;

    }



}

/*xxl*/
@media (min-width: 1400px) {
    .home-nav {

        left: 50%;
        transform: translate(-730px, -50%);
    }
}