/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 30-ene-2024, 12:40:48
    Author     : Pau
*/

:root {
  --color-primario: #21659b;
  --color-secundari: #207cb9;
  --color-tercer: whitesmoke;
}

section {
  padding: 20px 0;
}

.about .video-box {
  background: url("../img/presentacio/EAP_edicifi_2.jpg") center center no-repeat;
}

.pl-5 {
  padding-left: 0.5rem;
}

.botoVisita {
  margin: 0 1.2rem;
}

.appointment-btn {
  background: var(--color-primario);
}

.appointment-btn:hover {
  background: var(--color-primario);
  opacity: 0.8;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
  color: var(--color-primario);
  border-color: var(--color-primario);
}

#preloader::before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid var(--color-primario);
  border-top-color: rgb(191, 47, 74);
  border-top-color: #e0cccf;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: animate-preloader 1s linear infinite;
}

i {
  color: var(--color-primario);
}

.about .icon-box .icon i {
  color: var(--color-primario);
}

.about .icon-box:hover .icon {
  background: var(--color-primario);
  border-color: var(--color-primario);
  opacity: 0.8;
}

.badge {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.bg-danger {
  /*font-size: 18px;
  font-weight: 500;*/
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--color-primario) !important;
  --bs-btn-border-color: var(--color-primario) !important;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--color-secundari) !important;
  --bs-btn-hover-border-color: var(--color-secundari) !important;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--color-secundari) !important;
  --bs-btn-active-border-color: var(--color-secundari) !important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--color-secundari) !important;
  --bs-btn-disabled-border-color: var(--color-secundari) !important;
  background-color: var(--color-primario) !important;
}

.bg-danger:hover {
  color: var(--bs-btn-hover-color) !important;
  background-color: var(--bs-btn-hover-bg) !important;
  border-color: var(--bs-btn-hover-border-color) !important;
}

.bg-danger i {
  color: white;
  padding-right: 10px;
}

.bg-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--color-primario);
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #var(--color-primario);
  --bs-btn-disabled-border-color: #var(--color-primario);
  background-color: var(--color-primario) !important;
}

.bg-dark:hover {
  color: var(--bs-btn-hover-color) !important;
  background-color: var(--bs-btn-hover-bg) !important;
  border-color: var(--bs-btn-hover-border-color) !important;
}

.why-us .icon-boxves .icon-box i {
  color: #333333;
}

#caixes-home .align-items-stretch .icon-box p {
  min-height: 45px;
}

.icon-box p {
  min-height: 45px;
}

#hero {
  min-height: 600px;
}

#hero .titol_1 {
  color: var(--color-tercer);
}

.lema {
  color: var(--color-tercer);
  margin: 10px 0 0 0;
  font-size: 24px;
}


/* 
    PRESENTACIO
*/
#ambit-actuacio h1 {
  font-size: 2.0rem;
}

#ambit-actuacio .card-body {
  padding: 10px;
}

#ambit-actuacio .cardgris .card {
  min-height: 105px;
}

#centres-referencia ul {
  list-style: none;
}

/* 
    GALERIA
*/
.portfolio-menu {
  text-align: center;
}

.portfolio-menu ul li {
  display: inline-block;
  margin: 0;
  list-style: none;
  padding: 10px 15px;
  cursor: pointer;
  -webkit-transition: all 05s ease;
  -moz-transition: all 05s ease;
  -ms-transition: all 05s ease;
  -o-transition: all 05s ease;
  transition: all .5s ease;
}

.portfolio-item .item {
  /*width:303px;*/
  float: left;
  margin-bottom: 10px;
}



@media (min-width: 768px) {
  #buscarBtn {
    margin-top: -5px !important;
  }
}

@media (max-width: 768px) {
  button {
    margin-bottom: 5px;
  }

  #buscarBtn {
    margin-top: 5px;
  }

  #hero {
    min-height: 20px;
    height: 30vh;
    margin-top: 6rem;
    background: url("../img/background/bg_home_phone.jpg") no-repeat center right 45%;
  }

  #why-us {
    padding: 0 !important;
  }

  #hero .container {
    padding-bottom: 0 !important;
  }

  #hero h2 {
    margin-bottom: 0px !important;
    padding-bottom: 0rem !important;
    color: white !important;
  }

  #hero .titol_1 {
    color: #fff !important;
  }
}

.mt-4 {
  margin-top: 1.0rem !important;
}

.why-us .icon-boxes .icon-box {
  padding: 20px 30px;
}

.why-us .icon-boxes .icon-box h4 {
  margin: 0 0 0 0;
}

