/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

 /* Reset / Normalize básico */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Elimina márgenes y paddings por defecto */
html, body, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd, ul, ol, pre {
    margin: 0;
    padding: 0;
}

/* Listas sin estilo */
ul, ol {
    list-style: none;
}

/* Base del documento: fondo negro, texto centrado y legible */
html, body {
    min-height: 100vh; /* asegura altura completa */
    background-color: #000;
    color: #fff;
    text-align: center;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* centrado vertical y horizontal */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

/* Imágenes y medios responsivos */
img, picture, video, canvas, svg {
    max-width: 100%;
    display: block;
    height: auto;
}

/* Formularios y controles heredan la tipografía y color */
button,
input,
select,
textarea {
    font: inherit;
    color: inherit;
    background: transparent;
    border: none;
    outline: none;
}

/* Cursor para botones */
button {
    cursor: pointer;
}

/* Enlaces sin subrayado por defecto, conservan color */
a {
    color: inherit;
    text-decoration: none;
}

/* Enfoque accesible visible */
:focus {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

/* Tablas limpias */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Elimina comillas automáticas en blockquote/q */
blockquote,
q {
    quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
    content: '';
    content: none;
}

/* Utilidad: contenedor centrado vertical y horizontal */
.full-height {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* Tamaño logo */
.brand__logo {
    max-width: 340px;
    height: auto;
    display: inline-block;
}

a:hover {
    text-decoration: underline;
}

div.email > span:nth-child(2) {
	display: none;
}