/*------------------------------------
00.LP :: GENERAL
------------------------------------*/

.list-disc{list-style-type: disc;}

html {
  scroll-behavior: smooth;
  /* overflow-x: hidden; */
}

body {
	font-family: 'Lato', sans-serif !important;
}

.fr {
    float: right;
    display: inline;
    margin: 0 0 0 10px;
}

.iblk {
    display: inline-block !important;
    zoom: 1;
    display: inline !important;
}

.blue-lit{color:#00b5e2!important;}
.bc-blue-lit{background-color:#00b5e2!important;}
.c-down{color:#ed8b00!important;}
.c-up{color:#43b02a!important;}
.c-balance{color:#007dba!important;}
.c-turquesa{color:#91E5E5!important;}
.blue-dark-health{color: var(--blue-dark-health)}
.hidden{display: none!important;}
.shadow{
	-webkit-box-shadow: 0px 0px 23px 0px rgba(184,223,242,1)!important;
	-moz-box-shadow: 0px 0px 23px 0px rgba(184,223,242,1)!important;
	box-shadow: 0px 0px 23px 0px rgba(184,223,242,1)!important;
}



h1{font-size:40px; font-weight:900; color:#243749;}
h2{font-size:24px; font-weight:400; color:#5D718A; line-height: 33px;}
h3{font-size:22px;color:#5D718A; line-height: 32px!important;}
h4{font-size:20px;color:#243749;font-weight: 900;}
.strong{font-weight: 900!important;}

.w-0{width:0%!important}
.w-5{width:5%!important}
.w-10{width:10%!important}
.w-15{width:15%!important}
.w-17{width:17%!important}
.w-20{width:20%!important}
.w-30{width:30%!important}
.w-35{width:35%!important}
.w-40{width:40%!important}
.w-45{width:45%!important}
.w-55{width:55%!important}
.w-60{width:60%!important}
.w-65{width:65%!important}
.w-70{width:70%!important}
.w-80{width:80%!important}
.w-85{width:85%!important}
.w-90{width:90%!important}
.w-95{width:95%!important}

.w-auto {width: auto!important;}
ul{list-style-type: none;}
ul.roboto{padding: 24px 0;}

.py-15{padding-left: 15px; padding-right: 15px;}

.background-main{
	min-height: 1000px;
	/* overflow: hidden; */
	background: rgb(255,255,255);
	background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 20%, rgb(228,247,255) 55%);
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 20%, rgb(228,247,255) 55%);
	background: linear-gradient(0deg, rgba(255,255,255,1) 20%, rgb(228,247,255) 55%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#E4FFF7",GradientType=1);
}

.section-gradient{
	padding-top:2%;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 67%, rgba(228,247,255) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 67%, rgba(228,247,255) 100%);
	background: linear-gradient(0deg, rgba(255,255,255,1) 67%, rgba(228,247,255) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e4fff7",GradientType=1);
}

.section-gradient-tao{
	padding-top:2%;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 67%, rgba(228,247,255) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 67%, rgba(228,247,255) 100%);
	background: linear-gradient(0deg, rgba(255,255,255,1) 67%, rgba(228,247,255) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e4fff7",GradientType=1);
}

#main-section img{
	padding: 0% 0 8% 0;
}

p.checked {
 position: relative;
 font-size: 20px;
 /* line-height: 33px; */
 color:#5D718A;
}

.custom-control-label{
 font-size: 16px;
}

form .form-group textarea, form .form-group input, form .form-group select {
   font-weight: 400!important;
   font-size: 16px!important;
}

.label-detail{
  font-size: 13px!important;
  font-style: italic!important;
  color:#6C757E!important;
}

.bg-form{
  background: aliceblue;
  border-radius: 8px;
}

.error_text{ font-size: 13px;}

.btn.btn-taocontrol{
  background: #c81c5d !important;
  padding: 15px 0px;
  color: #ffffff;
}

.bg-color-section{
  background: #f9fafb !important;
}

#miembros-jurado{
  img{filter:grayscale(1)}
}


/*------------------------------------
lP:: RESPONSIVE
------------------------------------*/

@media only screen and (max-width: 767px){
	h1 {font-size: 27px;}
	h2 {font-size: 23px!important;}
	h3 {font-size: 21px;}
	h4 {font-size: 19px!important;text-align: center;}

  .row {
    margin-right: 0px!important;
    margin-left: 0px!important;}
}


/*-------------------------------------
01:: TESIS GIL-VERNET
-------------------------------------*/
:root {
  /* --text-main-color: #631900; */
  --text-main-color: #1f1e41;
  --color-base-transparent: color-mix(in srgb, var(--text-main-color), transparent 70%);
  --color-topic:#750382;
  --shadow: 0px 0px 23px 0px rgb(225 241 249) !important;
}

.color-premio{
  color: var(--color-topic)!important;
}

#ganador .bt-color-winner{
  background-color: color-mix(in srgb, var(--color-topic), white 80%)
}

.close-convocatoria {
  border-radius: 5px;
  border: 1px solid var(--text-main-color);
  padding-inline: 20px;
  padding-block: 10px;
  inline-size: max-content;
  backdrop-filter: blur(15px);
}
.close-convocatoria {
  border-radius: 5px;
  border: 1px solid var(--text-main-color);
  padding-inline: 20px;
  padding-block: 10px;
  inline-size: max-content;
  backdrop-filter: blur(15px);
}
.box-glass {
  border-radius: 5px;
  border: 1px solid var(--color-base-transparent);
  padding-inline: 30px!important;
  padding-block: 50px!important;
  inline-size: max-content;
  backdrop-filter: blur(15px);

  h2{
    font-size: 24px; padding-block: 10px;
  }

}

/* h1.text-main-color{color: #d293c2} */
h1.text-main-color{color: color-mix(in srgb, var(--color-topic), white 65%)}
.text-main-color{color:var(--text-main-color)}

.wrapper .ganador-premio {
  font-size: 28px;
  font-weight: 900;
  color: var(--color-topic) !important;
}

.wrapper .caso-ganador{
  border: 1px solid var(--text-main-color);
  background-color:#fff;
  box-shadow:var(--shadow);
  h2{
    text-transform: lowercase;
    &:first-letter{text-transform: uppercase;}
  }
  
  
}
.wrapper .caso{
  border: 1px solid var(--text-main-color);
  background-color:#fff;
  box-shadow:var(--shadow);
  padding-top:20px;
  padding-bottom:20px;

  h2{
    text-transform: lowercase;
    &:first-letter{text-transform: uppercase;}
  }

}
.wrapper .caso::before{width: 0;}

.text-main-color{color: var(--text-main-color);}


#banner.wrapper .btn.btn-outline-devicare {
  box-shadow: 0 0 0px #00B9EA!important;
}

.wrapper .btn, .wrapper .btn:visited {
  color: var(--text-main-color)!important;
  font-size: 16px;
  display: block;
  border: none;
  width: 100%;
  box-shadow: none !important;
  text-transform: none!important;
  font-weight: 700;
}

.wrapper .btn.btn-dark, .wrapper .btn.btn-dark, .wrapper .btn.btn-dark:hover, .wrapper .btn.btn-dark:active, .wrapper .btn.btn-dark:visited {
  background-color: var(--text-main-color);
  color: #fff!important;
}

.wrapper .btn.btn-outline-dark, .wrapper .btn.btn-outline-dark, .wrapper .btn.btn-outline-dark:hover, .wrapper .btn.btn-outline-dark:active,.wrapper .btn.btn-outline-dark:visited {
  background-color: #fff;
  border: 1px solid var(--text-main-color);
  color: var(--text-main-color);
  white-space: nowrap;
}

#banner.hero-lg.wrapper {
  background-image: url('../images/lp/gil-vernet/banner-hero-gilvernet.webp');
  object-fit: cover;
}

.wrapper h4 {
  color: var(--text-main-color);
  font-size:24px;
}

.wrapper h3 {
  font-size: 22px;
  color: var(--text-main-color);
  line-height: 32px!important;
}

.wrapper h2 {
  color: var(--text-main-color);
}

.wrapper .h1 {
  color: var(--text-main-color);
  font-size:41px;
}


.wrapper .card{
    font-size: 13px;
    color: var(--text-main-color);
}

.blockquote{font-size: 18px;}

#about img, #hitos img, #reconocimientos img{width:75%;}
#hitos li{
  font-size: 16px;
  padding:5px 0;
  /* line-height: 24px; */
}
#hitos li::marker{
  font-size: 18px;
  font-weight: bold;
}
#hitos ul, #reconocimientos li{
    list-style-type: disc!important;
}

#reconocimientos li{
  margin:5px 0; 
  border-radius: 5px; 
  padding: 16px;
  color: var(--text-main-color);
}