.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%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");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%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");
  --bs-accordion-btn-focus-border-color: #fcccd6;
  --bs-accordion-btn-focus-box-shadow: none !important;
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: #fcccd6;
}

/*.solution_card .solu_description a {
  border: 0 !important;
  border-radius: 15px !important;
  background: linear-gradient(140deg, #e6375e 0%, #e6375e 50%, #e6375ec7 75%) !important;
  color: #fff !important;
  font-weight: 500 !important;
  font-size: 1rem !important;
  padding: 5px 16px !important;
}
.solution_cards_box .solution_card:hover .solu_description a {
  background: linear-gradient(140deg, #a25154 0%, #a25154 50%, #a25154c7 75%) !important;
  color: #fff !important;
}
.solution_cards_box .solution_card:hover {
  background: linear-gradient(140deg, #ff4d66 0%, #ff4d66 50%, #ff4d66c7 75%) !important;
  color: #fff;
  transform: scale(1.1);
  z-index: 9;
}*/
.boto-noticies {
  display: inline;
  width: 80%;
}



.noticia-titol p {
  margin-bottom: 0 !important;
  ;
}

.noticia-titol {
  margin-bottom: 1rem;
}

.noticies_home_list {
  font-size: 1.2rem !important;
  min-height: 4rem !important;
  padding-top: 1rem;
}

#noticies_list h2 {
  font-size: 1.7rem !important;
  min-height: 4rem !important;
}






/* ADMIN */
.btn-container form {
  display: inline-block;
  margin-right: 10px;
  /* Espacio entre los botones */
}

#admin-dashboard {
  min-height: 81vh;
}

#noticies .img-container,
#adminNoticies .img-container {
  width: 100%;
  /* Ancho deseado de la imagen */
  height: 228px;
  /* Altura deseada de la imagen */
  overflow: hidden;
  /* Ocultar el desbordamiento si la imagen es más grande */
}

#noticies .img-container img,
#adminNoticies .img-container img {
  width: 100%;
  /* La imagen se ajustará al ancho especificado */
  height: 100%;
  /* La imagen se ajustará a la altura especificada */
  object-fit: cover;
  /* La imagen se recortará para cubrir el contenedor */
}

#adminNoticies {
  min-height: 700px;
}

#success-alert {
  position: absolute;
  width: 25%;
  margin-left: 800px;
  top: 108px;
}

.noticia-titol h3 {
  min-height: 41px;
}

.tipusNoticia1 {
  background-color: green;
  color: white;
  padding: 3px;
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 0.7rem;
}

.tipusNoticia2 {
  background-color: rgb(182, 119, 2);
  color: white;
  padding: 3px;
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 0.7rem;
}

/* HORARIS */
.horari-mati {
  background-color: #3cb3726c !important;
  color: black !important;
}

.horari-tarda {
  background-color: rgba(255, 68, 0, 0.349) !important;
  color: black !important;
}

.horari-tipus {
  width: 250px;
}

.horari-dia {
  width: 155px;
}

.horari-table td {
  width: 10%;
  /* Ajusta este valor según sea necesario */
}

.horari-table td:first-child {
  width: 25%;
}


.btn-tipus-tots {
  border-color: black;
  padding: 5px 10px !important;
  margin-bottom: 0.4rem !important;

}

.btn-tipus-tots:hover {
  border-color: gray;
}

.btn-tipus-equip {
  --bs-btn-color: #fff;
  padding: 5px 10px !important;
  margin-bottom: 0.4rem !important;
}

.btn-tipus-equip:hover {
  color: black !important;
  opacity: 0.8;
  scale: 1.05;
}

#menu-tipus-equips {
  padding-left: 0 !important;
}


#equips .card {
  position: relative;
  padding: 0;
  /*margin: 0 !important;*/
  margin: auto;
  border-radius: 20px;
  overflow: hidden;
  max-width: 280px;
  max-height: 340px;
  cursor: pointer;
  border: none;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);

}

#equips .card .card-image {
  width: 100%;
  max-height: 340px;
}

#equips .card .card-image img {
  width: 100%;
  max-height: 249px;
  object-fit: cover;
}

#equips .card .card-content {
  position: absolute;
  bottom: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(15px);
  min-height: 110px;
  width: 100%;
  /*transition: bottom .4s ease-in;*/
  box-shadow: 0 -10px 10px rgba(255, 255, 255, 0.1);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0.3rem;
}

#equips .card:hover .card-content {
  bottom: 0px;
}

#equips .card:hover .card-content h4,
#equips .card:hover .card-content h5 {
  transform: translateY(10px);
  opacity: 1;
}


