/*
 Theme Name:   ScanmiMenu
 Description:  ScanmiMenu Theme
 Author:       Amadeo Rodríguez Pausa | Levenant
 Author URI:   http://levenant.com
 Version:      2.0.0
 License:      GNU General Public License v3 or later
 License URI:  http://www.gnu.org/licenses/gpl-3.0.html
 Tags:         Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments
 Text Domain:  scanmimenu
*/



:root{
	--color-primary: #ff8e0e; /*Naranja*/
	--color-secondary: #161d27; /*Negro*/
	--color-tertiary: #6B7280; /*Gris*/
	--color-quaternary: #f0bc74; /*Naranja claro/Amarillo*/
	--color-quinary: #f3c78e; /*Naranja muy claro*/
	--color-senary: #fff; /*Blanco*/
	--color-septenary: #D1D5DB; /*Gris lineas*/
}

*{
	font-family: Inter, sans-serif;
}

p,h1,h2,h3,h4,h5{
    margin: 0;
}

h1{
    font-size: 1.75rem;
    font-weight: 500;
}

.p-login,
.p-contrasena-olvidada{
	overflow: hidden;
}

.login-form,
.contrasena-olvidada-form{
    display: flex;
    justify-content: center;
    height: 100vh;
    align-items: center;
    flex-direction: column;
}

.login-form:before,
.contrasena-olvidada-form:before{
	content: url(/wp-content/themes/scanmimenu/img/login.webp);
    display: block;
    position: absolute;
    z-index: -1;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}

.login-form > div,
.contrasena-olvidada-form > div{
	box-shadow: 0px 0 18px 8px rgba(0, 0, 0, 0.06);
    border-radius: 1rem;
    padding: 3rem;
    text-align: center;
    background: var(--color-senary);
    max-width: 400px;
    width: 100%;
}

section.login-form form > div,
section.contrasena-olvidada-form form > div{
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 15px;
}

section.login-form img{
	margin-bottom: 25px;
}

section.login-form form button.btn-secondary,
section.contrasena-olvidada-form form button.btn-secondary{
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: var(--color-senary);
    border: 0.0625rem solid transparent;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    border-radius: 0.5rem;
    cursor: pointer;
    font-weight: 500;
    line-height: 1.5;
}

section.login-form a,
section.contrasena-olvidada-form a{
	font-size: 0.875em;
	color: var(--color-primary);
    text-decoration: none;
}

section.login-form input,
section.contrasena-olvidada-form input{
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    background-color: var(--color-senary);
    border: 0.0625rem solid var(--color-septenary);
    appearance: none;
    border-radius: 0.5rem;
}

.logo-levenant{
    margin-top: 20px;
     margin-bottom: 20px;
}

a.volver {
    text-align: center;
    display: flex;
    gap: 10px;
    margin-bottom: 11px;
    color: var(--color-primary);
    text-decoration: none;
}