/*
Theme Name: erase_una_vez
Theme URI: https://muchoscuentos.com
Author: Ibai Moneo
Author URI: https://muchoscuentos.com
Description: Tema con imagen de la mascota de MuchosCuentos de fondo.
Menú oculto desplegable mediante un icono y acceso a subcategorías y 
entradas mediate imágenes enlazadas.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: erase_una_vez
*/
/* Custom Theme Styles for erase_una_vez - page-sobre-nosotros.css */
content__verdana h2,
content__verdana h3 {
    font-size: var(--hs);
    filter: drop-shadow(0);
    margin: 1.5em auto 0.75em;
}
.contacta {
    margin: .75em 0 0;
}
.content__history {
    margin-bottom: 1em;
    background-color: #fff;
    border-radius: .5em;
    padding: .4em .7em;
    border: .3em inset rgba(0, 206, 209, 0.3);
}
.content__history p {
    hyphens: auto;  
}
.nosotros__social {
    position: relative;
    width: 100%;
    height: auto;
    margin: 5em auto 2.5em;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 4em;   
}
.nosotros__social img {
    position: absolute;
    bottom: 2em;
}
.nosotros__social a {
    position: relative;
    color: Highlight;
    font-size: var(--fs);
    font-weight: 500;
    left: 2em;
    margin: 0;
}

.content__footer {
    max-width: 35rem;
    width: 100%;   
}
.form-contacto {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1em;
}
.nota__obligatorio {
    text-align: end;
    margin-bottom: 1em;
    color: #FF0000;
}
.obligatorio {
    color: #FF0000;
}
textarea, input {
    padding: .6em;
    border: .06em solid darkturquoise;
    border-radius: .5em;
}
.form-contacto button {
    padding: .3em 0;
    margin: .7em auto;
    width: 80%;
}
.mensaje-formulario {
    color: #2e7d32;
    padding: .6em;
    margin-bottom: 1em;
    border-radius: .3em;
}
.mensaje mensaje__contacto {
    padding: .6em;
    margin: .6em 0;
    border: .06em solid #ccc;
    background-color: #f9f9f9;
    color: green;
    border-radius: .24em;
}
/* Tamaños de fuente */
.content__titulo {
    font-size: var(--h2);
}
h3, h2 {
font-size: var(--pabc);
}
.avisos__contacto,
.content__history p,
.mensaje-formulario,
.form-contacto textarea {
    font-size: var(--fp);
}