.mth-empleo-card {
  max-width: 520px;
  width: 100%;
  border-radius: 18px;
  overflow: hidden;

  border: 1px solid rgba(185, 203, 205, 1);

  margin-top: 2em;
}



.span_convocatoria{
	color:#034554;
	font-size: 24px;
}


form .form-item label {
	display:none;
}


.mth-card-header-banner {
  position: relative;
  height: 180px;
  overflow: hidden;
}

.mth-banner-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mth-banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.3) 0%,
    transparent 100%
  );
  padding: 1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.mth-badge-location {
  background-color: #f8fae4;
  color: #141414;
  border-radius: 7px;
  padding: 0.35rem 0.9rem;
  font-size: 0.82rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}

.mth-badge-estado {
  border-radius: 7px;
  padding: 0.35rem 0.9rem;
  font-size: 0.82rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  background: #c2d600;
  color: #141414;
}
.mth-card-body-content {
  padding: 1.5rem;
  background: #ffffff;
}

.mth-card-title-main {
  font-size: 1.3rem;
  font-weight: 800;
  color: #3a3f40;
  margin-bottom: 0.5rem;
}

.mth-fecha-row {
  font-size: 0.85rem;
  color: #555;
  margin-bottom: 1rem;
}

.mth-label {
  font-weight: 700;
  color: #444;
}
.mth-fecha-cierre {
  color: #555;
  font-weight: 700;
}

.mth-description {
  font-size: 0.95rem;
  color: #333;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}
.mth-btn-continuar {
  background-color: #056b83;
  color: white;
  border: none;
  padding: 0.8rem;
  font-weight: 600;
  border-radius: 12px;
}

.mth-btn-continuar:hover {
  background-color: #056b83;
  color: white;
}

.view_convocatorias .mth-card-header-banner {
  padding: 15px;
}

.view_convocatorias .mth-card-header-banner > img {
  border-radius: 12px;
}

.view_convocatorias .mth-card-body-content {
  padding: 0 1rem 1.5rem;

 
}

 .d-grid a {
    text-align: center;
    color: #fff;
    background: var(--body-link-color);
    padding: 15px 0;
    border-radius: 12px;
  }
  
  
.view_convocatorias .mth-banner-overlay {
  background: none;
  padding: 1.7rem;
}

.view_convocatorias .mth-fecha-row {
  margin-bottom: 10px;
}
.view_convocatorias .mth-card-title-main {
  margin-bottom: 3px;
}



/* ── Contenedor en fila ── */
#views-exposed-form-convocatorias-block-1 {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 24px !important;
  align-items: center !important;
  width: 100% !important;
  padding: 40px 56px !important;
  box-sizing: border-box !important;
}

/* Ocultar labels */
#views-exposed-form-convocatorias-block-1 label {
  display: none !important;
}

/* Cada campo */
#views-exposed-form-convocatorias-block-1 .js-form-item {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  background: transparent !important;
  border: none !important;
}

/* Input y selects */
#views-exposed-form-convocatorias-block-1 input.form-text,
#views-exposed-form-convocatorias-block-1 select.form-select {
  width: 100% !important;
  height: 68px !important;
  padding: 0 56px 0 28px !important;
  border: 1px solid #B9CBCD !important;
  border-radius: 8px !important;
  background: #fafbfc !important;
  color: #50595c !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  font-family: inherit !important;
  box-sizing: border-box !important;
  outline: none !important;
  box-shadow: none !important;
  margin: 0 !important;
}

/* Placeholder */
#views-exposed-form-convocatorias-block-1 input.form-text::placeholder {
  color: #7d898b !important;
  opacity: 1 !important;
  font-weight: 400 !important;
}

/* Select */
#views-exposed-form-convocatorias-block-1 select.form-select {
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer !important;
}

/* Lupa */
#views-exposed-form-convocatorias-block-1 .form-item-keys {
  background-image: url("https://ftp.mathilde-ads.com/132-87e1ade0188705e73c95df98b408cfc7.svg") !important;
  background-repeat: no-repeat !important;
  background-position: right 24px center !important;
  background-size: 34px !important;
}

/* Flechas de selects */
#views-exposed-form-convocatorias-block-1 .form-type-select {
  background-image: url("https://ftp.mathilde-ads.com/132-c6cc1443dc9652f2a0e5ecaf06928ee5.svg") !important;
  background-repeat: no-repeat !important;
  background-position: right 28px center !important;
  background-size: 18px !important;
}

/* Importante: deja ver los íconos del wrapper */
#views-exposed-form-convocatorias-block-1 .form-item-keys input,
#views-exposed-form-convocatorias-block-1 .form-type-select select {
  background-color: #fafbfc !important;
  background-image: none !important;
}

/* Ocultar submit */
#views-exposed-form-convocatorias-block-1 .form-actions {
  display: none !important;
}

/* Responsive */
@media (max-width: 1024px) {
  #views-exposed-form-convocatorias-block-1 {
    flex-wrap: wrap !important;
    padding: 32px 24px !important;
  }

  #views-exposed-form-convocatorias-block-1 .js-form-item {
    flex: 1 1 calc(50% - 12px) !important;
  }
}

@media (max-width: 640px) {
  #views-exposed-form-convocatorias-block-1 {
    flex-direction: column !important;
    gap: 16px !important;
    padding: 24px 16px !important;
  }

  #views-exposed-form-convocatorias-block-1 .js-form-item {
    width: 100% !important;
    flex: none !important;
  }

  #views-exposed-form-convocatorias-block-1 input.form-text,
  #views-exposed-form-convocatorias-block-1 select.form-select {
    height: 64px !important;
    font-size: 18px !important;
  }
}