/* ===== FUENTE PERSONALIZADA (UNICA EN TODA LA PAGINA) ===== */
@font-face {
    font-family: 'ScheherazadeNew';
    src: url('https://cdn1.site-media.eu/images/0/25820689/ScheherazadeNew-Regular-GyYMRwxLE5ZKqojF5KJ8MA.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {
    font-family: 'ScheherazadeNew', 'Times New Roman', serif !important;
}

body {
    background: #7A5B3E;  /* tierra oscura */
    margin: 0 0 50px 0;
    padding: 0;
    font-size: 18px;
    line-height: 1.5;
}

#content p, .entry-body, .comment, .entry-footer, .date-author, .admin-controls {
    line-height: 1.5;
    font-size: 1rem;
}

h1, h2, h3, h4, h5 {
    line-height: 1.2;
}

#holder {
   position: absolute;
   left: 50%; top: 0;
   width: 600px; height: auto;
   margin-left: -300px;
   padding: 0;
   background: #E2D1C0;  /* beige tierra clara */
   text-align: center;
   border-left: 2px #fff solid; border-right: 2px #fff solid;
}

#header {
   position: relative;
   left: 0; top: 0;
   width: 90%; height: auto;
   padding: 5%;
   background: #CDB38C;  /* arena tierra */
   border-bottom: 2px #fff solid;
}
#header #wrapper{ width: auto; height: auto; }
#header #one {
   font-size: 3em;
   color: #fff;
   display: block;
   clear: both;
}
#header #two {
   font-style: italic;
   color: #6B4E2E;
   display: block;
}

#menu {
   position: relative;
   left: 0; top: 0;
   width: 98%; height: auto;
   padding: 3px 1% 4px 1%;
   border-top: 2px #eed solid;
   background: #B58C5D;  /* tierra media */
   font-weight: bold;
   font-size: 0.9rem;
   text-align: left;
   z-index: 0;
}
#menu a{
   color: #3E2A1F;  /* marron muy oscuro */
   text-decoration: none;
   margin: 0 5px;
}
#menu a:hover{ color: #F3E5C0; }

#content {
   float: left;
   padding: 25px 12px 12px 12px;
   width: 70%; height: auto;
   background: #FCF8F0;  /* blanco roto tierra */
   text-align: left;
   border-left: 2px #eed solid; border-top: 2px #eed solid;
}
#content h1 {
   margin: 0 0 10px 0;
   padding: 0;
   font-size: 1.6rem;
   color: #6B3E11;  /* marron tierra intenso */
   border-bottom: 1px #A77B4D dashed;
}

/* === REGLA GLOBAL PARA TODOS LOS ENLACES === */
a, a:link, a:visited {
    color: #8B5A2B;   /* tierra tostada */
    text-decoration: none;
}
a:hover, a:active {
    color: #B87C4A;   /* tierra mas clara */
    text-decoration: underline;
}

/* === FECHA Y CONTROLES EN LA MISMA LINEA (FLEXBOX) === */
.entry-date {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 1.2em;
}
.date-author {
    font-size: 0.9rem;
    font-style: italic;
    color: #4A3424;
}
.admin-controls {
    font-size: 0.9rem;
}
.admin-controls ul,
.admin-controls li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}
.admin-controls a {
    margin: 0 3px;
}

#content p {
   float: left;
   width: 94%;
   padding: 0 0 0 3%;
   margin: 0 0 20px 0;
   text-align: justify;
}
#content p.indent{ text-indent: 30px; }
#content p a{
   font-weight: bold;
}

/* === BARRA LATERAL === */
#right_pane {
   float: left;
   margin: 0;
   padding: 25px 4px 5px 4px;
   width: 24%; height: auto;
   background: #DABD96;  /* tierra palida */
   border-left: 2px #eed solid; border-bottom: 2px #fff solid;
   color: #4A3424;
   text-align: left;
   z-index: 1;
}
#right_pane h5 {
   font-weight: bold;
   font-size: 1.3rem;
   color: #6B3E11;
   margin: 0 0 15px 0;
   padding: 0;
   /* Aplicamos desplazamiento de 7px hacia abajo */
   position: relative;
   transform: translateY(7px);
}
.biblioteca-titulo {
    margin-top: 0;
}
/* Desplazar tambien la lista de archivos 7px abajo */
#right_pane .widget-archive {
    transform: translateY(7px);
}
#right_pane .date{
   background: transparent;
   border-top: 1px #B58C5D solid;
   margin: 0; padding: 0;
   font-style: italic;
   font-weight: bold;
   border: none;
}
#right_pane p{
   width: auto;
   border: 1px #B58C5D solid;
   background: #FFF5E8;
   margin: 0 0 5px 0; padding: 5px;
}
#right_pane p a{
   color: #8B5A2B;
   font-weight: bold;
   text-decoration: none;
}
#right_pane p a:hover{
   color: #B87C4A;
}
#right_pane ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#right_pane li {
    margin: 0 0 0.5em 0;
    padding: 0;
}

/* Opcional: ocultar titulo del widget de ultimas entradas */
#widget-lastentries h5,
#widget-lastentries .widget-header {
    display: none;
}

/* === PIE DE PAGINA === */
#footer {
    clear: both;
    width: 100%;
}
#footer p{
   text-indent: 0;
   margin-top: 50px;
   font-weight: bold;
   font-size: 0.7rem;
   color: #B58C5D;  /* tierra media */
   text-align: right;
}

acronym{
   text-decoration: none;
   border-bottom: 1px #6B3E11 dotted;
}
.entry { margin-bottom: 2em; }
.entry-footer { font-size: 0.8rem; text-align: right; margin-top: 1em; }
.comment { margin-bottom: 1em; border-bottom: 1px solid #ddd; }
.navigator { clear: both; padding: 1em 0; }
#comments-form { margin-top: 2em; }

/* ===== FORZAR MESES DEL ARCHIVO EN MINUSCULA ===== */
#right_pane .widget-archive a {
    text-transform: lowercase !important;
}

/* ===== RESPONSIVE: TABLETS ===== */
@media screen and (max-width: 768px) {
    #holder {
        width: 90%;
        margin-left: -45%;
        left: 50%;
    }
    #content {
        width: 100%;
        float: none;
        padding: 20px 5%;
        border-left: none;
        box-sizing: border-box;
    }
    #right_pane {
        width: 100%;
        float: none;
        margin: 20px 0 0 0;
        border-left: none;
        border-bottom: none;
        box-sizing: border-box;
        padding-top: 0;
    }
    /* En responsive anulamos el desplazamiento */
    #right_pane h5,
    #right_pane .widget-archive {
        transform: none;
    }
    .entry-date {
        flex-direction: column;
        align-items: flex-start;
    }
    .date-author {
        margin-bottom: 5px;
    }
    .admin-controls {
        align-self: flex-end;
    }
}

@media screen and (max-width: 480px) {
    body {
        margin: 0;
        font-size: 16px;
    }
    #holder {
        width: 100%;
        margin-left: 0;
        left: 0;
        border-left: none;
        border-right: none;
    }
    #header #one {
        font-size: 2em;
    }
    #header #two {
        font-size: 0.9em;
    }
    #menu a {
        display: inline-block;
        margin: 0 8px;
        font-size: 1.1rem;
    }
    #content h1 {
        font-size: 1.4rem;
    }
    .date-author, .admin-controls {
        font-size: 0.8rem;
    }
    .entry-footer {
        font-size: 0.7rem;
    }
}