@import 'fonts.css';
html{
  scroll-behavior: smooth;
}
*{margin:0;}

body{font-family: 'Brown'}

p{
  font:300 20px/31px 'Brown';
  color: var(--grey-00);
  opacity: 1;
}

button:focus{
  outline:none;
}
a{
  color:var(--highlight);
}

a, svg, .navbar-Laboratorio-gobierno .img-laboratorio-gobierno img,
 .navbar-Laboratorio-gobierno.navbar-agil .img-laboratorio-gobierno img,
.navbar-Laboratorio-gobierno.navbar-agil .img-ministerio img, .btn-sm,
.nav-item, .dropdown-item,.nav-link, .navbar-toggler, .fa.fa-bars{
  transition:ease 0.3s;
}

a:hover{
  text-decoration: none;
}

a:hover, .breadcrumb-labgob span a:hover{
  color:var(--highlight);
}

.header{
  height:80px!important;
}
.player-parent{
  display:none;
  margin:0;
  padding:0;
  background:var(--grey-00);

}



.row.player-container {
  position:absolute;
  left:0;
  /*width:100vw;*/
}
.row.player-container .big-version{
  position:absolute;
  right:5vw;
  top:85%;
  width: fit-content;
  z-index: 1;
  mix-blend-mode: difference;
}
.row.player-container a{
  text-decoration: none;
}
.row.player-container .fa.fa-expand{
  color:white;
  font-size: 3rem;
}
.plyr__video-wrapper{
  transition: 0.3s ease;
}

.row.player-container .fa.fa-expand.expanded:before{
  content:"\f066";
}

.row.player-container.area .col-lg-12{
  display:flex;
  height:470px;
  overflow: hidden;
  align-items: center;
  background-color: black;

}

.vimeo-video{
  height:470px;

}

.player-container>div {
  width: 100%;
  padding: 0
}

#player,.container-section-one .title-section.main-title .title p {
  width: 100%
}

.plyr__video-wrapper{
  max-height: 860px;
  display: flex;
  place-items:center;
  transition: 0.3s ease;
  max-height:500px;

}

.plyr__video-wrapper.expanded{
  max-height: unset;
}

div.plyr__controls {
  /*display: none !important;*/
}

.plyr__volume{
  max-width: 180px!important;
}

.percentage-svg-h {
  width: 28%;
}
.percentage-svg-w {
  width: 47%;
}
.contenedor-general{
  width: 100%;
  max-width:1140px ;
  margin: 0 auto;
}

.breadcrumb-labgob, .breadcrumb-labgob span a {
  color: var(--grey-02);
  text-decoration: none;
}
.breadcrumb-labgob {
  text-align: left;
  font:14px/18px 'Brown';
  padding-left: 30px;
  letter-spacing: 0px;
  opacity: 1;
}
.breadcrumb-labgob.extra-space {
  margin-bottom:40px;
}


.breadcrumb-span-fa {
  font-size: 15px;
  position:relative;
  top:-1px
}
.breadcrumb-span-txt {
  position: relative;
  top: -3px;
}

.breadcrumb-labgob.agil span a:hover{
  color:var(--yellow);
}
.row{
  margin: 0;
}

.row.justify-content-md-center.extra-space
  margin-top:510px;
}

.container-section-one{
  margin-top:40px;
}
.container-section-one.with-image, .container-section-two{
  display: flex;
  width: 100%;
  align-items: center;
}
.container-section-one.with-image{
  flex-direction: column;
  align-content: center;
}
.container-section-one .title-section.main-title,
.container-section-two .title-section,
.description, .item .description{
  text-align:center;
}

.title-section{
  margin-bottom:40px;
}
.container-section-one.with-image .title-section.main-title{
  flex-direction: row;
  align-self: center;
  display:flex;
  width:fit-content;
}
.container-section-one.with-image .title{
  align-items: center;
  justify-content: center;
  margin-right:30px;
}
.container-section-one .title-section .img {
  text-align: center;
  width:210px;
  margin:auto;
}
.container-section-one .title-section .img img {
  width:100%;
  max-width: 340px;
}

