@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Calistoga&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');
.navbar-brand h2 {
  font-size: 2rem; 
}
@media (max-width: 576px) {
  .navbar-brand h2 {
    font-size: 1rem; 
  }
}
.logo_inicio{
	width: 60px;
	margin-right: 20px;
}
h1{
  
  font-family: "Calistoga", serif;
  font-weight: 400;
  font-style: normal;
}


.img-comp-container {
  position: relative;
  width: 100%;
  max-width: 1210px; 
  aspect-ratio: 21 / 9;
  margin-bottom: 20px; 
  overflow: hidden; 
}

.img-comp-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.img-comp-img img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
}

.img-comp-slider {
  position: absolute;
  z-index: 10;
  cursor: ew-resize;
  width: 40px;
  height: 40px;
  background-color: white;
  opacity: 0.7;
  border-radius: 50%;
}
.container.izq, .container.der{
	margin-top: 62px;
	margin-bottom: 62px;
}
.container.top {
	margin-bottom: 62px;
}
h2, h3{
  font-family: "Calistoga", serif;
  font-weight: 400;
  font-style: normal;
}
h4{
	font-family: "Calistoga", serif;
  font-weight: 400;
  font-style: normal;
	color:white;
}
h5{
  font-family: "Source Serif 4", serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
	text-align: center;
}
p{
  font-family: "Source Serif 4", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
a{
  font-family: "Source Serif 4", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.container.videos{
	margin-top: 62px;
	margin-bottom: 62px;
}
iframe.videocard{
	margin-bottom: 20px;
}
.container-fluid.pie{
	padding: 20px;
}
.redes {
  width: 40px;
  margin-right: 20px;
}
.pietexto a{
	color: white;
}

.card-title{
	color:white;
}
.pie {
}
.jus {
}
/*ESTILOS PORTAFOLIO FILTRO*/
* {
  box-sizing: border-box;
}

body {
  padding: 20px;
}

.main {
  margin: auto;
  padding: 40px 40px 0px 40px;
}

h1 {
  word-break: break-all;
}

.row {
  margin: 10px -16px;
}

.row,
.row > .column {
  padding: 8px;
}

.column {
 
  float: left;
  display: none; 
  
}


.row:after {
  content: "";
  display: table;
  clear: both;
}


.content {
  background-color: white;
  padding: 20px;
}


.show {
  display: block;
}


.btn {
  border-color: #319123;
  border-style: solid; 
  border-width: 4px;
  padding: 12px 16px;
  background-color: transparent;
  cursor: pointer;
}

.btn:hover {
  background-color: white;
 color: #319123;
}
.btn:focus{
	  background-color: #319123;
  color: white;
 box-shadow: none;
}
.btn.active {
  background-color: #319123;
  color: white;
}


/*CALENDARIO*/
  iframe {
    width: 100%;
    height: 600px;
  }.animate__animated {
}
.animate__zoomIn {
}