@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

#variantesLogotipoEditables article,
#plecasEditables article,
#materialAudiovisualEditables article,
#iconografiaEditables article{
    border: solid 2px #D5D5D5;
    padding-top: 20px;
    padding-bottom: 20px;
}
#variantesLogotipoEditables article a,
#plecasEditables article a,
#materialAudiovisualEditables article a,
#iconografiaEditables article a{
    font-family: 'AmorSansProBold';
    text-decoration:none;
    color: #000;
}
#variantesLogotipoEditables article a small,
#plecasEditables article a small,
#materialAudiovisualEditables article a small,
#iconografiaEditables article a small{
    color:#727272;
}
#variantesLogotipoEditables article:nth-child(2),
#variantesLogotipoEditables article:nth-child(3),
#plecasEditables  article:nth-child(2),
#materialAudiovisualEditables article:nth-child(2),
#materialAudiovisualEditables article:nth-child(3),
#materialAudiovisualEditables article:nth-child(5),
#materialAudiovisualEditables article:nth-child(6),
#materialAudiovisualEditables article:nth-child(8),
#materialAudiovisualEditables article:nth-child(9),
#iconografiaEditables article:nth-child(2),
#iconografiaEditables article:nth-child(3),
#iconografiaEditables article:nth-child(5),
#iconografiaEditables article:nth-child(6){
    border: solid 2px #D5D5D5;
}

#materialAudiovisualEditables article:nth-child(4),
#materialAudiovisualEditables article:nth-child(5),
#materialAudiovisualEditables article:nth-child(6),
#materialAudiovisualEditables article:nth-child(7),
#materialAudiovisualEditables article:nth-child(8),
#materialAudiovisualEditables article:nth-child(9),
#variantesLogotipoEditables article:nth-child(4),
#variantesLogotipoEditables article:nth-child(5),
#iconografiaEditables article:nth-child(4),
#iconografiaEditables article:nth-child(5),
#iconografiaEditables article:nth-child(6){
    border-top: 0;
}

#materialAudiovisual p strong{
    font-family: 'Inter-Bold';
}

#colores p strong{
    font-family: 'Inter-Bold';
}
img{
    max-width:70%;
}
#iconFlecha img,
#materialAudiovisual img,
#colores img,
#fotografias img,
#iconografia img{
     max-width:100%;
}
#tipografias a{
    color:#D50057;
}
#plecas img{
    max-width: 100%;
    border: solid 1px black;
}

.color strong{
    font-family: 'Inter-Bold';
    text-align: center;
    display: block;
}
#fotografias > .row .color{
    position: relative;
}
.btnDescarga{
    width: 20px;
    position: absolute;
    right: 25px;
    bottom: 15px;
}
.btnDescarga2{
    width: 20px;
    position: absolute;
    right: 25px;
    bottom: 36%;
}
.btnDescarga3{
    width: 20px;
    position: absolute;
    right: 25px;
    bottom: 40%;
}
.btnDescarga4{
    width: 20px;
    position: absolute;
    right: 25px;
    bottom: 53%;
}
.btnDescarga5{
    width: 20px;
    position: absolute;
    right: 25px;
    bottom: 20%;
}
@media (max-width: 992px) {

    /* Imagen cuando aria-expanded es false */
    .navbar-toggler[aria-expanded="false"] .navbar-toggler-icon {
        background-image: url('../img/icon-menu.png') !important; /* Imagen por defecto */
    }

    /* Imagen cuando aria-expanded es true */
    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
        background-image: url('../img/icon-cerrar.png') !important; /* Imagen para cuando está expandido */
    }
    #variantesLogotipoEditables article:nth-child(1),
    #variantesLogotipoEditables article:nth-child(2),
    #variantesLogotipoEditables article:nth-child(3),
    #plecasEditables article:nth-child(1),
    #materialAudiovisualEditables article:nth-child(1),
    #iconografiaEditables article:nth-child(1),
    #iconografiaEditables article:nth-child(2),
    #iconografiaEditables article:nth-child(3),
    #iconografiaEditables article:nth-child(4),
    #iconografiaEditables article:nth-child(5){
        border: solid 2px #D5D5D5;
        border-bottom:none;   
    }
    
    #variantesLogotipoEditables article:nth-child(4),
    #plecasEditables article:nth-child(2),
    #materialAudiovisualEditables article:nth-child(2),
    #iconografiaEditables article:nth-child(6){
        border: solid 2px #D5D5D5;
    }
    img{
        max-width:100%;
    }
    
    #materialAudiovisual img{
        padding-top:40px;
    }

    #fotografias > .row .color .Mobile > .col-12{
        position:relative;
    }
    .btnDescargaMobile{
        bottom: 55px;
    }

    .btnDescarga5{
        bottom: 15px;
    }
}


.bold-text-note {
    color: #D50057;
    font-weight: bold !important;
    font-family: 'Inter', sans-serif;
}

.row-end {
    align-items: flex-end; /* Alinea todo el contenido al fondo */
}