#equips .card .card-content h5 {
  transition: 0.5s;
  font-weight: 200;
  font-size: 0.8rem;
  letter-spacing: 2px;
}

#equips .card .card-content h4,
#equips .card .card-content h5 {
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-align: center;
  transition: transform 0.8s ease, opacity 0.8s ease;
  font-weight: 700;
  opacity: 1;
  transform: translateY(0);
}

#equips .card .card-content h5 {
  transition-delay: 0.2s;
  font-weight: 450;
  font-size: 0.8rem;
  letter-spacing: 2px;
}


#equips .card .card-content .social-icons {
  list-style: none;
  padding: 0;
}


#equips .card .card-content .social-icons li {
  margin: 10px;
  transition: 0.5s;
  transition-delay: calc(0.15s * var(--i));
  transform: translateY(50px);
}


#equips .card:hover .card-content .social-icons li {
  transform: translateY(20px);
}

#equips .card .card-content .social-icons li a {
  color: #fff;
}

#equips .card .card-content .social-icons li a span {
  font-size: 1.3rem;
}

#menu-tipus-equips .active {
  opacity: 0.7;
  border: 1px solid black;
  scale: 0.85;
  color: black;
}

.pointer {
  cursor: pointer;
}

.form-group {
  margin-bottom: 1rem;
}

.hidden {
  visibility: hidden;
}

.right-space-1 {
  margin-right: 0.6rem;
}

#equips .row {
  margin-left: auto;
  margin-right: auto;
}

.a_noticies {
  text-decoration: none;
  color: #444444;
}

.fitxa-doctor-cv {
  min-height: 150px;
  margin-top: 2rem;
}

/* RESPONSIVE */



@media (max-width: 1200px) {
  #equips .card .card-content {
    min-height: 75px;
  }
}

@media (max-width: 1000px) {
  .fitxa-doctor-cv {
    min-height: 0;
  }
}

/* LOGIN / REGISTER */
#admin-login {
  background-color: rgb(224, 223, 223);
}

#admin-login .card-header {
  background-color: white;
}

#admin-login .card {
  box-shadow: 10px 5px 5px #aaa;
}




#dashboard-btns button {
  width: 100%;
  height: 100%;
}

.padding-r1 {
  padding-right: 1rem;
}

#politica-privacitat table {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}

#politica-privacitat table th {
  width: 14rem;
}

#politica-privacitat .bold {
  font-weight: bold;
}

.portal-doc-img-ii {
  background-image: url('../img/portal-empresa/ii.jpg');
  background-size: cover;
}

.portal-doc-img-aec {
  background-image: url('../img/portal-empresa/aec.jpg');
  background-size: cover;
}

.portal-doc-img-cbg {
  background-image: url('../img/portal-empresa/cbg.jpg');
  background-size: cover;
}

.portal-doc-img-ce {
  background-image: url('../img/portal-empresa/ce.jpg');
  background-size: cover;
}

.portal-doc-img-ie {
  background-image: url('../img/portal-empresa/ie.jpg');
  background-size: cover;
}

.portal-doc-img-pe {
  background-image: url('../img/portal-empresa/pe.jpg');
  background-size: cover;
}

.portal-doc-img-r {
  background-image: url('../img/portal-empresa/r.jpg');
  background-size: cover;
}

.portal-doc-img-si {
  background-image: url('../img/portal-empresa/si.jpg');
  background-size: cover;
}

.portal-doc-img-ii-o {
  background-image: url('../img/bg_organigrama.png');
  background-size: cover;
}

.portal-doc-img-ii-catsalut {
  background-image: url('../img/portal-empresa/informacio-institucional/contracte-catsalut.jpg');
  background-size: cover;
}

.portal-doc-img-ii-cl {
  background-image: url('../img/portal-empresa/informacio-institucional/conveni-laboral.jpg');
  background-size: cover;
}

.portal-doc-img-ii-rp {
  background-image: url('../img/portal-empresa/informacio-institucional/relacio-proveidors.jpg');
  background-size: cover;
}

.portal-doc-img-ii-m {
  background-image: url('../img/portal-empresa/informacio-institucional/memories.jpg');
  background-size: cover;
}

.portal-doc-img-cbg-1 {
  background-image: url('../img/portal-empresa/codi-bon-govern/box1.jpg');
  background-size: cover;
}

.portal-doc-img-cbg-2 {
  background-image: url('../img/portal-empresa/codi-bon-govern/box2.jpg');
  background-size: cover;
}

.portal-doc-img-cbg-3 {
  background-image: url('../img/portal-empresa/codi-bon-govern/box3.jpg');
  background-size: cover;
}

