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

body 					{font-size:16pt; line-height:138%; overflow-x:hidden; background-color:#FFF;}
.container:after 		{content:"\0020"; display:block; height:0; clear:both; visibility:hidden;}

// stylelint-disable no-duplicate-selectors, selector-no-qualifying-type

//
// Grid examples
//

.carousel-control-next-icon {background-image:none !important;}
.carousel-control-next-icon {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='60 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.carousel-control-prev-icon {background-image:none !important;}
.carousel-control-next-icon::before{font-family:"Font Awesome 5 Free"; font-size:125%; color:#000; opacity:.2; font-weight:900; content:"\f138"; xcontent:"\f054";}
.carousel-control-prev-icon::before{font-family:"Font Awesome 5 Free"; font-size:125%; color:#000; opacity:.2; font-weight:900; content:"\f137"; xcontent:"\f053";}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
	display:block; width:100%;
    background-color:#EEE !important; text-align:center !important;
}
.carousel-item img {height:auto !important; max-height:1600px; width:100% !important;}
.carousel-caption {border-top:1px solid #DDD; background-color:#FFF; color:#333; width:100%; margin:0 0 -30px -15%; opacity:.8; padding:12px 0 16px 0; font-size:88% line-height:128%;}
.carousel-inner {position:relative; width:100%; overflow:hidden; background-color:#FFF; text-align:center !important;}
.bd-example {max-height:1600px;}

#slideshow-container	{margin:0 25px 4px 5px;}
.source 				{font-size:10pt; color:#999; padding:0; margin:0 -20px 24px 0; width:100%; text-align:right;}

.carousel-control-next:hover {background:rgb(255,255,255);
background:-moz-linear-gradient(90deg, rgba(255,255,255,0) 15%, rgba(33,32,32,0.2637429971988795) 98%);
background:-webkit-linear-gradient(90deg, rgba(255,255,255,0) 15%, rgba(33,32,32,0.2637429971988795) 98%);
background:linear-gradient(90deg, rgba(255,255,255,0) 15%, rgba(33,32,32,0.2637429971988795) 98%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#212020",GradientType=1);}

.carousel-control-prev:hover {background:rgb(33,32,32);
background:-moz-linear-gradient(90deg, rgba(33,32,32,0.2637429971988795) 2%, rgba(255,255,255,0) 98%);
background:-webkit-linear-gradient(90deg, rgba(33,32,32,0.2637429971988795) 2%, rgba(255,255,255,0) 98%);
background:linear-gradient(90deg, rgba(33,32,32,0.2637429971988795) 2%, rgba(255,255,255,0) 98%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#212020",endColorstr="#ffffff",GradientType=1);}

.carousel-inner {position:relative; width:100%; overflow:hidden; background-color:#EEE !important; text-align:center !important;}
.carousel-control-next, .carousel-control-prev {
    position:absolute;
    top:0%;
    bottom:0;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    width:15%;
    padding:0;
    color:#fff;
    text-align:center;
    background:0 0;
    border:0;
    opacity:.95;
    transition:opacity 3s ease;
}

.carousel-control-prev {position:absolute; padding:0 10% 0 0; xmargin-left:-30px;}
.carousel-control-next {position:absolute; padding:0 0 0 10%; xmargin-right:-30px;}

.small-gray {font-size:70%; color:#AAA;}

//
// Photo cards
//
* 					{margin:0; padding:0; box-sizing:border-box; }
a 					{text-decoration:none;font-family:sans-serif;}
.card-container 		{width:100%; margin:0 -10px 0 -10px; display:flex; flex-wrap:wrap; flex-direction:row; justify-content:stretch;}
.photoss 			{width:auto; margin:10px 0 0 10px; background-color:#FFF; border:1px solid #CCC; border-radius:2px; padding:0;}
.photoss:hover 		{transform:scale(1.05); transition-timing-function:ease; transition:0.2s; }
.photoss:hover a		{text-decoration:none !important;}
.photo-image, .description {width:97%; margin:3px auto 6px auto; }
.photo-image 		{padding:0; margin-bottom:6px;} 
.description 		{padding:3px 0 0 0; }
.description p 		{margin:-6px 0 0 0; color:#666; font-size:88%; line-height:128%;}
.photo-image img 	{display:block; margin:0 auto; max-width:100%; height:auto; }
.description h2 		{padding-bottom:0.5em; color:#333; font-size:90%; }
h2.small 			{font-size:104% !important; line-height:120%; margin:0;}
.small-description 	{padding:0 0 0 0; }
.small-description p 	{margin:-6px 0 0 0; color:#666; font-size:70%; line-height:120%;}
.small-photo-image .image {width: auto; margin:4px 0 14px 0; background-color:#FFF; border:1px solid #CCC; border-radius:3px;
					padding: 0;max-height: 130px; overflow:hidden;display:flex; justify-content:center;}
.photoss .small-gray {font-size:66%; color:#AAA;}

.photo-image .video 	{width:auto; margin:1px; background-color:#FFF; border:1px solid #CCC; border-radius:3px; padding:0; max-height:130px;
					overflow:hidden; display:flex; justify-content:center;}
.photo-image .video img {width:100%; top:50%; left:50%; }

.photo-line 			{border-bottom:1px dotted #e63535 !important; margin:0 0 6px 0; padding:0 8% 0 0;}

.bd-example-row {
  .row {
      padding-top:.75rem;
      padding-bottom:.75rem;
      background-color:rgba(86, 61, 124, .15);
      border:1px solid rgba(86, 61, 124, .2);
  }

  .row + .row {
    margin-top:1rem;
  }

  .flex-items-top,
  .flex-items-middle,
  .flex-items-bottom {
    min-height:6rem;
    background-color:rgba(255, 0, 0, .1);
  }
}

.bd-example-row-flex-cols .row {
  min-height:10rem;
  background-color:rgba(255, 0, 0, .1);
}

.bd-highlight {
  background-color:#EEE;
  border:1px solid #DDD;
}

//
// Container illustrations
//

.bd-example-container {
  min-width:16rem;
  max-width:25rem;
  margin-right:auto;
  margin-left:auto;
}

.bd-example-container-header {
  height:3rem;
  margin-bottom:.5rem;
  background-color:lighten(#DDD, 50%);
  @include border-radius;
}

.bd-example-container-sidebar {
  float:right;
  width:4rem;
  height:8rem;
  background-color:lighten(#DDD, 25%);
  @include border-radius;
}

.bd-example-container-body {
  height:8rem;
  margin-right:4.5rem;
  background-color:lighten(#DDD, 25%);
  @include border-radius;
}

.bd-example-container-fluid {
  max-width:none;
}


//
// Docs examples
//

.bd-example {
  position:relative;
  padding:1rem;
  border-width:.2rem 0 0;
  @include clearfix();

  @include media-breakpoint-up(sm) {
    padding:1.5rem;
    margin-right:0;
    margin-left:0;
    border-width:.2rem;
  }

  + .highlight,
  + .clipboard + .highlight {
    margin-top:0;
  }

  + p {
    margin-top:2rem;
  }

  .pos-f-t {
    position:relative;
    margin:-1rem;

    @include media-breakpoint-up(sm) {
      margin:-1.5rem;
    }
  }

  .custom-file-input:lang(es) ~ .custom-file-label::after {
    content:"Elegir";
  }

  > .form-control {
    + .form-control {
      margin-top:.5rem;
    }
  }

  > .nav + .nav,
  > .alert + .alert,
  > .navbar + .navbar,
  > .progress + .progress,
  > .progress + .btn {
    margin-top:1rem;
  }

  > .dropdown-menu:first-child {
    position:static;
    display:block;
  }

  > .form-group:last-child {
    margin-bottom:0;
  }

  > .close {
    float:none;
  }
}

// Typography
.bd-example-type {
  .table {
    td {
      padding:1rem 0;
      border-color:#eee;
    }
    tr:first-child td {
      border-top:0;
    }
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-top:0;
    margin-bottom:0;
  }
}

// Contextual background colors
.bd-example-bg-classes p {
  padding:1rem;
}

// Images
.bd-example {
  > svg + svg,
  > img + img {
    margin-left:.5rem;
  }
}

// Buttons
.bd-example {
  > .btn,
  > .btn-group {
    margin-top:.25rem;
    margin-bottom:.25rem;
  }
  > .btn-toolbar + .btn-toolbar {
    margin-top:.5rem;
  }
}

// Forms
.bd-example-control-sizing select,
.bd-example-control-sizing input[type="text"] + input[type="text"] {
  margin-top:.5rem;
}
.bd-example-form .input-group {
  margin-bottom:.5rem;
}
.bd-example > textarea.form-control {
  resize:vertical;
}

// List groups
.bd-example > .list-group {
  max-width:400px;
}
.bd-example > [class*="list-group-horizontal"] {
  max-width:100%;
}

// Navbars
.bd-example {
  .fixed-top,
  .sticky-top {
    position:static;
    margin:-1rem -1rem 1rem;
  }
  .fixed-bottom {
    position:static;
    margin:1rem -1rem -1rem;
  }

  @include media-breakpoint-up(sm) {
    .fixed-top,
    .sticky-top {
      margin:-1.5rem -1.5rem 1rem;
    }
    .fixed-bottom {
      margin:1rem -1.5rem -1.5rem;
    }
  }
}

// Pagination
.bd-example .pagination {
  margin-top:.5rem;
  margin-bottom:.5rem;
}

// Example modals
.modal {
  z-index:1072;

  .tooltip,
  .popover {
    z-index:1073;
  }
}

.modal-backdrop {
  z-index:1071;
}

.bd-example-modal {
  background-color:#fafafa;

  .modal {
    position:relative;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    z-index:1;
    display:block;
  }

  .modal-dialog {
    left:auto;
    margin-right:auto;
    margin-left:auto;
  }
}

// Example tabbable tabs
.bd-example-tabs .nav-tabs {
  margin-bottom:1rem;
}

// Popovers
.bd-example-popover-static {
  padding-bottom:1.5rem;
  background-color:#f9f9f9;

  .popover {
    position:relative;
    display:block;
    float:left;
    width:260px;
    margin:1.25rem;
  }
}

// Tooltips
.tooltip-demo a {
  white-space:nowrap;
}

.bd-example-tooltip-static .tooltip {
  position:relative;
  display:inline-block;
  margin:10px 20px;
  opacity:1;
}

// Scrollspy demo on fixed height div
.scrollspy-example {
  position:relative;
  height:200px;
  margin-top:.5rem;
  overflow:auto;
}

.scrollspy-example-2 {
  position:relative;
  height:350px;
  overflow:auto;
}

.bd-example-border-utils {
  [class^="border"] {
    display:inline-block;
    width:5rem;
    height:5rem;
    margin:.25rem;
    background-color:#f5f5f5;
  }
}

.bd-example-border-utils-0 {}

//
// Code snippets
//

.highlight {
  padding:1rem;
  margin-top:1rem;
  margin-bottom:1rem;
  background-color:#EEE;
  -ms-overflow-style:-ms-autohiding-scrollbar;

  @include media-breakpoint-up(sm) {
    padding:1.5rem;
  }
}

.bd-content .highlight {}

.highlight {
  pre {
    padding:0;
    margin-top:0;
    margin-bottom:0;
    background-color:transparent;
    border:0;
  }
  pre code {
    @include font-size(inherit);
    color:#333; // Effectively the base text color
  }
}




/* X-Small devices (portrait phones, less than 576px) */
@media (max-width:575.98px) {
	.container 			{width:100% !important;}
	#slideshow-container {background-color:#EEE; width:100%; text-align:center; padding:6px; border-radius:4px; margin: 0 0 30px 0;}
	.carousel-caption 	{width:100%; padding:8px 0 10px 0; font-size:60%; line-height:120%;}
	.photoss 			{flex:1 0 49.5%; margin:6px; padding:4px; max-width:calc(49.5% - 1em);}
	.card-container 		{margin:0 0 0 -10px;}
	#article-body 		{padding: 0 5px 0 12px !important;}
	.image-caption 		{font-size:11pt; padding:8px 4px 10px 12px !important;}
	.explore-topics 		{font-size: 90%;padding: 0 4px 0 10px;}
}

/* Small devices (landscape phones, less than 768px) */
@media (min-width:576px) and (max-width:767.98px) {
	.container 			{width:100% !important;}
	#slideshow-container 	{background-color:#EEE; width:100%; text-align:center; padding:8px; border-radius:4px; margin: 0 0 30px 0}
	.carousel-caption 	{width:100%; padding:8px 0 10px 0; font-size:70%; line-height:120%;}
	.photoss 			{flex:1 0 49.5%; margin:6px; padding:4px; max-width:calc(49.5% - 1em);}
	.card-container 		{margin:0 0 0 -10px;}
	#article-body 		{padding: 0 5px 0 12px !important;}
	.image-caption 		{font-size:11pt; padding:8px 4px 10px 12px !important;}
	.explore-topics 		{font-size: 90%;padding: 0 4px 0 10px;}
}

/* Medium devices (tablets, less than 992px) */
@media (min-width:768px) and (max-width:991.98px) {
	.container 			{width:758px !important; max-width:758px !important;}
	#slideshow-container {background-color:#EEE; width:100%; font-size:86%; line-height:124%; text-align:center; padding:8px; border-radius:4px;}
	.photoss 			{flex:1 0 52.5%; padding:6px; max-width:calc(52.5% - 1em);}
	.small-description	{font-size:90%;}
	.photoss:last-of-type {flex-grow:0; }
}

/* Large devices (desktops, less than 1200px) */
@media (min-width:992px) and (max-width:1199.98px) {
    .container, .container-lg {max-width:980px;}
	#slideshow-container {background-color:#EEE; width:100%; text-align:center; padding:10px 1.5% 8px 1.5%; border-radius:6px;}
	.photoss 			{flex:1 0 35.5%; padding:6px; max-width:calc(35.5% - 1em);}
	.photoss:last-of-type {flex-grow:0; }
	.small-description	{font-size:90%;}
/*	.photoss 			{flex:1 0 34.5%; padding:8px; xborder:1px solid #F00; max-width:calc(34.5% - 1em);}
	.photoss:last-of-type {flex-grow:0;}
*/
}

/* X-Large devices (large desktops, less than 1400px) */
@media (min-width:1120px) and (max-width:1399.98px) {
    .container, .container-xl {max-width:1300px;}
	#slideshow-container {background-color:#EEE; width:100%; text-align:center; padding:12px 1.2% 13px 1.2%; border-radius:8px;}
	.photoss 			{flex:1 0 34.5%; padding:8px; xborder:1px solid #F00; max-width:calc(34.5% - 1em);}
	.photoss:last-of-type {flex-grow:0;}
/*
	.photoss 		{flex:1 0 23.5%; padding:10px; xborder:1px solid #F0F; max-width:calc(24.5% - 1em);}
	.photoss:last-of-type {flex-grow:0; }
*/
}

/* XX-Large devices (larger desktops) */
@media (min-width:1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width:1480px;}
	#slideshow-container {background-color:#EEE; width:100%; text-align:center; padding:16px 7% 14px 7%; border-radius:10px;}
	.photoss 			{flex:1 0 34.5%; padding:8px; xborder:1px solid #F00; max-width:calc(34.5% - 1em);}
	.photoss:last-of-type {flex-grow:0;}
/*
	.photoss 			{flex:1 0 18.5%; padding:10px; max-width:calc(19.75% - 1em);}
	.photoss:last-of-type	{flex-grow:0;}
*/
}