/*
 Theme Name:   Eltron Child
 Template:     eltron
 Description:  Tema fill del tema Eltron
 Author:       jreig
 Version:      1.0.0
*/

/************ Aquí afegir estils personalitzats ****************/


/**************************** general ****************************/


/* CANVIS de colors per VERD Misk */
.button, a.button, a.wp-block-button__link, button, input[type=button], input[type=reset], input[type=submit] {
    background-color: #00B19B;
    border-color: #00B19B;
}

.slider-style-one .main-slider-img-text .slider-content-box .slide-btn-1 a:nth-child(1), .slider-style-one .slide-type-two .slider-content-box .slide-btn-1 a:nth-child(2) {
    background-color: #00B19B;
}

.features-icon-text .features-hover-content {
  background-color: #00B19B;
}

.feature-style-two .features-call-action .feature-call-content a {
  background-color: #00B19B;
}

.feature-style-two .features-call-action .feature-call-content a::before {
  background-color: #003E57;
}


.feature-style-two .features-call-action .feature-call-content h3 span {
  color: #00B19B;
}

.team-member-box:hover .team-text {
  background-color: #003E57;
}

.team-member-box .team-text .team-social {
  background-color: #003E57;
}

/* FI CANVIS de colors per VERD Misk */


/* btn */
.misk-btn__cta {
  background: #003E57;
  color: #fff !important;
  padding: 1rem;
  display: block;
  margin-top: 3rem;
  width: 200px;
  margin: 0 auto;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.misk-btn__cta:hover {
   background-color: #003E57DE; /* Color al fer hover */
  transform: scale(1.05); /* Liger aumento visual */
}


/********************** header ***************************/

.eltron-header-top-bar {
  background-color: #003E57;
  }


/*********************** HOME ****************************/


/* amagar botó video soluciones energeticas */
#sec-soluciones-home .about-btn {
  display: none;
}

.about-section::before {
    filter: opacity(0.3);
}



/* section ventajas */


#section-ventajas #features-slide-id .owl-stage {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  justify-items: stretch;
  align-items: stretch;
  transform: none !important;
  width: 100% !important;
}

#section-ventajas #features-slide-id .owl-item {
  display: block !important;
  height: 100%;
}

#section-ventajas #features-slide-id .feature-slide-icon-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 20px;
  box-sizing: border-box;
  background-color: #fff0; /* fons transparent */
  border-radius: 6px;
}

.feature-style-two .feature-slide-icon-text:hover {
  border: 1px dashed #fff;
  cursor: pointer;
}


/********************* Servicios ************************/

/* amagar bot´´o video */
#servicios__section .about-btn.text-uppercase {
  display: none !important;
}

/* cards */
.cards-services {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  padding: 2rem 1rem;
}

.cards-services__card {
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  max-width: 340px;
  width: 100%;
  transition: transform 0.3s ease;
}

.cards-services__card:hover {
  transform: translateY(-5px);
}

.cards-services__image {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.cards-services__title {
  font-size: 1.25rem;
  margin: 1rem;
  color: #333;
}

.cards-services__text {
  font-size: 1rem;
  margin: 0 1rem 1.5rem;
  color: #555;
}


/******************** FAQs ********************************/

.misk-faq__container {
  max-width: 800px;
  margin: 0 auto;
  padding: 1.25rem 1.25rem; /* 20px */
  color: #000000; /* text negre per defecte */
}

.misk-faq__item {
  border-bottom: 1px solid #ddd;
}

.misk-faq__question {
  width: 100%;
  padding: 1rem 1.25rem; /* 16px 20px */
  text-align: left;
  background-color: #ffffff; /* fons blanc */
  color: #000000; /* text negre */
  border: 0.125rem solid #003E57; /* blau fosc */
  outline: none;
  font-size: 1rem; /* 16px */
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
  border-radius: 0.25rem; /* 4px */
  margin-bottom: 0.625rem; /* 10px */
}

.misk-faq__question:hover {
  background-color: #003E57; /* blau fosc */
  color: #ffffff; /* text blanc */
}

.misk-faq__answer {
  display: none;
  padding: 1rem 1.25rem; /* 16px 20px */
  background-color: #ffffff;
  font-size: 0.9375rem; /* 15px */
  line-height: 1.6;
  border-left: 0.25rem solid #003E57; /* línia lateral blau */
  border-radius: 0 0 0.25rem 0.25rem;
  margin-bottom: 0.9375rem; /* 15px */
  color: #000000; /* text negre */
  border-color: #003E57 !important;

}

/* Focus: mateix tractament que hover */
.misk-faq__question:focus {
  background-color: #003E57;
  color: #ffffff;
  outline: none; /* treu l'outline per defecte */
  box-shadow: 0 0 0 2px rgba(0, 62, 87, 0.4); /* opcional: efecte subtil de focus */
  border-color: #003E57 !important;
}

/* Responsive per mòbil */
@media (max-width: 600px) {
  .misk-faq__question {
    font-size: 0.9375rem; /* 15px */
    padding: 0.875rem 1rem; /* 14px 16px */
  }

  .misk-faq__answer {
    font-size: 0.875rem; /* 14px */
    padding: 0.875rem 1rem;
  }
}








/********************* footer ****************************/


.slogan-footer {
  line-height: 1.1rem;
}

.kitdigital-logo__container {
    margin-top: 1.5rem;
}

ul.menu-footer__llista {
    line-height: 1rem;
}

span.footer-contacte__label {
    font-weight: 700;
}


address.footer-contacte__info {
    color: #999;
}