@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");

:root {
    --color-primary: #28942d;
    --color-secondary: #7ba758;
    --color-background-primary: #333333;
    --color-background-secondary: #345234;
    /*COLORES PRIMARIOS*/
    --primary-100: #ECEAEA;
    --primary-200: #AAAAAA;
    --primary-300: #8E9597;
    --primary-400: #000000;
    /*COLORES SECUNDARIOS*/
    --secondary-100: #ECEAEA;
    /*--secondary-200: #888484;*/
    /*--secondary-300: #534f4f;*/
    --secondary-400: #000000;
    /*INFO AL USUARIO*/
    --info-50: #ebf0f9;
    --info-100: #87a5de;
    --error: #d35f5f;
    --success: #66cc85;
    --warning: #e1931e;
    /*TEXTO Y OTROS*/
    --stroke: #f0f0f0;
    --stroke-2: #cce7c5;
    --text-light: #667085;
    --text-dark: #475467;
    --neutral-50: #f1f1f4;
    --neutral-100: #d0d5dd;
    --neutral-200: #55556d;
    /*BÁSICOS*/
    --white: #fafafa;
    --black: #1a1a1a;
    /*TEXTO*/
    --font-primary: "Montserrat", sans-serif !important;
    /*TAMAÑOS*/
    --size-64: 64px;
    --size-48: 48px;
    --size-36: 36px;
    --size-24: 24px;
    --size-20: 20px;
    --size-18: 18px;
    --size-16: 16px;
    --size-14: 14px;
    /*BOX SHADOW*/
    --shadow-1: 0px 1px 7px 0px rgba(0, 0, 0, 0.1);
    --shadow-2: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}


.home__container .cabecera h1 {
    margin-bottom:30px
}

    .home__container .cabecera h1,
    .home__container .cabecera h3 {
        font-family: var(--font-primary);
    }

    .home__container p strong {
        color: var(--black);
        margin: 0
    }

.home__container p{
    margin: 0
}

.cabecera {
    background: var(--secondary-100, #EDEDED);
}
.cabecera p, .card__text p {
    font-size: var(--size-14);
    color: var(--text-dark);
    max-width:90%
}

.navbar-nav {
    gap: 20px;
}

div.navbar img{
    max-width:100%;
    max-height:40px!important
}
/******** PILLS **********/
.card__img, .card__text {
    position: relative
}

.play-video, .info, .pdf-download {
    width: 100%;
    height: 100%;
    display: flex;
    transition: background-color 0.4s ease-in-out;
    z-index: 3;
    position: absolute;
    align-items: center;
}

.play-video,.info {
    background-color: #1a1a1a52;
    justify-content: center;
}

.pdf-download,.video-title {
    background-color: #1a1a1aa8;
    justify-content: flex-start;
    flex-direction: column;
    gap: 20px;
    padding:24px
}


    .info + div {
        width: 100%
    }

.play-video:hover, .info:hover, .pdf-download:hover {
    background-color: transparent
}

.play-video img, .info img, .pdf-download img {
    display: block;
    width: 55px;
    height: auto;
    z-index: 2;
}

.card__group.accent .card__text {
    background-color: var(--primary-400);
}

.card__group .card__alert {
    padding-top: 16px;
    color: var(--primary-400);
}