@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Sarala&display=swap');
html
{
  color: rgba(0,0,0,0.54) !important;
    }
body {
  font-family: "Sarala", sans-serif;
  color: #2a2a2a;
    font-size: 1.1rem;
  line-height: 1.6;
    text-align: justify !important;
    text-justify: inter-word; /* mejora la justificación en algunos navegadores */
    word-wrap: break-word !important; /* rompe palabras largas si es necesario */
    }    
a {
    color: #57A519;
}
a:hover {
    color: #4F4F4F;
}
.pkp_page_index, .current_issue, .read_more {
    color: #969696 !important;
}
.pkp_page_index:hover, .current_issue:hover, .read_more:hover {
    color: #555 !important;
    
}


.datos {
    color: #57A519;
    font-size: 2rem;
    font-weight: 800;
    line-height: 0px !important;
}
.subtabladatos{
    border: 1px solid #D3D3D3;
    margin:0px;
    padding:0px;
    line-height: 0px !important;
}
.tabladatos{
    margin: 20px;
    border-collapse: collapse; 
    cellpadding: 0;
    cellspacing: 0;
    border-spacing: 0;
    border: none;
    line-height: 0px !important;
}

.suptabladatos{
    margin:0px;
    padding:0px;;    
}

.section h2 {

border-bottom: none !important;
font-size: 1.143rem;
    line-height: 1.2rem;
    font-weight: 400 !important;
    text-align: left !important;
    color: rgba(0,0,0,0.54) !important;
}

/* botones */
.obj_galley_link, .obj_galley_link.pdf.restricted, .obj_galley_link.pdf.restricted::before{
 background: #000 !important;
color: #ffffff;}

.obj_galley_link:hover, .obj_galley_link.pdf.restricted:hover, .obj_galley_link.pdf.restricted:hover::before {
 background: #F08200 !important;
color: #ffffff;}

.obj_galley_link:visited {
color: #ffffff;}

.img-mini {width: 10% !important; }
.img-xsmall {width: 25% !important; }
.img-small {width: 40% !important; }
.img-medium {width: 60% !important; }
.img-large {width: 100% !important; }

.imgcenter {
  display: block;
  margin: 0 auto;
    max-width: 100%;      /* evita que se desborde del contenedor */
    height: auto;         /* mantiene la proporción */
    padding-top: 25px;
    padding-bottom: 25px;
}

.imgizq
{
    float: left;
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 20px;
}  

.general
{
  font-family: "Sarala", sans-serif;
color: #2a2a2a;
word-wrap: break-word;
}
.parrafo
{
    max-width: 900px;      /* Ajusta el ancho máximo del bloque */
    margin: 0 auto;        /* Centra horizontalmente el bloque */
    padding: 0 15px;       /* Opcional: margen interno */
    
}
.parrafo iframe {
    display: block;       /* lo convierte en bloque */
    margin: 0 auto;       /* centra horizontalmente */
    max-width: 100%;      /* ajusta al ancho del contenedor */
}

.pkp_site_name_wrapper {
    background: #ffffff;
    }

.pkp_site_name .is_img img
{
    max-height: 100% !important;
    }

/* Ocultar el buscador de la barra de navegación */
.pkp_site_nav_menu .pkp_search {
    display: none !important;
    width: 0 !important;       /* elimina el ancho */
    height: 0 !important;      /* elimina la altura */
    margin: 0 !important;
    padding: 0 !important;
}

    
/* ================================
   MÓVIL
   ================================ */
@media screen and (max-width: 768px) {

  /* --- asegurar ancho completo de la barra verde --- */
  header.pkp_head,
  .pkp_structure_head,
  .pkp_head_wrapper,
  .pkp_site_nav_toggle {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    left: 0 !important;
    right: 0 !important;
    box-sizing: border-box;
  }

  .pkp_site_name { 
    padding-top: 2.4rem;
  }

  .pkp_structure_content { 
    padding-top: 6.4rem;
  }

  .pkp_site_nav_toggle {
    width: 100%;
    background-color: #F08200 !important; /* verde */
    text-align: center;
  }
    
    body {
    text-align: left !important;
    text-justify: auto; /* mejora la justificación en algunos navegadores */
    word-wrap: normal !important; /* rompe palabras largas si es necesario */
    }

  /* --- cuando se abre el menú, el fondo negro --- */
  .pkp_site_nav_menu, .pkp_navigation_primary_row {
    background: #303030;
    width: 100vw;
    max-width: 100%;
  }
 
  #navigationPrimary a {
    color: #fff !important; /* texto blanco */
    padding: 5px 15px;
    display: block;
    font-size: 0.86em;
      
  }
    
  #navigationPrimary a:hover {
  background-color: #555 !important;
        transition: background-color 0.3s ease;
        text-decoration: none;
      display: block;
}
    .pkp_site_nav_toggle > span {
    color: #fff !important; 
    border-bottom-color: #fff !important;  
  }
    
.pkp_site_nav_toggle > span::before, .pkp_site_nav_toggle > span::after {
    background: #fff !important; 
     }


     .pkp_nav_list li li a {
    color: #8F8F8F !important;
    -webkit-text-fill-color: #8F8F8F !important;
    fill: #8F8F8F !important;

  }  
    .pkp_nav_list li li a:hover {
      background-color: #555 !important;
color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    fill: #ffffff !important;
  } 
}
/* ================================
   TABLETAS
   ================================ */
@media (min-width: 768px) and (max-width: 1024px) {
  .pkp_site_name { 
    padding-top: 2.4rem;
  }

  .pkp_structure_content { 
    padding-top: 6.4rem;
  }
    .pkp_site_nav_menu {
    background: #000;
    width: 100vw;
    max-width: 100%;
  }
    #navigationPrimary a {
    color: #fff !important; /* texto blanco */
    padding: 5px 15px;
    display: block;
    font-size: 0.86em;
        
  }
    .pkp_site_nav_toggle {
    width: 100%;
    background-color: #F08200 !important; /* verde */
    text-align: center;
        
  }
   .pkp_site_nav_toggle > span {
    color: #fff !important; 
    border-bottom-color: #fff !important;  
  }
    
.pkp_site_nav_toggle > span::before, .pkp_site_nav_toggle > span::after {
    background: #fff !important; 
     }
    
    #navigationPrimary a:hover {
  background-color: #555 !important;
        transition: background-color 0.3s ease;
        text-decoration: none;
} 
 
    .pkp_site_nav_menu,
  .pkp_navigation_primary_row {
    background: #303030;
  }
    
  .pkp_nav_list li li a {
    color: #8F8F8F !important;
    -webkit-text-fill-color: #8F8F8F !important;
    fill: #8F8F8F !important;

  }  
    .pkp_nav_list li li a:hover {
      background-color: #555 !important;
color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    fill: #ffffff !important;
  } 
}

