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

b, strong{
    font-weight: 700 !important;
}
body{
background: rgb(0,56,105);
background: linear-gradient(90deg, rgba(38,96,106,1) 0%, rgba(101,163,162,1) 50%, rgba(38,96,106,1) 100%);
padding-top: 0;
 margin-top: 0;

}
#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
     border-radius: 50px;
    height: 50px;
    width: 50px;
    background-color:rgba(255,255,255,.5) !important;
    color: #031A2D;
    font-weight: normal;
    border-color: rgba(255,255,255,.5)!important;
    font-size: 26px;
    line-height: 38px;
}
#btn-back-to-top:hover, #btn-back-to-top:active{
    border-color: #0080B9 !important;
}

nav{
    border-bottom: 6px solid #0080B9 !important;
}
/* Estilo base del navbar */
        nav {
            transition: background-color 0.3s ease, opacity 0.3s ease;
            background-color: rgba(255, 255, 255, 1); /* Semi-transparente */
        }

        /* Clase que se añade al hacer scroll */
        nav.scrolled {
            background-color: rgba(255, 255, 255, 0.8); /* Opacidad total */
        }
.nav-item a {
      position: relative;
    color: #627279!important;
    font-weight: 500;
}
.nav-link:hover{
      color: #187ca9 !important;
}
.nav-item ::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #0080B9;
  z-index: 1;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.5s ease-in-out;
}

.nav-item :hover::before {
  transform: scaleX(1);
}

