@import '../../r/r.css';
@import './precarga.css';


main
{
    font-family: 'poppins';
}

p, span
{
    font-family:'poppins';
    color: var(--texto);
}

figure
{
    margin: 0;
}

.globo_info 
{
    
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.035);
    -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.035);
    -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.035);
    
    border: var(--input-bordes) 1px solid;
    border-radius: 5px;
    background-color: var(--texto-blanco);
    position: relative;
    height: fit-content;
    margin: 0.25rem 0.75rem;
}

.content_globo
{
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    max-width: 600px;
}

.globo_info .container, .globo_info .column, .globo_info .columns
{
    padding: 0;
    margin: 0;
    height: fit-content;
    gap: 1rem;
}

.container { margin-top: .5rem; }


img
{
    width: 100%;
    height: auto
}


/* General */

.max-ancho
{
    max-width: 1400px;
}

.titulo-contenedor
{
    width: 100%;
}

.titulo
{
    font-weight: 900;
    font-size: xx-large;
    font-family: 'poppins-bold';
}

.subtitulo
{
    font-weight: 700;
    font-size: x-large;
    font-family: 'poppins-semibold';
}

.titulo,.subtitulo {display: block;}

/* INPUTS */

input.input-general, select.input-general
{
    border: none;
    border-bottom: 1px;
    border-bottom-color: var(--input-bordes);
    border-bottom-style: solid;
    background: none;
    padding: 0 0 0 1.75rem;
    height: 2rem;
    color: var(--texto-input) !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover, 
select:-webkit-autofill:focus,
select:-webkit-autofill:active
{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    -webkit-text-fill-color: var(--texto-input) !important;
    -webkit-text-fill-color: var(--texto-input) !important;
    color: var(--texto-input) !important;
}

.form-input:not(:placeholder-shown):invalid {
    border-color: red !important;
}

.form-input-hint { display: none;}

.form-group.is-success .form-input-hint,.form-group.has-error .form-input-hint{ display: block;}

form
{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
}

form, form .container
{
    position: relative;
    padding-bottom: 0.5rem;
    height: inherit;
}

form div.form-group
{
    position: relative;
    margin-top: 0.5rem;
}

form .container {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}

.input-content
{
    position: relative;
}

form .las {
    position: absolute;
    color: var(--texto-secundario);
    font-size: 1.2rem;
    left: 0.25rem;
    bottom: 0;
    z-index: 1;
    transform: translateY(-7px);
}

form img.las.img_input {
    transform: translate(1px,-10px);
    max-width: 20px;
}

form .columns { width: 100%;}

.form-label
{
    color: var(--texto-secundario);
    padding: 0.5rem 0;
}

.form-group:not(:last-child) {
    margin-bottom: 0rem;
}

.info-content {padding: 0 1.5rem;}

.icono-content {
    position: absolute;
    font-size: 1.2rem;
    left: 0.55rem;
    color: var(--texto-secundario);
    top: 0.75rem;
}

.icono-content .las.img_input {
    height: 1rem;
}

.btn_content .column {
    padding: 0.5rem 0 0 0;
}

.btn_content {margin: 0.5rem 1rem; width: -webkit-fill-available;}

.label-ver {
    padding: 0;
    color: var(--texto-secundario);
    font-size: 0.7rem;
}

.la-star-gris { color: var(--texto-secundario) !important;}

/* NAVEGADOR */

#navegador
{
    position: absolute;
    top: 0;
    background: linear-gradient(0deg, rgb(0 128 198) 25%, rgb(0 162 218) 75%);
    width: 100%;
    height: 70px;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center;
}

#cnt_navegador
{
    padding: 1rem;
}

.cnt-logo-nav a figure
{
    width: auto;
    height: 50px;
    filter: brightness(100);
}

.cnt-logo-nav a
{
    display: block;
    cursor: pointer;
    transform: scale(1);
    transition: transform .5s;
}

.cnt-logo-nav a:hover
{
    transform: scale(1.2);
}

/* FOOTER */

#footerInferior
{
    background: linear-gradient(0deg, rgb(0 128 198) 25%, rgb(0 162 218) 75%);
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: column;
}

div#navFooter {
    display: flex;
    flex-direction: column;
    padding: .5rem;
    gap: .5rem;
}

.footer-links {
    text-align: center;
}

.footer-links a span
{
    font-weight: 500;
}