/* ------------------------------------- */
/* VARIABLES */
/* ------------------------------------- */
:root {
  --neutro: #e8e8ee;
  --header-titulo-size: 1rem;
  --card-titulo-size: 1.1rem;
  --card-subtitulo-size: 0.70rem;
  --card-titulo-size-1: 1.1rem;
  --card-titulo-size-2: 1.1rem;
  --titulo-weight: 900;
  --titulo-color: #031b4f;
  --titulo-subcolor: #4d5b7c
}
/* ------------------------------------- */
/* Font Sizes */
/* ------------------------------------- */
@media (min-width: 576px) {
  :root {
    --header-titulo-size: 1rem;
  }
}
@media (min-width: 768px) {
  :root {
    --header-titulo-size: 1rem;
  }
}
@media (min-width: 992px) {
  :root {
    --header-titulo-size: 1.3rem;
    --card-titulo-size-1: 1.2rem;
    --card-titulo-size-2: 0.9rem;
  }
}
@media (min-width: 1200px) {
  :root {
    --header-titulo-size: 1.3rem;
    --card-titulo-size-1: 1.5rem;
  }
}
/*
.card-permanente .card-title{
  font-size: 0.9rem !important;
}
.destacada-1 .card-title {
  font-size: var(--card-titulo-size-1) !important;
}
.destacada-2 .card-title {
  font-size: var(--card-titulo-size-2) !important;
}
*/

.contenedor_columna{
  max-width:960px;
}
.contenedor table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
  border-collapse: collapse;
  border: 1px solid #dee2e6;
}
.contenedor table td, .contenedor table th {
  padding: .75rem;
  vertical-align: top;
  border: 1px solid #dee2e6;
}
.contenedor h1{
  font-size:1.75rem;
  font-weight: var(--titulo-weight);
  color: var(--titulo-color);
}
.contenedor h2,
.seccion_titulo{
  font-size:1.5rem;
  font-weight: var(--titulo-weight);
  color: var(--titulo-color);
  margin-bottom:1rem;
}
.contenedor h3,
.seccion_subheader h3.seccion_titulo,
.seccion_subheader h3.seccion_subtitulo{
  font-size:1.35rem;
  margin-top: 1.5rem;
  font-weight: var(--titulo-weight);
  color: var(--titulo-color);
  margin-bottom:1rem;
}
.contenedor h4{
  font-size:1.2rem;
  font-weight: var(--titulo-weight);
  color: var(--titulo-color);
  margin-bottom:1rem;
}
.contenedor h5{
  font-size:1rem;
  font-weight: var(--titulo-weight);
  color: var(--titulo-color);
}
.contenedor h6{
  font-size:1rem;
  font-weight: var(--titulo-weight);
  color: var(--titulo-color);
}
.contenedor h2:not(:first-child) {
  margin-top: 3rem;
}
.seccion_subheader .lead{
  color: var(--titulo-subcolor);
}
/* ------------------------------------- */
/* HEADER */
/* ------------------------------------- */
header.header_sitio .header_titulo {
  font-weight: var(--titulo-weight);
  font-size: var(--header-titulo-size);
}
header.header_sitio a.header_logo img {
  max-height: 60px;
}
/* ----------------------------------------------------------- */
/* --- ENCABEZADO DE LA PAGINA --- */
/* ----------------------------------------------------------- */
.encabezado {
  background-color: var(--neutro) !important;
}
.encabezado_titulo {
  color: var(--titulo-color) !important;
}
.encabezado .breadcrumbs {
  padding-top: 10px;
}
.encabezado .encabezado_body {
  padding-top: 10px;
  padding-bottom: 10px;
}
.encabezado .lead {
  color: var(--titulo-subcolor) !important;
}
@media (min-width: 768px) {
  .encabezado .breadcrumbs {
    padding-top: 30px;
    padding-bottom: 10px;
  }
  .encabezado .encabezado_body {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
/* ----------------------------------------------------------- */
/* --- CARDS --- */
/* ----------------------------------------------------------- */
.card .card-title {
  font-size: var(--card-titulo-size);
  font-weight: var(--titulo-weight);
}
.seccion:nth-of-type(even) {
  background-color: var(--neutro);
}
.seccion_titulo{
  font-weight: var(--titulo-weight);
}
.box-impulso h3 {
  font-size: var(--card-subtitulo-size);
}
#superCarousel {
  position: relative;
}
#superCarousel .cover {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
}
#superCarousel .carousel-caption {
  z-index: 2;
}
.modulo-galeria_imagenes .carousel-indicators{
  margin-bottom: 0rem;
}
.modulo-galeria_imagenes .carousel-caption{
  opacity: 0.75;
background-color:black;
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: #fff;
text-align: center;
border-radius: 6px;
font-size:0.90rem;
}
.modulo-galeria_imagenes .carousel-dark .carousel-control-next-icon,
.modulo-galeria_imagenes .carousel-dark .carousel-control-prev-icon {
  filter: none;
}
.modulo-galeria_imagenes .carousel-control-next {
  right: 2%;
}
.modulo-galeria_imagenes .carousel-control-prev {
  left: 2%;
}
.modulo-galeria_imagenes .carousel-control-next,
.modulo-galeria_imagenes .carousel-control-prev {
  position: absolute;
  top: 45%;
  bottom: auto;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius:50%;
  padding: 10px;
  text-align: center;
  background: 0 0;
  border: 0;
  opacity: .7;
  transition: opacity .15s ease;
  background-color:#222;
}
.modulo-galeria_imagenes .carousel-control-next-icon, 
.modulo-galeria_imagenes .carousel-control-prev-icon {
  width: 3rem !important;
  height: 3rem !important;
}

.post_texto blockquote{
  font-size: 1.4em;
  line-height: 1.2;
  padding:1em;
  border-left: 3px solid #999;
  color:#666;
  margin-top: 1em;
  margin-bottom: 1em;
}
.post_texto blockquote p{
  color:#666;
}
/* img e iframe responsive dentro del contenido*/
.post_texto p img, 
.post_texto h2 img, 
.post_texto h3 img, 
.post_texto h4 img, 
.post_texto iframe {
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* 
Estilo para pie de fotos que están dentro del cuerpo del post.
El estilo ".pie-foto" debe ser marcado cuando se edita en post en el editor.
*/
.post_texto span.pie-foto{
  display: block;
  margin-bottom: 2rem;
}