@font-face {
    font-family: 'Lobster';
    src: url('../fuentes/Lobster-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'EB Garamond';
    src: url('../fuentes/EBGaramond[wght].ttf') format('truetype');
}
@font-face {
    font-family: 'Playfair Display';
    src: url('../fuentes/PlayfairDisplay-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../fuentes/CormorantGaramond-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'Raleway';
    src: url('../fuentes/Raleway-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'Comfortaa';
    src: url('../fuentes/Comfortaa-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'Dancing Script';
    src: url('../fuentes/DancingScript-VariableFont_wght.ttf') format('truetype');
}
.contenido-autor{
    background-color: var(--color-fondo);
    color:var(--color-texto);
    font-family:var(--tipografia-cuerpo);
    padding:1px 0 30px 0;
}

.autor-pagina{
    background:white;
    border:1px solid var(--color-acento);
    border-radius:12px;
    max-width:800px;
    margin:30px auto;
    padding:30px;
    text-align:center;
    box-sizing:border-box;
}

.foto-autor-pagina{
    max-width:220px;
    max-height:280px;
    width:auto;
    height:auto;
    border-radius:10px;
    display:block;
    margin:20px auto;
}

.biografia-autor{
    max-width:700px;
    margin:30px auto;
    text-align:justify;
}

.biografia-autor h2{
    color:var(--color-titulos);
    font-family:var(--tipografia-titulo);
}

.biografia-autor p{
    line-height:1.7;
    font-family:var(--tipografia-cuerpo);
    color:var(--color-texto);
}

.logo-autor{
    max-width:100px;
    max-height:100px;
    width:auto;
    height:auto;
    display:block;
    margin:30px auto 10px auto;
}

.autor-pagina h1{
    color:var(--color-titulos);
    font-family:var(--tipografia-titulo);
}

.ficha-autor-pagina{
    background:white;
    border-radius:12px;
    max-width:800px;
    margin:30px auto;
    padding:30px;
    box-sizing:border-box;
}

.ficha-a{
     border:1px solid var(--color-acento);
}

.ficha-b{
     border:1px solid var(--color-acento);
}

.ficha-autor-pagina h2{
    color:var(--color-titulos);
    font-family:var(--tipografia-titulo);
    text-align:center;
    margin-top:0;
}

.contactos-autor{
    text-align:left;
}

.contactos-autor p{
    margin:12px 0;
    line-height:1.6;
}

.contactos-autor strong{
    font-family:var(--tipografia-cuerpo);
    color:var(--color-texto);
}

.contactos-autor a{
    color:#0d5dd6;
    text-decoration:none;
}

.contactos-autor a:hover{
    text-decoration:underline;
}
.anuncio-autor h3{
    color:var(--color-titulos);
    font-family:var(--tipografia-titulo);
    margin-top:0;
}
.obras-autor-pagina{
    display:flex;
    flex-direction:column;
    gap:30px;
}

.obra-autor{
    display:flex;
    gap:25px;
    align-items:flex-start;
    text-align:left;
}

.portada-obra-autor{
    width:140px;
    height:auto;
    border-radius:8px;
    flex-shrink:0;
}

.datos-obra-autor{
    flex:1;
}

.datos-obra-autor h3{
    color:var(--color-titulos);
    font-family:var(--tipografia-titulo);
    margin-top:0;
}

.datos-obra-autor p{
    line-height:1.6;
    font-family:var(--tipografia-cuerpo);
    color:var(--color-texto);
    text-align:justify;
}

@media (max-width:768px){

    .autor-pagina{
        margin:20px 25px;
        padding:20px;
    }

    .ficha-autor-pagina{
        margin:20px 25px;
        padding:20px;
    }

    .foto-autor-pagina{
        max-width:160px;
        max-height:220px;
    }

    .biografia-autor{
        margin:20px auto;
        text-align:justify;
    }

    .biografia-autor p{
        text-align:justify;
    }

    .logo-autor{
        max-width:80px;
    }

    .obra-autor{
        flex-direction:column;
        align-items:center;
    }

    .portada-obra-autor{
        width:130px;
    }

    .datos-obra-autor{
        width:100%;
    }

    .datos-obra-autor p{
        text-align:justify;
    }
}