.item .description, .container-section-one .description p{
  font: normal normal 300 20px/30px 'Brown';
}
.container-section-one .title-section.main-title .title p,
.title, .title p{
  font:300 44px/52px 'Brown';
  color: var(--grey-01);
}
.title, .title p {
  margin-bottom:0;
}
.container-section-one .text-section-container{
  width: 80%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.container-section-two {
  margin-top: 70px;
  flex-direction: column;
  justify-content: center;
}

.divider {
  margin-top: 50px;
  border: 1px solid var(--grey-01);
  opacity: 1
}
.search-input-box {
  padding: 5px !important;
  background-color: #e7e7e7 !important;
}
.search-input input {
  border-radius: 20px !important;
  height: 35px !important;
  color: #e7e7e7 !important;
  padding: 10px !important;
  text-indent: 20px !important;
  font-size: 12px !important;
  font-weight: bold !important;
}
.search-input input::placeholder {
  color: #bcbcbc !important;
  padding: 7px !important;
}
.search-input .input-icons i {
  position: absolute !important;
  color: #e7e7e7 !important;
  font-size: 20px !important;
}
.search-input .input-icons {
  width: 100% !important;
  margin-bottom: 10px !important;
}
.search-input .icon {
  padding: 7px !important;
  min-width: 40px !important;
}

.btn-custom,
.btn-custom:active,
.btn-custom:visited {
  display:block;
  background-color: var(--highlight);
  color: var(--white);
  margin: 12px;
  border-radius: 20px;
  font: bolder 21px/28px'Brown';
  padding:5px 35px 5px;
  text-decoration: none !important;
  border: 1px solid transparent;
  text-align: center;
  /*z-index:500;*/}

.btn-custom.agil,
.btn-custom.agil:active,
.btn-custom.agil:visited{
  background-color: var(--yellow);
}


.btn-custom:hover {
  background-color: var(--white);
  color: var(--highlight);
  border: 1px solid var(--highlight);
}


.btn-custom.agil:hover{
  border-color: var(--yellow);
  color:var(--yellow);
  background-color: var(--white);

}

.row.justify-content-md-center.extra-space.area, .container-section-one.extra-space.area{
  margin-top:540px;
}

@media only screen and (max-width:1360px){
  .row.justify-content-md-center.extra-space{
    margin-top:0;
  }
}

@media only screen and (max-width:1000px){
  .container-section-one.with-image .title-section.main-title{
    flex-direction:column;
  }
}

@media only screen and (max-width:992px){
  .contenedor-general{
    padding:0 20px;

  }
  .breadcrumb-labgob{
    display: none;
  }
  .header{
    height:83px!important;
  }

  .container-section-one{
    margin-top:0;
  }
  .container-section-one .title-section.main-title .title {
    margin:0;
  }
  .title p{
    text-align: center;
    margin-bottom:20px;
  }

  .row.player-container.area .col-lg-12{
    height:270px;


  }

  .row.justify-content-md-center.extra-space.area, .container-section-one.extra-space.area{
    margin-top:0;
    padding-top:320px;
  }

}

@media only screen and (max-width:760px){
  p{
    font:300 20px/30px 'Brown';
  }
  .container-section-one .title-section.main-title .title p, .title p, .title{
    font:300 34px/44px 'Brown';
  }
  .container-section-one {
    width:90%;
    margin:auto;
  }
  .title p{
    margin-bottom:0;
  }
}


@media only screen and (max-width:540px){
  p, .description-main {
    font:300 16px/24px 'Brown'
  }
  .container-section-one .title-section.main-title .title p, .title p, .title{
  }
  .container-section-one .text-section-container p,
  .container-section-one .text-section-container{
    width:100%;
  }
  .title p{
    margin-bottom:0;
  }

  .row.player-container.area .col-lg-12{
    height:180px;


  }

  .row.justify-content-md-center.extra-space.area, .container-section-one.extra-space.area{
    padding-top:240px;
  }
}

@media only screen and (min-width: 992px){
  .breadcrumb-labgob {
    margin-top:40px;
  }
}

@media only screen and (max-width:400px){

  .container-section-one .title-section.main-title .title p, .title p, .title{
    font:300 26px/32px 'Brown';
  }

  .container-section-one .text-section-container{
    margin:0;
  }
}


/* modifiers */
.bold-em{font-style: normal;font-weight: 500}
.regular-em{font-style: normal;font-weight: 300}

.bg-light {
  background-color: var(--white) !important;
}
.bg-dark{
  background-color: var(--black) !important;
}

.margin-bottom-100{margin-bottom:100px;}
@media only screen and (max-width:960px)
{
  .mobile-hidden{
    display:none!important;
  }

  .mobile-visible{
    display:block;
  }
}
@media only screen and (min-width:961px){
  .mobile-visible{
    display:none!important;
  }
}


/* highlight transition*/