/*
Theme Name: MiThemeWP
Theme URI: https://tusitio.com
Author: Claudio Salas
Author URI: https://tusitio.com
Description: Theme basado en tu HTML, adaptado para WordPress con todos los estilos y modales.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: mithemewp
*/

body {
    width: 100%;
    background: url('assets/images/top-bg.jpg') top center no-repeat,
                url('assets/images/bottom-bg.jpg') bottom center no-repeat;
    background-color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #61738e;
    line-height: 1.5;
    margin: 0;
    padding: 0;
}

a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Cabecera */
header { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background-color: #111; }
header .logo img { height: 50px; }

/* Menú */
nav ul { list-style: none; margin: 0; padding: 0; display: flex; }
nav ul li { margin-left: 20px; }
nav ul li a { color: #fff; font-weight: 600; }

/* Modales */
.modal { display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.8); }
.modal-content { background-color: #121212; margin: 10% auto; padding: 20px; border: 1px solid #888; width: 80%; color: #ddd; }
.modal-header { display: flex; justify-content: space-between; align-items: center; }
.modal-header .close { cursor: pointer; font-size: 28px; }