body.debug-css div { border: 1px solid red; }
/*
body {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 1.5em;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Yeseva One', cursive;
}
*/

body {
    /*font-family: 'Lato', sans-serif;
    font-size: 1.5em;*/
    font-family: Switzer-Variable, Arial, Helvetica, Times, sans-serif;
    font-weight: 300;
}
.footer {
    padding: 3rem 1.5rem 4rem;
}
h1, h2, h3, h4, h5, h6 {
    /*font-family: 'Playfair Display', serif;*/
    font-family: Outfit-Variable, Arial, Helvetica, sans-serif;
    color: #000;
}
h2 {
    font-size: 40px;
    line-height: 1.25;
}
h3 {
    font-size: 23px;
    line-height: 1.25;
}
h4 {
    font-size: 18px;
    line-height: 1.25;;
}
.p-7 {
    padding: 7rem !important;
}
.px-7 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
}
.pt-7 {
    padding-top: 7rem !important;
}
.pb-7 {
    padding-bottom: 7rem !important;
}
.subtitulo {
    color: #777777;
}
.pretitulo {
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.prenav-container {
    background-color: #0e202a;
    color: #ffffff;
    font-size: 1rem;
}
.prenav-container a {
    color: #ffffff;
}
.nav-container {
    /*position: fixed;*/
    top: 40px;
    height: 95px;
    width:100%;
    background-color: #ffffff00;
    transition: background-color 0.5s ease-in-out, border-color 0.5s ease-in-out, max-height 0.5s ease-in-out;
    border-color: transparent;
    z-index: 9999;
    box-shadow: 0px 0px 0px 0px #0000;
    /*overflow: hidden;*/
}
nav.navbar {
    /*max-width: 1344px;
    margin: auto;*/
    padding: 0 30px;
    background-color: transparent;
    /*overflow: hidden;*/
}
.navbar-brand { max-height: 95px; transition: height 0.5s ease-in-out, max-height 0.3s ease-in-out ; overflow: hidden; }
.navbar-brand .navlogo svg { min-width: 90px; }
.navbar-item img { max-height: 4.75rem; }
.navbar-menu .navbar { width: 100%; }
.navbar-menu .navbar-item { 
    font-size: 16px; 
    font-weight: 400;
    color: #5a5a5a; 
}
.navbar-menu .navbar-item:hover,
.navbar-menu .navbar-link:hover {
    color: #0e202a;
}
.navbar-link {
    color: #5a5a5a;
}
.navbar-link:not(.is-arrowless)::after {
    border-color: #000;
    border-width: 2px;
    border-radius: 1px;
}
.navbar .navbar-item { min-width: 180px; font-weight: 700; text-transform: uppercase; }
.navbar .navbar-item .navbar-item { min-width: unset; font-weight: 400;}

body.scrolled .nav-container {
    background-color: #fefefe;
    border-top: 1px solid rgb(14, 118, 255);
    max-height: 75px !important;
    box-shadow: 0px 1px 7px 0px #0003;
}
body.scrolled .nav-container .navbar-brand { max-height: 75px; }
body.scrolled .navbar-item img { max-height: 4.5rem; }

.columns.is-fluid { flex-flow: wrap; }

#main-hero canvas {
    position: absolute;
    z-index: -1000;
}
.frontpage-hero {
    background-image: url(/user/themes/nargena/images/fondo-hero-02.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
    min-height: calc(100vh - 95px) !important;
}
.frontpage-hero .interior {
    width: 100%;
}
.frontpage-hero .page-title {
    font-size: 3.75rem;
    font-weight: 300;
    max-width: 50%;
    line-height: 1.2;
    color: #fff;
}
.frontpage-hero .pretitulo {
    color: #fff;
}
.frontpage-hero .subtitulo {
    color: #fff;
    font-size: 1.25rem;
    margin-top: 80px;
}

.headline {
    font-size: 3rem;
    font-weight: 400;
    color: #000;
    line-height: 1.15;
    max-width: 900px;
    margin-bottom: 30px;
    margin-top: 80px;
}
.hero-paragraph {
    color: #777777;
    max-width: 1070px;
    margin-bottom: 50px;
}
.hero-image {
    border-radius: 30px;
}

.has-background-light-gray {
    background-color: #fafafa!important;
}

.border-top-gray {
    border-top: 2px solid #d4d4d4;
}

.border-bottom-gray {
    border-bottom: 2px solid #d4d4d4;
}

.seccion-introduccion {
    margin-top: -69px;
}
.seccion-introduccion .contenido {
    background: #fafafa;
    padding: 100px 15% 100px 88px;
}
.seccion-introduccion a {
    color: #0e202a;
}
.seccion-introduccion .descripcion {
    color: #7a7a7a;
    line-height: 1.75;
}
@media screen and (min-width: 1216px) {
    .seccion-introduccion .espacio-imagen {
        margin-left: -100px;
        padding-bottom: 50px;
    }
}

.encabezado-bloque .contenedor-icono {
    background: linear-gradient(0deg,#e8d4d4 0,#d8c7c7 26%,#93bec7 100%);
    padding: 10px;
    text-align: center;
}
.encabezado-bloque .icono {
    width: 40px;
    height: auto;
}
.encabezado-bloque .texto {
    background-color: #fafafa;
    border-radius: 0 20px 0 0;
    font-weight: 300;
    font-size: 0.9rem;
    letter-spacing: 0.7px;
    padding: 15px 32px;
    text-transform: uppercase;
    width: 100%;
}

.seccion-caracteristicas {
    background-color: #f0f7fd;
    margin-top: -20rem;
    padding-top: 20rem;
}

.seccion-acerca-de .texto {
    color: #7a7a7a;
    line-height: 1.7;
    max-width: 600px;
}
.seccion-acerca-de h3 {
    color: #4a4a4a;
    font-size: 32px;
}

.seccion-titulo .pretitulo-seccion {
    font-size: 1.05rem;
}
.linea {
    border-top: 1px solid #555555;
    height: 1px;
}

.icono {
    height: 25px;
}
.tarjeta-persona .tarjeta-ts {
    min-height: 100px;
}
.tarjeta-icono {
    background-color: #fff;
    padding: 3.5em 4em 4.5rem;
    position: relative;
}
.tarjeta-icono .link-ver-mas {
    color: #000;
    text-align: right;
    position: absolute;
    bottom: 2.5rem;
    right: 3.5rem;
}

.tarjeta-citometro {
    position: relative;
    padding: 180px 4rem;
    border-radius: 20px;
}
.tarjeta-citometro .imagen {
    position: absolute;
    right: 40px;
    top: 50px;
    width: 40%;
}
.equipo-a {
    background-color: #f5f5f5;
}
.equipo-b {
    background-color: #f0f7fd;
}

.lista {
    padding-left: 20px;
    list-style: circle;
}

.tarjeta-precio {
    background-color: #f5f5f5;
    border-radius: 30px;
    padding: 42px 65px 45px;
}
.tarjeta-destacada {
    background-color: #f0f7fd;
}
.tarjeta-blanca .interior {
    margin: 2rem;
    background-color: #fff;
}

.precio-interno {
    font-size: 40px;
    color: #000;
    line-height: 1;
}
.moneda {
    font-size: 28px;
}
.separador {
    height: 1px;
    background-color: #ccc;
}
.boton {
    background-color: transparent;
    padding: 30px 53px;
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;
    transition: all 0.25s ease;
}
.boton:hover,
.boton:active,
.boton:focus {
    background-color: #0e202a;
    border-color: #0e202a;
    color: #fff;
}

.is-call-to-action {
    background-color: #0e202a;
    border-color: #0e202a;
    color: #fff !important;
    font-size: 16px;
}
.is-call-to-action:hover,
.is-call-to-action:active,
.is-call-to-action:focus {
    background-color: #008ccb;
    border-color: #008ccb;
}

.tarjeta-noticia {
    position: relative;
}
.tarjeta-noticia img {
    border-radius: 20px;
}
.tarjeta-noticia .link-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
.tarjeta-noticia h3 {
    line-height: 1.25;
}

.seccion-call-to-action {
    background-color: #f0f7fd;
}
.seccion-call-to-action h2 {
    color: #0e202a;
}

.seccion-lista-servicios {
    background-color: #f0f8fd;
}
.seccion-lista-servicios .minitarjeta {
    background-color: #fff;
    border-radius: 15px;
    display: block;
    padding: 30px 30px 50px;
    height: 320px;
    position: relative;
}
a.minitarjeta {
    color: #000;
}
a.minitarjeta .pretitulo  {
    color: #999;
}
a.minitarjeta .titulo {
    line-height: 1.25;
    color: #000;
}
a.minitarjeta .text-bottom {
    position: absolute;
    bottom: 30px;
    right: 30px;
    color: #999;
}
.darktheme {
    background-color: #0e202a;
    color: #fff;
}
.darktheme h2 {
    color: #fff;
}
.darktheme .minitarjeta {
    background-color: rgba(255, 255, 255, 0.25);
}
.darktheme .minitarjeta .titulo {
    color: #fff;
}

.elemento-lista {
    font-size: 1.1rem;
}

.hero-perfil {
    background-image: url(/user/themes/nargena/images/hero-perfil.jpg);
    background-position: top;
}
.hero-perfil .titulo-seccion {
    color: transparent;
    font-size: 2rem;
}
.seccion-perfil .izq .interior {
    max-width: 80%;
}
.seccion-perfil sidebar {
    background-color: #fafafa;
}
.seccion-perfil .headline {
    margin-top: 0;
}

.field-item {
    display: flex;
    align-items: center;
    color: #000;
}
.field-item .icono img {
    width: 30px;
    height: auto;
}

.footer-list a {
    display: block;
}

/**** FORM ***/

.form-label {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 10px;
}