.portal-doc-img-pe-1 {
  background-image: url('../img/portal-empresa/planificacio-estrategica/box1.jpg');
  background-size: cover;
}

.portal-doc-img-pe-2 {
  background-image: url('../img/portal-empresa/planificacio-estrategica/box2.jpg');
  background-size: cover;
}

.portal-doc-img-pe-3 {
  background-image: url('../img/portal-empresa/planificacio-estrategica/box3.jpg');
  background-size: cover;
}

.portal-doc-img-ie-1 {
  background-image: url('../img/portal-empresa/informacio-economica/box1.jpg');
  background-size: cover;
}

.portal-doc-img-ie-2 {
  background-image: url('../img/portal-empresa/informacio-economica/box2.jpg');
  background-size: cover;
}

.portal-doc-img-ie-3 {
  background-image: url('../img/portal-empresa/informacio-economica/box3.jpg');
  background-size: cover;
}

.portal-doc-img-ie-4 {
  background-image: url('../img/portal-empresa/informacio-economica/bo4.jpg');
  background-size: cover;
}

.portal-doc-img-r-1 {
  background-image: url('../img/portal-empresa/resultats/box1.jpg');
  background-size: cover;
}

.portal-doc-img-r-2 {
  background-image: url('../img/portal-empresa/resultats/box2.jpg');
  background-size: cover;
}

.portal-doc-img-r-3 {
  background-image: url('../img/portal-empresa/resultats/box3.jpg');
  background-size: cover;
}

.portal-doc-img-r-4 {
  background-image: url('../img/portal-empresa/resultats/box4.jpg');
  background-size: cover;
}

.portal-doc-img-aec-1 {
  background-image: url('../img/portal-empresa/aliances/box1.jpg');
  background-size: cover;
}

.portal-doc-img-aec-2 {
  background-image: url('../img/portal-empresa/aliances/box2.jpg');
  background-size: cover;
}

.white {
  color: white !important;
}

.box-portal a {
  width: 100%;
}

.box-portal h2 {
  min-height: 166px;
}

#hospitalsreferencia li {
  margin-bottom: 1rem;
}

#horaris-centres table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
}

#horaris-centres th,
#horaris-centres td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
  background-color: #fff;
}

#horaris-centres th {
  background-color: #f2f2f2;
}

#horaris-centres td.specialty {
  background-color: var(--color-primario);
  font-weight: bold;
  color: white;
}

#horaris-centres td.specialty2 {
  background-color: #03B5BF;
  font-weight: bold;
  color: white;
}

#horaris-centres td.specialty3 {
  background-color: #6C9FC1;
  font-weight: bold;
  color: white;
}

.horari-cap {
  position: relative;
  background-color: var(--color-primario);
  color: #FFF;
  padding: 15px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* Esto empuja el botón hacia abajo */
  height: 100%;
  /* Asegúrate de que el div ocupe el espacio necesario */
  min-height: 200px;
}

.horari-cap-card {
  position: relative;
  background-color: rgb(241, 240, 240);
  padding: 15px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* Asegúrate de que el div ocupe el espacio necesario */
  min-height: 200px;
}

.horari-cap-card table {
  border-radius: 15px;
  overflow: hidden;
}

.logo-container {
  position: relative;
  display: inline-block;
}

.logo {
  display: block;
}

.logo-text {
  position: absolute;
  bottom: -13px;
  right: -13px;
  font-size: 12px;
  color: var(--color-primario);
  padding: 2px 5px;
  border-radius: 3px;
}

.card-educacio {
    background: linear-gradient(135deg, #f8fbff, #e8f3fc); /* Blau molt suau */
    border: none;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.card-educacio:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}
.card-educacio h5 {
    color: #0d47a1; /* Blau fosc pel text */
}
.card-educacio i {
    color: #1976d2; /* Blau una mica més intens per a l'icona */
}

.text-justify {
    text-align: justify;
}

.onsom{
   min-height: 15rem;
   margin-top: 1.5rem;
}

.horari-matitada {
    background-color: #FFE8CC; /* taronja molt clar */
    color: #b35900; /* text taronja fosc */
}

.horari-mati {
    background-color: #d8f3dc; /* verd clar */
    color: #1b4332;
}

.horari-tarda {
    background-color: #cce5ff; /* blau clar */
    color: #003366;
}

.horari-matitada {
    background-color: #ffe8cc; /* taronja molt clar */
    color: #b35900;
}

.horari-mati-alterns {
    background-color: #e6f9e6; /* verd molt clar */
    color: #2e7d32;
    font-style: italic;
}

.horari-tarda-alterns {
    background-color: #e0f0ff; /* blau més suau */
    color: #004085;
    font-style: italic;
}