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

body{
  background-color: #3d3e3f;
  overflow: auto;
/* background-color: #eceef2;
color: #3d3e3f;*/
}
/*Scroll personalizado*/
body::-webkit-scrollbar{
  width: 7px;
  background-color: grey;
}
body::-webkit-scrollbar-thumb {
  background: rgb(12, 87, 185);
  border-right: 20px;
}
/*Scroll personalizado*/

.navbar{
  padding-bottom: 0px;
  padding-top: 0.3rem;
  margin-top: 0px;
  margin-bottom: 0px;
}
.dropdown-menu{ /*Fondo cuando se aprieta el menu desplegable*/
  --bs-dropdown-link-active-bg: rgba(49, 92, 185, 0.772);
}
.dropdown-menu .meme{
/*   display: none;*/
  position: relative;
  left: 100%;
  top: -7px;
}
.dropdown-menu>li:hover> .submenu{
  display: block;
}
.dropdown-menu .submenu-lef{
right: 100%;
left: auto;
}
.dropdown-menu .submenu{
  position: absolute;

}
.dropdown-menu a { /*Texto del menu desplegable*/
  color: #af3535;
  padding-top: 0.5em;
  padding-bottom: 0.2em;
}
.dropdown-item:hover{
  color: #315191;
}
.navbar-expand-lg .navbar-nav .dropdown-menu { /*Fondo del menu desplegable*/
    background-color: rgba(49, 92, 185, 0.4);
}
.dropdown-divider {/*línea separadora del menu desplegable*/
  margin-bottom: 0.1em;
}
.navbar-nav .nav-link.active .botone:active {
  color: var(--bs-navbar-active-color);
}
h1{
  margin-bottom: 0.3rem;
}
h2{
  font-size: 4em;
  font-weight: 700;
/*  padding-top: 1em;*/
}
row h2.dos{
  font-weight: 400;
  display: block;
  text-align: center;
}
h2.dos{
  font-weight: 400;
  display: block;
  text-align: center;
}
.botone{
  display: block;
float: right;
}
.botone:link, .botone:visited {
  background-color: rgba(49, 92, 185, 0.4);
  color: white;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 0.5rem;
}
.botone:hover {
  color: white;
  background-color: rgba(119, 173, 240, 0.788);
}
.tres{
  font-weight: 600;
  display: block;
  text-align: center;
  font-size: 20px;
}
#vi{
  background-color: #12273f;
  color: beige;
  margin-top: 3em;
  margin-bottom: 3em;
  padding-bottom: 5em;
}
.atel{
  font-size: 2em;
  font-family: LouvreSerif, Georgia, "Times New Roman", serif;
  font-weight: 100;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  text-align: center;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
h4{
  font-size: 1em;
}
.antonio{
  display: flex;
  flex-wrap: wrap;
}
.text-center .copete {
font-size: 1.5em;
}
.mayuscula{
text-transform: capitalize;
}
.justificado{
  justify-content: center!important;
}
.py-3 {
  column-count: 2;
  column-span: all;
  text-align: left;
  column-rule: 4px double #505b74;
}
@media screen and (max-width: 600px) {
.py-3 {
  column-count: 1;
  column-span: all;
  text-align: left;
  column-rule: 4px double #505b74;
}
}
.menos{
    font-size: 1em;
    font-style: normal;
}

/*agrandar al pasar el zoom*/
.zoom{
  transition: transform 1s;
}
.zoom:hover{
  transform: scale(1.3);
}
.card {
  position: relative;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  border-radius: 10px;
}

.vi{
  display: block;
  background-color: rgba(255, 255, 255, 0.301);
  margin-top: 3em;
}
video{
  padding-bottom: 5em;
}
.list-group{
  border-top: 0.5em solid #476180;
}
/* Titulos de cuadros*/
h6{
  color:  #214369;
}
/*Slider texto*/
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 0.25rem;
  /*left: 0;*/
  padding-bottom: 0.25rem;
  padding-bottom: 0;
  padding-top: 0;
  font-size: 0.6rem;
  text-align: center;
}
h3 {
  font-size: 1rem;
  color: rgb(16, 25, 43);
  background-color: rgb(198, 228, 169);
  text-align: center;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}
div.polaroid {
  width: 80%;
  margin: auto;
  margin-top: 1rem;
  padding: 1em;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
}
div.polaroida {
  width: 100%;
  margin: auto;
  padding: 1em;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
}
hr.ara{
  background-color: #476180;
  margin-top: 1rem;
  height: 8px;
}
/*botones avanzar y retroceder Sliders*/
.carousel-control-prev, .carousel-control-prev-malv {
  left: 0;
}
.carousel-control-prev, .carousel-control-next, .carousel-control-prev-malv {
  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: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
.carousel-control-next, .carousel-control-prev-malv {
  right: 0;
}
mark, .mark {
  padding: 0.1875em;
  background-color: rgba(154, 187, 122, 1);
}

/*Footer*/
.footer {
  margin-top: 30px;
  padding: 30px 0;
  font-size: 14px;
  border-top: 0.5em solid rgba(255, 255, 255, 0.301);
    background-color: #2f3e4f;
}

.footer .copyright {
  text-align: left;
  color: rgba(255, 255, 255, 0.8);
}
.footer .credits {
    padding-top: 6px;
    margin-top: 3em;
    text-align: center;
    font-size: 13px;
    color: rgb(158, 156, 156);
}
.wha{
  color:rgba(158,155,155,1);
  line-height:2em;
  text-align:left;
  list-style:none;
}
.wha:hover{
  color:rgba(41,151,94,1);
  line-height:1em;
  z-index:3;
  font-size: 2em;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  background-color:rgba(86, 87, 88, 0.772);
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-2x {
  font-size: 2em;
}

.fa-2x .icoo{
  color:rgba(158,155,155,1);
	line-height:2.8em;
}
.icoo{
  color:rgba(158,155,155,1);
  line-height:2em;
  text-align:left;
  list-style:none;
}
.icoo:hover{
  color:rgba(41,151,94,1);
  line-height:1em;
  z-index:3;
  font-size: 2em;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  background-color:rgba(86, 87, 88, 0.772);
  }

a {
  color:rgb(239, 242, 248);
  text-decoration: none;
}
#vid{
  align-items: center;
}
#viindex{
  height: 25em;
  border: 0;
  width: 80%;
}
.ratio{
  overflow: hidden;
  width: 100%;
  padding-top: 180%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  position: relative;
}

.ratio--9x16 {
/*  position: absolute;*/
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

}