@charset "utf-8";

main {
    background: linear-gradient(192.38deg, rgba(189, 185, 215, 0.4) 48.17%, rgba(174, 170, 206, 0.4) 70.13%), linear-gradient(206.03deg, rgba(124, 115, 191, 0.4) 16.45%, rgba(202, 198, 229, 0.4) 39.47%), #FFFFFF;
    padding-top: 4em;
}

#menulateral > nav > a:nth-of-type(6) {
    font-weight: 600;
    text-decoration: underline;
}
#navegadorsuperior a:nth-of-type(6) {
    font-weight: 600;
    background-size: 100% 1px;
}
#crearmarco {
    margin-top: 3.75em;

    padding: var(--margendoble) var(--margen);
    border-radius: 1em;
    background-color: var(--u-i0);
}
h1 {
    margin: 0px;
    position: relative;
    z-index:2;
    font-size: 1em;
    color: var(--morado500);
}
h1 > div {
    padding-bottom: 1em;
    background: linear-gradient(0deg, #F3F3F2 11.12%, #F3F3F2 32.45%, #B5B1D2 100);
    padding-right: var(--margen);
}

h1 > div > div {
    font-size: 2.5em;
}
#textopresentacion {
}
#contenedorarticulos  {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 2em;
    
}
#contenedorarticulos .verenpestana {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 2rem;
    height: auto;
    background-image:url("../imagenes/verenpestana.svg");
    background-size: 100% 100%;
    transition: background-image .2s ease-in 0s;
    cursor: pointer;
}
#contenedorarticulos .verenpestana:hover {
    background-image:url("../imagenes/verenpestanahover.svg");
}
#contenedorarticulos .verenpestana img {
    opacity: 0;
    width: 100%;
    height: auto;
    display: block;
}
#contenedorarticulos > article {
    transition: background-color .3s ease-in-out 0s, border .3s ease-in-out 0s,opacity 1s ease-in-out, transform 1s ease-in-out;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 6px;
    background-color: var(--blanco);
}
#contenedorarticulos > article:hover {
    background-color: var(--morado500al20);
}
#contenedorarticulos > article > img {
    display: block;
    width: 100%;
    height: auto;
    background-position: center center;
    background-size: cover;
}
#contenedorarticulos article:hover .flecha2 {
    background-color: var(--morado300);
}
#contenedorarticulos article:hover .flecha2 > img{
    filter: brightness(300);
}
#contenedorarticulos > article > div {
    display: flex;
    flex-direction: column;
    padding: 1em 2em;
    flex-grow: 1;
}
#contenedorarticulos h2, #contenedorarticulos p {
    margin: 0px;
}
#contenedorarticulos > article > div p:first-of-type {
    margin-bottom: .5em;
}
#contenedorarticulos > article > div p:nth-of-type(2) {
    margin-top: .5em;
    margin-bottom: 0px;
    flex-grow: 1;
}
#contenedorarticulos > article > div p:last-of-type {
    text-align: right;
}


/*#paginado {
    margin-right: var(--margen);
}*/
@media (max-width: 1000px) {
    #contenedorarticulos  {
        grid-template-columns: repeat(2,1fr);
    }
}
@media (max-width: 700px) {
    #crearmarco, #contenedortextoinferior {
        padding: calc(var(--margen) + 1em);
    }
}
@media (max-width: 600px) {
    #contenedorarticulos  {
        grid-template-columns: repeat(1,1fr);
    }
}