/* =========================================================
   CAPCALERA DESTACADA BLOCK
   ========================================================= */

.c-capcalera-destacada-wrapper {
  margin-top: var(--mar-t, 0);
  margin-bottom: var(--mar-b, 0);
  padding-top: var(--pad-t, 2rem);
  padding-bottom: var(--pad-b, 2rem);
  padding-left: var(--grid-margin);
  padding-right: var(--grid-margin);
  position: relative;
}

.c-capcalera-destacada-wrapper--bg-always,
.c-capcalera-destacada-wrapper--bg-desktop {
  background: var(--bg-block, transparent);
}

.c-capcalera-destacada {
  position: relative;
  width: 100%;
  display: flex;
  overflow: hidden;
  min-height: var(--img-min-h, 600px);
  max-height: var(--img-max-h, none);
}

.c-capcalera-destacada__bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
}

.c-capcalera-destacada__bg picture {
  display: contents;
}

.c-capcalera-destacada__bg img {
  width: 100%;
  height: 100%;
  flex-grow: 1;
  object-fit: cover;
  display: block;
  object-position: bottom;
  border-radius: var(--br-img, 30px);
}

.c-capcalera-destacada__content {
  position: absolute;
  inset: 1rem 0;
  z-index: 2;
  display: flex;
  pointer-events: none;
}

.c-capcalera-destacada__content.is-esquerra { justify-content: flex-start; }
.c-capcalera-destacada__content.is-dreta { justify-content: flex-end; }
.c-capcalera-destacada__content.is-dalt { align-items: flex-start; }
.c-capcalera-destacada__content.is-mig { align-items: center; }
.c-capcalera-destacada__content.is-baix { align-items: flex-end; }

/* =========================================
   CAIXA DE TEXT I TIPOGRAFIA
   ========================================= */

.c-capcalera-destacada__box {
  display: flex;
  flex-direction: column;
  background-color: var(--bg-box, #1e1348);
  padding: var(--pad-box-desk, 2rem var(--grid-margin) 5rem var(--grid-margin));
  width: 100%;
  
  max-width: var(--box-max-w, 512px);
  min-height: var(--box-min-h, 469px);
  border-radius: var(--br-box, 0px 40px 200px 0px);
  
  pointer-events: auto;
}

.c-capcalera-destacada__label {
  display: block;
  font-size: var(--fs-etiq, 18px);
  font-weight: var(--fw-etiq, 700);
  line-height: 1.2;
  letter-spacing: 0.05em;
  color: var(--c-etiq, #ffffff);
  margin-top: var(--mt-etiq, 0px);
  margin-bottom: var(--mb-etiq, 16px);
}

.c-capcalera-destacada__title {
  line-height: 1.1;
  margin-top: var(--mt-titol, 0px);
  margin-bottom: var(--mb-titol, 16px);
}

.c-capcalera-destacada__title-main {
  font-size: var(--fs-titol, 52px);
  font-weight: var(--fw-titol, 700);
  color: var(--c-titol, #ffffff);
}

.c-capcalera-destacada__title-dest {
  font-size: var(--fs-t-dest, 52px);
  font-weight: var(--fw-t-dest, 700);
  color: var(--c-titol-dest, #b2a4d2);
}

.c-capcalera-destacada__content.is-dreta .c-capcalera-destacada__title,
.c-capcalera-destacada__content.is-dreta .c-capcalera-destacada__desc,
.c-capcalera-destacada__content.is-dreta .c-capcalera-destacada__label {
  text-align: right;
}

.c-capcalera-destacada__desc {
  font-size: var(--fs-desc, 16px);
  font-weight: var(--fw-desc, 600);
  line-height: 1.5;
  color: var(--c-desc, #ffffff);
  margin-top: var(--mt-desc, 0px);
  margin-bottom: var(--mb-desc, 0px);
}

.c-capcalera-destacada__desc p { 
  margin: 0 0 12px 0; 
}

.c-capcalera-destacada__desc p:last-child { 
  margin-bottom: 0; 
}

/* =========================================
     RESPONSIVE 
   ========================================= */
@media (max-width: 768px) {
  .c-capcalera-destacada-wrapper {
    margin-top: var(--mar-t-mob, 0px);
    margin-bottom: var(--mar-b-mob, 0px);
    padding-top: var(--pad-t-mob, 0px);
    padding-bottom: var(--pad-b-mob, 2rem);
    padding-left: 0;
    padding-right: 0;
  }

  .c-capcalera-destacada-wrapper--bg-desktop {
    background: transparent;
  }
  .c-capcalera-destacada-wrapper--bg-mobile {
    background: var(--bg-block, transparent);
  }

  .c-capcalera-destacada {
    flex-direction: column;
    min-height: auto; 
    max-height: none; 
  }

  .c-capcalera-destacada__bg {
    position: relative;
    min-height: var(--img-min-h-mob, 446px);
    max-height: var(--img-max-h-mob, none);
    inset: auto;
    width: 100%;
    z-index: 1;
    display: flex;
    flex-direction: column;
  }

  .c-capcalera-destacada__bg img {
    border-radius: var(--br-img-mob, 0px);
  }

  .c-capcalera-destacada__content {
    position: relative;
    inset: auto;
    width: 100%;
    z-index: 2;
    padding: 0;
  }

  .c-capcalera-destacada__box {
    max-width: var(--box-max-w-mob, 85%);
    min-height: var(--box-min-h-mob, auto);
    padding: var(--pad-box-mob, 2rem 2rem 3rem);
    margin-top: var(--box-mt-mob, -15%);
    border-radius: var(--br-box-mob, 0px 20px 150px 0px);
    position: relative;
    z-index: 10;
  }

  .c-capcalera-destacada__label {
    font-size: var(--fs-etiq-mob, 18px);
    margin-top: var(--mt-etiq-mob, 0px);
    margin-bottom: var(--mb-etiq-mob, 16px);
  }
  
  .c-capcalera-destacada__title {
    margin-top: var(--mt-titol-mob, 0px);
    margin-bottom: var(--mb-titol-mob, 16px);
  }

  .c-capcalera-destacada__title-main {
    font-size: var(--fs-titol-mob, 32px);
  }
  
  .c-capcalera-destacada__title-dest {
    font-size: var(--fs-t-dest-mob, 32px);
  }
  
  .c-capcalera-destacada__desc {
    font-size: var(--fs-desc-mob, 16px);
    margin-top: var(--mt-desc-mob, 0px);
    margin-bottom: var(--mb-desc-mob, 0px);
  }
}