/* ANIMATIONS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.nav-item[data-animation="to-left"] a::before {
  transform-origin: right;
}

.nav-item[data-animation="center"] a::before {
  transform-origin: center;
}

.nav-item[data-animation="bonus"] a::before {
  transform-origin: right;
}

.nav-item[data-animation="bonus"] a:hover::before {
  transform-origin: left;
  transform: scaleX(1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.82, 0.94);
}

.nav-item{
    font-family: 'Montserrat', sans-serif!important;
}
nav.logo img {
    height: 80px;
}
.circulo img {
    width: 90%;
    margin: 0 auto;
}
.logo-header{
    width: 90%;
    margin: 2em auto;
}
header{
    margin: 0 auto 3em auto;
    padding: 120px 0 1em 0!important;
}
header h1{
  font-family: "futura-pt-bold", sans-serif;
font-weight: 700 !important;
font-style: normal;
    color: #ffffff !important;
    text-align: center;
    font-size: 50px;
}
header h2{
font-family: "futura-pt", sans-serif;
font-weight: 400 !important;
font-style: normal !important;
    color: #ffffff !important;
    text-align: center;
    font-size: 30px;
}
header h3{
font-family: "futura-pt-bold", sans-serif;
    font-weight: 700 !important;
    font-style: normal;
    color: #ffffff !important;
    text-align: center;
    font-size: 28px;
    line-height: 28px;
}

header p strong {
   font-family: 'Montserrat', sans-serif;
  font-weight: 700 !important;
    color: #ffffff !important;
}
header p {
   font-family: 'Montserrat', sans-serif;
  font-weight: 300;
    color: #ffffff;
    text-align: center;
    margin: 1em auto;
    padding: 0 0 2em 0;
    font-size: 20px;
    line-height: 35px;
}
.border-radius{
    border-radius:18px;
}

.btn-farmasist{
    color: #265f6a !important;
    background: #ffffff !important;
   border-color: #ffffff !important;
   font-family: "futura-pt", sans-serif;
font-weight: 400 !important;
font-style: normal !important;
    border-radius: 40px !important;
    padding: 20px 40px !important;
    font-size: 26px !important;
}
.btn-farmasist:hover {
    color: #ffffff !important;
    background: #89c3c4 !important;
   border-color: #89c3c4 !important;

}
.webform-button--submit{
    color: #ffffff !important;
    background: #265f6a !important;
   font-family: "futura-pt", sans-serif;
font-weight: 400 !important;
font-style: normal !important;
    border-radius: 40px !important;
    font-size: 18px !important;
    margin-top: 1em;
    text-transform: uppercase;
   padding: 20px 40px !important;
    border: 0 !important;
    border-width: 0 !important;
    border-style: none !important;
}
#candidatos{
    padding: 4em 0;
    background: rgba(101,163,162,1);
}
#candidatos img{
    width: 100%;
    max-width: 450px;
    margin: 0 auto 0 0;
    display: block;
     padding: 3em 0;
    
}
.fondo-luz{
       background-image: url("../img/luz.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size:contain;
}

#candidatos p{
   font-family: 'Montserrat', sans-serif;
  font-weight: 300;
    color: #ffffff;
    text-align: left;
    margin: 1em auto;
    font-size: 20px;
    line-height: 35px;
}
#candidatos h1{
font-family: "futura-pt-bold", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #ffffff;
    text-align: center;
    margin: 0 auto;
    font-size: 40px;
    position: relative;
    display: table;
    width: auto;
    padding: 15px 0;
}
#candidatos h1::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 70%;
  height: 5px;
  background: #ffffff;
  z-index: 1;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.5s ease-in-out;
}

#candidatos h1:hover::before {
  transform: scaleX(1);
}
#proyectos{
    padding: 4em 0;
    background: rgba(38,96,106,1);
}
#proyectos img{
    width: 100%;
    max-width: 450px;
    margin: 1em 0 6em auto;
    display: block;
    border-radius: 1em;
    
}

#proyectos p{
   font-family: 'Montserrat', sans-serif;
  font-weight: 300;
    color: #ffffff;
    text-align: left;
    margin: 1em auto;
    font-size: 20px;
    line-height: 35px;
}
#proyectos p strong{
  font-weight: 700 !important;
    color: #ffffff !important;

}
p strong{
  font-weight: 700 !important;
    color: #ffffff !important;

}
#proyectos h1{
font-family: "futura-pt-bold", sans-serif;
font-weight: 700;
font-style: normal;
    color: #ffffff;
    text-align: right;
    margin: 0;
    font-size: 40px;
    position: relative;
    display: table;
    width: auto;
    float: right;
     padding: 15px 0;
}

#proyectos h1::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 70%;
  height: 5px;
  background: #ffffff;
  z-index: 1;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.5s ease-in-out;
}

#proyectos h1:hover::before {
  transform: scaleX(1);
}
#envio{
    padding: 4em 0;
    background: rgba(101,163,162,1);
}
#envio h1{
 font-family: "futura-pt-bold", sans-serif;
font-weight: 700;
font-style: normal;
    color: #ffffff;
    text-align: center;
    margin: 0 auto;
    font-size: 40px;
    position: relative;
    display: table;
     width: auto;
    padding: 15px 0;
    
}
#envio h1::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: #ffffff;
  z-index: 1;
  transform: scaleX(0);
  transition: transform 0.5s ease-in-out;
}

#envio h1:hover::before {
  transform: scaleX(1);
}
#envio p{
  font-family: "futura-pt", sans-serif;
font-weight: 400;
font-style: normal;
    color: #ffffff;
    text-align: center;
    font-size: 28px;
    margin: 0 auto;
}
#envio h2{
  font-family: "futura-pt-bold", sans-serif;
font-weight: 700;
font-style: normal;
    color: #ffffff;
    text-align: center;
    margin: 0 auto;
    padding: 0 0 15px 0;
    font-size: 32px;
}
#categorias{
    background: rgba(38,96,106,1);
    padding: 4em 0;
}

#categorias .card img{
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
}
#categorias .card {
border-radius: 1em;
}
#categorias h2{
 font-family: "futura-pt", sans-serif;
font-weight: 400;
font-style: normal;
    text-align: center;
    color: #265f6a;
    font-size: 22px;
   margin: 270px auto 0.5em auto;
    
}
#categorias p{
   font-family: 'Montserrat', sans-serif;
  font-weight: 300;
    color: #627279;
    text-align: center;
    margin: 1em auto;
    font-size: 20px;
}
#categorias h1{
 font-family: "futura-pt-bold", sans-serif;
font-weight: 700;
font-style: normal;
    color: #ffffff;
    text-align: center;
    margin: 0 auto;
    font-size: 40px;
     position: relative;
    display: table;
     width: auto;
    padding: 15px 0;
    
}
#categorias h1::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: #ffffff;
  z-index: 1;
  transform: scaleX(0);
  transition: transform 0.5s ease-in-out;
}

#categorias h1:hover::before {
  transform: scaleX(1);
}

.imagen-cat{
      overflow: hidden;
   
}
#categorias.card::before {
  content: "";
  display: none !important;
}
#categorias.card {
  text-indent: -9999px!important;
  overflow: hidden!important;
}

img{
    transition: transform 0.25s;
}
.imagen-cat:hover img {
  transform: scale(1.1);
}

#candidaturas p strong{
    color: #ffffff !important;
}

#candidaturas{
 padding: 4em 0;
}
#candidaturas h1{
font-family: "futura-pt-bold", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #ffffff;
    text-align: center;
    margin: 0 auto;
    font-size: 40px;
    position: relative;
    display: table;
    width: auto;
    padding: 15px 0 1em 0;
}
#candidaturas h1::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: #ffffff;
  z-index: 1;
  transform: scaleX(0);
  transition: transform 0.5s ease-in-out;
}

#candidaturas h1:hover::before {
  transform: scaleX(1);
}

#candidaturas .cont-field .text-field.focused label, .cont-field .select-field.focused label {
    border: 0 !important;
    background: #ffffff !important;
    border-radius: 9px !important;
}
#candidaturas.form-select {
    color: #212529 !important;
    border: 2px solid #265f6a !important;
    width: 100%;
}

#candidaturas .cont-field .text-field label, .cont-field .select-field label {
    border: 0 !important;
    background: #ffffff !important;
    border-radius: 9px !important;
    height: 40px !important;
    color: #212529 !important;
}
#candidaturas .floating-label{
    margin: 0 0 1em 0 !important;
    background: rgba(0, 0, 0, 0) !important;
    font-size: 14px;
    color: #265f6a !important;
    font-family: "futura-pt", sans-serif !important;
    font-weight: 400;
    font-style: normal;
}

#candidaturas .cont-field .select-field.wcont .floating-labe {
transform: translate(0px, -46px) !important;
    background-color: transparent !important;
    color: #ffffff !important;
}
#candidaturas .text-field input, .cont-field .text-field select, .cont-field .select-field input, .cont-field .select-field select{
     width: calc(100% - 32px) !important;
    left: 5px !important;
    height: 35px !important;
    color: #212529 !important;
    padding-top: 0 !important;
    border: 1px solid #265f6a !important;
    font-size: 14px;
}
#candidaturas .text-field input{
    border-radius: 5px !important;
}
#candidaturas .cont-field .text-field .notched-outline, .cont-field .select-field .notched-outline{
    height: 2px !important;

}
#candidaturas .cont-field .text-field.focused .floating-label, #candidaturas .cont-field .select-field.focused .floating-label, #candidaturas .cont-field .text-field.focused .floating-label select, #candidaturas .cont-field .select-field.focused .floating-label select{
 background:rgba(0,0,0,0) !important;
    font-size: 14px !important;
    font-family: "futura-pt", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    margin: 0;

}
.cont-field .text-field.focused .floating-label, .cont-field .text-field.wcont .floating-label, .cont-field .select-field.focused .floating-label, .cont-field .select-field.wcont .floating-label {
    transform: translate(0px, 0px);
    background-color: #fff;
    padding: 0 4px;
    font-size: 12px;
    max-width: fit-content;
    z-index: 4;
    height: fit-content;
}
#candidaturas .cont-field .text-field .notched-outline span, .cont-field .select-field .notched-outline span{
        padding: -1px 0 0 0 !important;
}
#candidaturas .js-form-item-fecha-de-lanzamiento{
   margin-top: 3em !important;
}
#candidaturas .form-item-nombre-del-contacto{
   width: 100% !important;
    min-width: 100%;
}
#candidaturas .js-form-type-checkbox.form-item{
  color: #ffffff !important;
}
#candidaturas .cont-field .text-field{
  margin-top: 1em;
}
#candidaturas .form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px sold #ffffff !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.375rem;
}
.form-control{
    border: 0 !important;
}
#candidaturas .input{
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
#candidaturas #edit-adjuntar-archivo-upload-button--3{
    width: 135px !important;
    background: #265f6a;
    color: #ffffff !important;
    left: 75% !important;
    float: right;
    border: 0 !important;
    border-radius: 40px !important;
    padding: 5px 10px !important;
    font-size: 12px;
    font-weight: 400;
}
.placeholder{
    background: rgba(255,255,255,0) !important;
}

#fecha_lanzamiento{
  margin-top: 2em;
}


.formulario{
    background: #ffffff;
    border-radius: 15px;
    padding: 0 !important;

}
.content-form{
    padding: 4em 4em 2em 4em;

}
.formulario h1{
    background: #ffffff;
    font-family: 'Montserrat', sans-serif;
  font-weight: 700;
    color: #0080b9;
     border-radius: 15px 15px 0 0;
    padding: 15px 0;
    text-align: center;
}
label {
    color: #265f6a !important;
font-family: "futura-pt", sans-serif;
font-weight: 400;
font-style: normal;
}
.webform-element-description{
    color: #265f6a !important;
    font-family: "futura-pt", sans-serif;
font-weight: 400;
font-style: normal;
    margin-top: 1em !important;
}
.webform-element-description p{
    color: #265f6a !important;
    font-family: "futura-pt", sans-serif;
font-weight: 400;
font-style: normal;
    display: table !important;
    padding-left: 1em;
    font-size: 14px !important;
    line-height: 1.3;
    
}
.webform-element-description img{
    float: left;
}
button, input, optgroup, select, textarea{
    margin: 10px!important;
}
#jurado{
    padding: 5em 0;
    background: rgba(101,163,162,1);
}
#jurado h1{
font-family: "futura-pt-bold", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #ffffff;
    text-align: center;
    margin: 0 auto;
    font-size: 40px;
    position: relative;
    display: table;
    width: auto;
    padding: 15px 0 1em 0;
}
#jurado h1::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: #ffffff;
  z-index: 1;
  transform: scaleX(0);
  transition: transform 0.5s ease-in-out;
}

#jurado h1:hover::before {
  transform: scaleX(1);
}

#jurado p{
       font-family: 'Montserrat', sans-serif;
  font-weight: 300;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    margin: 0 auto;
}
#jurado p strong{
    color: #ffffff !important;
}
footer{
    background: #ffffff;
}
footer img{
    display: block;
    margin: 0 auto;
    padding: 3em 0;
}
@media only screen and (max-width: 768px) {
    nav{
        padding: 0 5px;
    }
    .navbar-brand{
        margin: 0;
        width: 65%;
    }
    .navbar-brand img{
        width: 100%;
    }

    #candidatos, #proyectos, #envio, #categorias {
        padding-top: 2em;}
    #candidaturas{
        padding: 0;
        margin: 0;
    }
    .formulario, .formulario h1{
        border-radius: 0;
    }
    #candidatos img{
        margin: 0 auto;
    }
    #btn-back-to-top {
  bottom: 10px;
  right: 0px;
    }
    .webform-button--submit{
        font-family: 16px !important;
        padding: 15px 20px !important;
    }
    #candidaturas .form-control{
        width: 90%;
        margin: 0 auto;
    }
    #edit-adjuntar-archivo-upload--3{
        width: 90%;
    }
    footer img{
        width: 80%;
    }
    #proyectos p, #candidatos p{
        text-align: center;
    }
    #proyectos h1{
        text-align: center;
        width: 100%;
    }
    .logo-header {
    width: 100%;
    margin: 3em auto;
}
    header h1{
        font-size: 35px;
    }
    header h3{
        font-size: 20px;
        line-height: 20px;
    }
    .circulo img{
        width: 100%;
    }
}