/* ================================
   ESCRITORIO: desde 1024px
   ================================ */
@media screen and (min-width: 1024px) {

  /* Fondo general del menú principal */
  .pkp_site_nav_menu,
  .pkp_navigation_primary_row {
    background: #F08200;
  }
    

  /* Contenedor del menú */
  nav.pkp_site_nav_menu {
    padding: 0 !important;
    font-family: 'Arial', sans-serif;
  }

  /* Ítems del menú principal */
  nav.pkp_site_nav_menu ul#navigationPrimary > li {
    display: inline-block;
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    border-right: none !important;
    box-sizing: border-box;
    z-index: 2;
  }

  /* Elimina borde del último elemento */
  nav.pkp_site_nav_menu ul#navigationPrimary > li:last-child {
    border-right: none;
  }

  /* Enlaces principales */
  nav.pkp_site_nav_menu ul#navigationPrimary > li > a {
    display: block;
    width: 100%;
    padding: 10px 15px;
    margin: 0;
    box-sizing: border-box;
    text-align: center;
    background-color: transparent;
    color: #fff;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    z-index: 3;
    border: none;
  }

  /* Fondo de hover ajustado perfectamente */
  nav.pkp_site_nav_menu ul#navigationPrimary > li::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -5px; /* cubre un poco el borde izquierdo */
    background: transparent;
    z-index: 0;
    transition: background-color 0.18s ease;
    pointer-events: none;
    border: none;
  }

  nav.pkp_site_nav_menu ul#navigationPrimary > li:hover::before,
  nav.pkp_site_nav_menu ul#navigationPrimary > li:focus-within::before {
    background-color: #303030;
  }

  /* Submenús */
  nav.pkp_site_nav_menu ul#navigationPrimary li ul {
    background-color: #555;
    margin: 0;
    padding: 0;
    border: none;
    transition: background-color 0.3s ease;
  }

  /* Mostrar submenú al pasar el mouse */
  nav.pkp_site_nav_menu ul#navigationPrimary li:hover > ul {
    display: block;
  }

  /* Subenlaces */
  nav.pkp_site_nav_menu ul#navigationPrimary li ul li a {
    display: block;
    padding: 10px 15px;
    color: #fff;
    text-decoration: none;
  }

  /* Hover en subenlaces */
  nav.pkp_site_nav_menu ul#navigationPrimary li ul li a:hover {
    background-color: #969696;
    transition: background-color 0.18s ease;
    color: #fff;
  }

  /* Quitar bullets de submenús */
  nav.pkp_site_nav_menu ul#navigationPrimary li ul li {
    list-style: none;
  }
    
   /* --- NAV ocupa toda la pantalla --- */
nav.pkp_site_nav_menu {
  width: 100%;
  padding: 0 !important;
  margin: 0 auto;
  background: #F08200;
}


/* --- EL UL SE VUELVE FLEX PARA EVITAR QUE SALTE A OTRA LÍNEA --- */
nav.pkp_site_nav_menu ul#navigationPrimary {
  display: flex !important;
  justify-content: center;     /* centra los botones */
  align-items: center;
  flex-wrap: nowrap !important; /* evita que los LI brinquen a la segunda fila */
  width: 100%;                  /* ahora sí ocupa toda la pantalla */
  margin: 0;
  padding: 0;
  list-style: none;
}


/* --- LOS LI NO USAN FLOAT Y YA NO SE DESBORONAN --- */
nav.pkp_site_nav_menu ul#navigationPrimary > li {
  float: none !important;
  display: block;              /* mejor que inline-block cuando el UL es flex */
}


/* --- SUBMENÚS QUEDAN A LA IZQUIERDA (esto ya lo tienes bien) --- */
nav.pkp_site_nav_menu ul#navigationPrimary > li ul {
  position: absolute;
  left: 0;
  text-align: left !important;
  width: max-content;
}
    /* --- CONTENEDOR PRINCIPAL A PANTALLA COMPLETA --- */
.pkp_navigation_primary_row,
.pkp_navigation_primary_row .pkp_navigation_primary {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* También OJS envuelve el menú en pkp_site_nav_menu_wrapper */
.pkp_site_nav_menu_wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
    nav.pkp_site_nav_menu ul#navigationPrimary {
  display: flex !important;
  justify-content: center;
  flex-wrap: nowrap !important;
  width: 100% !important;
  margin: 0;
  padding: 0;
}
    nav.pkp_site_nav_menu ul#navigationPrimary > li > a {
  white-space: nowrap !important;
}
    
}