@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Faustina:wght@400;600;700&display=swap');

@charset "UTF-8";

/* 
   Proyecto: Revista Mediana - CURE
   Descripción: Personalización estética de OJS 3
   Autora: Patricia
*/

/* Forzar Montserrat en todos los textos generales, tablas y párrafos */
body, p, td, tr, table, span, div, li, a {
    font-family: 'Montserrat', sans-serif !important;
}

/* Forzar Faustina en todos los títulos */
h1, h2, h3, h4, h5, h6, .pkp_page_title {
    font-family: 'Faustina', serif !important;
}
html, body {
    background-color: #fdfdfd;
    font-family: 'Montserrat', sans-serif !important;

/* --- Tus estilos empiezan acá --- */

/* --- 
Colores a usar

#5775ff azul
#0cb9c8 celeste
#eff2c0 amarillo
#021322 oscuro 

--- */
header {
    background-color: #0cb9c8 !important;
    height: 100px !important;
    font-family: 'Montserrat', sans-serif !important; 


}

#header .logo img {
    padding: 0;
    margin: 0;
    max-height: 80px; !important;




/* Color de texto barra de navegacion*/
.navbar-dark .navbar-nav .nav-link {
    color: rgb(255, 255, 255);
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px;
}

h1,
h2,
h3,
h4, h5,
h6 {
    font-family: 'Faustina', serif !important;
    font-weight: 600 !important;
    padding-top: 0.75rem;
    color: #5775ff !important;
}

img {
    max-width: 100%;
    height: auto;
}

.hero-section h1{
    color:#fdfdfd !important;
    font-size: 2.4em !important; 
    font-family: 'Faustina', serif !important;

}
.hero-section .iphone-wrap .phone-2, .hero-section .iphone-wrap .phone-1 {
    /*position: absolute;
    top: -35%;*/
    overflow: hidden;
    /*left: 0;*/*/
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: blueviolet !important;
    font-family: 'Montserrat', sans-serif !important;
}
.galley_view iframe {
    width: 100%;
    height: 100%;
    padding-top: 5.143rem;
    border: none;
}
.hero-section .wave svg {
    display: none;
}

a.title,
a.text-start,
a.text-md-start {
  /* Estilos aquí 
  color: red !important;*/

}
}