@charset "UTF-8";
/**
* Archivos principal de estilo
* Se debe compilar utilizando sass desde la terminal o con cualquier otra herramienta.
* Ejemplo:
*     $ cd /dir/proyecto
*     $ sass scss/styles.scss css/styles.css
*
* Autores:
*   - Basconcel, Brisa
*   - Galarza, Romina
*   - Sangoi, Emiliano <emiliano.sangoi$gmail.com>
*/
/*$primary: #006CB7;*/
/**
*/
/*  boton borrar */
/* gris letras */
/* gris boton cancelar */
/* gris usuario navbar */
/* usado como fondo en la planif */
/**
Para todos los colores de esta lista se
crearan automaticamentes fondos y colores de texto
 */
.bg-white {
  background-color: white !important; }

.text-color-white {
  color: white !important; }

.border-white {
  border-color: white !important; }

.bg-gray-100 {
  background-color: #f8f9fa !important; }

.text-color-gray-100 {
  color: #f8f9fa !important; }

.border-gray-100 {
  border-color: #f8f9fa !important; }

.bg-gray-200 {
  background-color: #e9ecef !important; }

.text-color-gray-200 {
  color: #e9ecef !important; }

.border-gray-200 {
  border-color: #e9ecef !important; }

.bg-gray-300 {
  background-color: #dee2e6 !important; }

.text-color-gray-300 {
  color: #dee2e6 !important; }

.border-gray-300 {
  border-color: #dee2e6 !important; }

.bg-gray-400 {
  background-color: #ced4da !important; }

.text-color-gray-400 {
  color: #ced4da !important; }

.border-gray-400 {
  border-color: #ced4da !important; }

.bg-gray-500 {
  background-color: #adb5bd !important; }

.text-color-gray-500 {
  color: #adb5bd !important; }

.border-gray-500 {
  border-color: #adb5bd !important; }

.bg-gray-600 {
  background-color: #868e96 !important; }

.text-color-gray-600 {
  color: #868e96 !important; }

.border-gray-600 {
  border-color: #868e96 !important; }

.bg-gray-700 {
  background-color: #495057 !important; }

.text-color-gray-700 {
  color: #495057 !important; }

.border-gray-700 {
  border-color: #495057 !important; }

.bg-gray-800 {
  background-color: #343a40 !important; }

.text-color-gray-800 {
  color: #343a40 !important; }

.border-gray-800 {
  border-color: #343a40 !important; }

.bg-gray-900 {
  background-color: #212529 !important; }

.text-color-gray-900 {
  color: #212529 !important; }

.border-gray-900 {
  border-color: #212529 !important; }

.bg-black {
  background-color: #000 !important; }

.text-color-black {
  color: #000 !important; }

.border-black {
  border-color: #000 !important; }

.bg-dark {
  background-color: #262626 !important; }

.text-color-dark {
  color: #262626 !important; }

.border-dark {
  border-color: #262626 !important; }

.bg-dark-2 {
  background-color: #212121 !important; }

.text-color-dark-2 {
  color: #212121 !important; }

.border-dark-2 {
  border-color: #212121 !important; }

.bg-primary {
  background-color: #226eb5 !important; }

.text-color-primary {
  color: #226eb5 !important; }

.border-primary {
  border-color: #226eb5 !important; }

.bg-azul {
  background-color: #0063ae !important; }

.text-color-azul {
  color: #0063ae !important; }

.border-azul {
  border-color: #0063ae !important; }

.bg-azul2 {
  background-color: #226eb5 !important; }

.text-color-azul2 {
  color: #226eb5 !important; }

.border-azul2 {
  border-color: #226eb5 !important; }

.bg-bordo {
  background-color: #6c0000 !important; }

.text-color-bordo {
  color: #6c0000 !important; }

.border-bordo {
  border-color: #6c0000 !important; }

.bg-gris-1 {
  background-color: #58595b !important; }

.text-color-gris-1 {
  color: #58595b !important; }

.border-gris-1 {
  border-color: #58595b !important; }

.bg-gris-2 {
  background-color: #bbbdbf !important; }

.text-color-gris-2 {
  color: #bbbdbf !important; }

.border-gris-2 {
  border-color: #bbbdbf !important; }

.bg-gris-3 {
  background-color: #575756 !important; }

.text-color-gris-3 {
  color: #575756 !important; }

.border-gris-3 {
  border-color: #575756 !important; }

.bg-gris-4 {
  background-color: #eeeeee !important; }

.text-color-gris-4 {
  color: #eeeeee !important; }

.border-gris-4 {
  border-color: #eeeeee !important; }

.bg-alerta {
  background-color: #dc0701 !important; }

.text-color-alerta {
  color: #dc0701 !important; }

.border-alerta {
  border-color: #dc0701 !important; }

.bg-verde {
  background-color: #009e75 !important; }

.text-color-verde {
  color: #009e75 !important; }

.border-verde {
  border-color: #009e75 !important; }

/*// This variable affects the `.h-*` and `.w-*` classes.
$sizes: () !default;
// stylelint-disable-next-line scss/dollar-variable-default
$sizes-start: 1;
$sizes-end: 100;
@for $i from $sizes-start through $sizes-end{
  $sizes: map-merge(
                  (
                          $i+"" : $i + 0%
                  ), $sizes);
}

$sizes: map-merge(
  (
          auto: auto
  ), $sizes);*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Dec 4, 2018, 4:49:58 PM
    Author     : brisa
*/
/***********************************************************************************************/
/*Button to top*/
#btn-to-top {
  position: fixed;
  bottom: 3em;
  right: 3em;
  z-index: 100; }

#btn-to-top a {
  outline: 0; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 7, 2020, 8:30:59 PM
    Author     : emi88
*/
/*#breadcrumb{
    .breadcrumb {
        background-color: inherit; 
    }

    box-shadow: 0 4px 8px rgba(0,0,0,.25);

}*/
#wo-breadcrumbs {
  margin-bottom: 0px; }
  #wo-breadcrumbs a {
    color: white; }
  #wo-breadcrumbs li:last-child span[itemprop="name"] {
    font-weight: bold; }

/*
 _main-header.scss

 Estilos para el header principal y todos los elementos que contiene

*/
#main-header {
  /*margin-top: $navbar-height;*/
  height: 75vh !important;
  border: none;
  background-image: url("../images/yulia-sobol-70.jpg");
  background-color: #cccccc;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll; }
  #main-header .container > div {
    padding-top: 25%;
    /*padding-bottom: 15vh;*/ }
  #main-header h1 {
    color: white;
    font-size: 2.25rem; }

#navbar-frontend, #navbar-admin {
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15); }

/**
* _overrides.scss
*
* En este archivo se "pisan" estilos asignados por default por browsers y los frameworks utilizados.
*
* Autores:
*   - Basconcel, Brisa
*   - Galarza, Romina
*   - Sangoi, Emiliano
*/
.jssocials-shares {
  margin-top: 0 !important; }

.jssocials-share-link {
  text-align: left !important; }

#backend .breadcrumb {
  padding-top: .5rem;
  padding-bottom: .5rem; }
#backend .table td, #backend .table th {
  vertical-align: middle; }

/* Estilos para el footer */
#footer {
  background-color: #1f2a2c;
  font-size: .95rem; }
  #footer h6 {
    font-size: .9rem; }
  #footer h6, #footer p, #footer a {
    color: white; }
  #footer h6 {
    font-weight: bold; }
  #footer a {
    text-decoration: none !important; }
    #footer a:hover {
      color: #e6e6e6; }

#login {
  min-height: 100vh; }

/*
  Centrar elementos horizontalmente, verticalmente o ambos.

  La clase padre debe tener posicionamiento relativo.
  https://css-tricks.com/snippets/sass/centering-mixin/
*/
/* Mapas */
#fe-mapa iframe {
  width: 100%;
  height: 100%;
  border: none;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  pointer-events: none !important; }

.map {
  min-height: 45vh; }

form input[type="radio"] {
  margin-right: .2em; }
form .si_no_choice label {
  margin-right: 1em; }
form .si_no_choice input[type="radio"] {
  vertical-align: middle; }

/*
 _main-header.scss

 Estilos para el header principal y todos los elementos que contiene

*/
#main-header {
  /*margin-top: $navbar-height;*/
  height: 75vh !important;
  border: none;
  background-image: url("../images/yulia-sobol-70.jpg");
  background-color: #cccccc;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll; }
  #main-header .container > div {
    padding-top: 25%;
    /*padding-bottom: 15vh;*/ }
  #main-header h1 {
    color: white;
    font-size: 2.25rem; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 30, 2020, 12:19:29 PM
    Author     : emi88
*/
/*
    Caracter: / del bradcumb
*/
#backend {
  min-height: 90vh; }
  #backend .breadcrumb > li + li:before {
    color: black;
    font-weight: normal;
    padding: 0 3px;
    /*color: #ccc;*/
    content: "/\00a0"; }

/*

Bootstrap 4 Breakpoints:
    col-sm for larger mobile phones (devices with resolutions ≥ 576px);
    col-md for tablets (≥768px);
    col-lg for laptops (≥992px);
    col-xl for desktops (≥1200px)
*/
@media (max-width: 768px) {
  .mt-navbar-height {
    margin-top: 6vh; }

  #footer .row div:nth-child(1) {
    /*text-align: left !important;*/ }

  .card-noticia img, .card-noticia .img-top {
    height: auto;
    object-fit: cover; }

  /*    #main-header{
          height: auto !important;
      }*/ }
@media (min-width: 769px) {
  .card-noticia {
    /*            position: relative;
    
                .card-noticia-footer{
                    position: absolute;
                    bottom: 1.5rem;            
                }*/ }
    .card-noticia img, .card-noticia .img-top {
      height: 28vh;
      object-fit: cover; }

  .mt-navbar-height {
    margin-top: 7vh; }

  /*    #main-header{
          height: 75vh !important;
      }*/
  #login > div {
    width: 50%; }

  #actividad {
    width: 85%;
    margin-left: auto;
    margin-right: auto; }

  .w-50-md {
    width: 50%; }

  .w-60-md {
    width: 60%; }

  .w-65-md {
    width: 65%; }

  .w-75-md {
    width: 75%; } }
@media (min-width: 993px) {
  #footer .row div:nth-child(1) {
    /*text-align: center !important;*/ }

  .mt-navbar-height {
    margin-top: 10vh; }

  .card-actividad {
    position: relative; }
    .card-actividad .card-actividad-footer {
      position: absolute;
      bottom: 1.5rem; }

  #autoridades .custom-card img {
    height: 5rem; }

  #noticia-completa {
    width: 60%;
    margin-left: auto;
    margin-right: auto; }

  #actividad {
    width: 60%;
    margin-left: auto;
    margin-right: auto; }

  #navbar-frontend {
    /*        .navbar-brand img{
                width: 30%;
            }*/ } }
.centrate {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.centrate-x {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0); }

.centrate-y {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%); }

/* 1. ELEMENTOS POR TAG */
body {
  font-size: 16px;
  /*color: $texto-ppal;*/
  /*font-family: Merriweather;*/
  /*font-family: MontserratRegular;*/ }

.border-l-3px {
  border-left: 3px solid #226eb5; }

#sobre-la-red .tab-content {
  min-height: 42vh; }

#accordion-actividades h5, #accordion-materiales h5 {
  position: relative; }
  #accordion-actividades h5 a, #accordion-materiales h5 a {
    text-decoration: none; }
    #accordion-actividades h5 a i, #accordion-materiales h5 a i {
      position: absolute;
      right: 1rem; }

.custom-card:hover {
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15);
  /*box-shadow: 5px 10px rgba(0, 0, 0, 0.15);*/ }
.custom-card img {
  height: 5.5rem;
  width: auto;
  max-width: 100%;
  object-fit: contain; }

#accordion-actividades h5 > a:hover {
  color: #e6e6e6 !important; }

#accordion-materiales h5 > a:hover {
  color: #1a548a !important; }

.card.card-noticia {
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15); }

#noticia-completa .galeria img {
  object-fit: cover; }

.card-actividad p {
  margin-bottom: 2px; }

#actividad {
  min-height: 45vh; }

.object-fit-contain {
  object-fit: contain; }

.box-shadow {
  box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.15); }

.w-15 {
  width: 15%; }

.w-30 {
  width: 30%; }

.w-40 {
  width: 40%; }

.w-60 {
  width: 60%; }

.w-80 {
  width: 80%; }

.w-85 {
  width: 85%; }

.h-10 {
  height: 10%; }

.h-45 {
  height: 45%; }

.h-90 {
  height: 90%; }

.h-50 {
  height: 50%; }

.gradiente-agua {
  background-color: #0093E9;
  background-image: linear-gradient(180deg, #0093E9 19%, #80D0C7 73%); }

.gradiente-rosa {
  background-color: #4158D0;
  background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); }

.gradiente-gris {
  background-color: #8EC5FC;
  background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 80%); }

.gradiente-azul-p {
  background-color: #8BC6EC;
  background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%); }

.gradiente-verde {
  background-color: #85FFBD;
  background-image: linear-gradient(45deg, #85FFBD 0%, #FFFB7D 100%); }

.gradiente-sand-to-blue {
  background: #DECBA4;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #DECBA4, #3E5151);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #DECBA4, #3E5151);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }

/*
    .item-galeria:nth-child(odd){
        background-color: #f8f9fa;
    }
    
    .item-galeria:nth-child(even){
         background-color: white;
    }*/

/*# sourceMappingURL=estilo-frontend.css.map */