#reconocimientos .list-group-item+.list-group-item {border-top-width: 1px;}

:is(#miembros-jurado, #premiados) .h6{ 
  font-weight: 900;
  font-size:17px;
  line-height: 25px!important;
}

:is(#miembros-jurado, #premiados) .time{ 
  font-size:16px; color: var(--text-main-color);
}
#miembros-jurado img{ 
  width: 200px;
}
#premiados img{ 
  display:none;
  width: 150px;
  filter: grayscale();
  border: 1px solid rgb(236, 236, 236);
}
#premiados h2{ 
  font-size:23px;
}

#colaboran h4{
  font-size:17px;
}
#colaboran img{
  height: 25%!important;
}

#header{
  background-color: var(--text-main-color)!important;
}

#footer footer-bottom {background-color: var(--text-main-color);}


#myBtn {
  display: none; 
  z-index: 99; 
  border: none; 
  outline: none; 
  background-color: var(--text-main-color); 
  color: white; 
  cursor: pointer; 
  padding: 10px 15px; 
  border-radius: 10px;
  position: fixed; 
  bottom: 20px; 
  right: 30px;
}
#myBtn:hover {
opacity: 0.7;
}

.accordion {
  color: var(--text-main-color);
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 16px;
  transition: 0.4s;
  position: relative;
  border-radius:10px;
  border-color: #3c495608;
}

.accordion::after {
  content: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="%231F1E41"%3e%3cpath fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/%3e%3c/svg%3e');
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  right: 10px; 
  transform: translateY(-50%);  
}

.active::after {
  transform: translateY(-50%) rotate(180deg); 
}

.active, .accordion:hover {
  background-color: #21252908; 
  border:1px solid var(--text-main-color);
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}

.wrapper form label{
  left: 7px!important;
  color:var(--text-main-color);
  font-weight: 700;
}

.wrapper form input, .wrapper form select{border: 1px solid #A1B1BC}

.wrapper form input::file-selector-button {
  color: var(--text-main-color)!important;
  font-size: 14px!important;
  padding: 0.6em!important;
  background-color: #cccafb !important;
}

.wrapper .modal-body{font-size:16px; line-height: 36px!important;}
.wrapper .modal-header h1{font-size:24px!important;}

 
@media only screen and (max-width: 767px){
  #about img, #hitos img, #reconocimientos img{width:100%;}
  #banner .buttons-group{line-height: 40px;}
  #participación-premio .buttons-group{line-height: 61px;}
}