.elementor-10331 .elementor-element.elementor-element-895cb77{--display:flex;}.elementor-10331 .elementor-element.elementor-element-b3d626c .elementor-heading-title{color:#FFE600;}.elementor-10331 .elementor-element.elementor-element-ddb95ff{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-10331 .elementor-element.elementor-element-c3dcd67{--display:flex;}.elementor-10331 .elementor-element.elementor-element-01dbed1.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-10331 .elementor-element.elementor-element-01dbed1.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-10331 .elementor-element.elementor-element-01dbed1.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-10331 .elementor-element.elementor-element-01dbed1 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-10331 .elementor-element.elementor-element-01dbed1 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-10331 .elementor-element.elementor-element-6d2d4f3{--display:flex;}.elementor-10331 .elementor-element.elementor-element-428ba65.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-10331 .elementor-element.elementor-element-428ba65.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-10331 .elementor-element.elementor-element-428ba65.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-10331 .elementor-element.elementor-element-428ba65 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-10331 .elementor-element.elementor-element-428ba65 .elementor-image-box-img img{transition-duration:0.3s;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-10331 .elementor-element.elementor-element-01dbed1 .elementor-image-box-img{margin-bottom:15px;}.elementor-10331 .elementor-element.elementor-element-428ba65 .elementor-image-box-img{margin-bottom:15px;}}/* Start custom CSS for container, class: .elementor-element-895cb77 *//* =========================================================
   BOLSA LABORAL - IESTP ENRIQUE LOPEZ ALBUJAR

   Clase del contenedor principal: bolsa-enrique
   Clase del contenedor de las 2 tarjetas: bolsa-tarjetas
   ========================================================= */

.bolsa-enrique {
  --be-azul: #062d50;
  --be-azul-profundo: #031e36;
  --be-celeste: #0bafe3;
  --be-celeste-claro: #d9f6ff;
  --be-amarillo: #ffd32a;
  --be-blanco: #ffffff;

  position: relative !important;
  isolation: isolate !important;
  box-sizing: border-box !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  padding: clamp(58px, 7vw, 96px) clamp(20px, 5vw, 72px) !important;
  overflow: hidden !important;
  color: #062d50 !important;
  background: #0bafe3 !important;
  background-image:
    linear-gradient(rgba(6, 45, 80, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(6, 45, 80, 0.055) 1px, transparent 1px) !important;
  background-size: 32px 32px !important;
  border-top: 5px solid #ffd32a !important;
  font-family: "Montserrat", "Segoe UI", Arial, sans-serif !important;
  text-align: center !important;
}

/* Resplandor decorativo muy sutil */
.bolsa-enrique::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  top: -170px !important;
  left: 50% !important;
  width: min(760px, 90vw) !important;
  height: 340px !important;
  background: rgba(255, 255, 255, 0.18) !important;
  border-radius: 50% !important;
  filter: blur(80px) !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
}

/* Evita fondos heredados de Elementor */
.bolsa-enrique .elementor-widget-container {
  background-color: transparent !important;
}

/* Los widgets superiores conservan un ancho cómodo y quedan centrados */
.bolsa-enrique > .elementor-widget-text-editor,
.bolsa-enrique > .elementor-widget-heading,
.bolsa-enrique > .e-con-inner > .elementor-widget-text-editor,
.bolsa-enrique > .e-con-inner > .elementor-widget-heading {
  width: 100% !important;
  max-width: 1050px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  text-align: center !important;
}

/* 1.er Editor de texto: etiqueta amarilla */
.bolsa-enrique > .elementor-widget-text-editor:first-child,
.bolsa-enrique > .e-con-inner > .elementor-widget-text-editor:first-child {
  margin-bottom: 14px !important;
}

.bolsa-enrique > .elementor-widget-text-editor:first-child .elementor-widget-container,
.bolsa-enrique > .e-con-inner > .elementor-widget-text-editor:first-child .elementor-widget-container {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-height: 29px !important;
  padding: 6px 16px !important;
  color: #062d50 !important;
  -webkit-text-fill-color: #062d50 !important;
  background: #ffd32a !important;
  border-radius: 999px !important;
  box-shadow: 0 7px 18px rgba(3, 30, 54, 0.20) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

.bolsa-enrique > .elementor-widget-text-editor:first-child p,
.bolsa-enrique > .e-con-inner > .elementor-widget-text-editor:first-child p {
  margin: 0 !important;
  color: #062d50 !important;
  -webkit-text-fill-color: #062d50 !important;
}

/* Título principal */
.bolsa-enrique > .elementor-widget-heading .elementor-heading-title,
.bolsa-enrique > .e-con-inner > .elementor-widget-heading .elementor-heading-title {
  margin: 0 !important;
  color: #062d50 !important;
  -webkit-text-fill-color: #062d50 !important;
  font-family: "Poppins", "Montserrat", "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(40px, 5.4vw, 68px) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -1.2px !important;
  text-align: center !important;
  text-shadow: 0 3px 10px rgba(255, 255, 255, 0.16) !important;
}

/* Textos introductorios */
.bolsa-enrique > .elementor-widget-text-editor:not(:first-child),
.bolsa-enrique > .e-con-inner > .elementor-widget-text-editor:not(:first-child) {
  color: #073b59 !important;
  -webkit-text-fill-color: #073b59 !important;
  font-family: "Montserrat", "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(15px, 1.3vw, 18px) !important;
  font-weight: 500 !important;
  line-height: 1.75 !important;
}

.bolsa-enrique > .elementor-widget-text-editor:not(:first-child) p,
.bolsa-enrique > .e-con-inner > .elementor-widget-text-editor:not(:first-child) p {
  margin: 0 !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

/* Tercer editor de texto visible: título de la segunda sección */
.bolsa-enrique > .elementor-widget-text-editor:nth-child(4),
.bolsa-enrique > .e-con-inner > .elementor-widget-text-editor:nth-child(4) {
  position: relative !important;
  margin-top: clamp(34px, 5vw, 62px) !important;
  margin-bottom: 25px !important;
  padding-bottom: 17px !important;
  color: #062d50 !important;
  -webkit-text-fill-color: #062d50 !important;
  font-family: "Poppins", "Montserrat", "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(28px, 3.2vw, 42px) !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
}

.bolsa-enrique > .elementor-widget-text-editor:nth-child(4)::after,
.bolsa-enrique > .e-con-inner > .elementor-widget-text-editor:nth-child(4)::after {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 58px !important;
  height: 4px !important;
  margin: auto !important;
  background: #ffd32a !important;
  border-radius: 10px !important;
  box-shadow: 22px 0 0 -1px #12b7e6 !important;
}

/* =========================================================
   CONTENEDOR DE LAS DOS TARJETAS
   ========================================================= */
.bolsa-tarjetas {
  --width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: clamp(34px, 5vw, 58px) auto 0 !important;
  padding: 0 !important;
  gap: clamp(20px, 3vw, 34px) !important;
  background: transparent !important;
}

/* Los dos contenedores interiores son las tarjetas */
.bolsa-tarjetas > .e-con,
.bolsa-tarjetas > .e-con-inner > .e-con,
.bolsa-tarjetas > .elementor-container > .elementor-column {
  --width: 100% !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #08385f !important;
  border: 1px solid rgba(18, 183, 230, 0.42) !important;
  border-top: 4px solid #ffd32a !important;
  border-radius: 17px !important;
  box-shadow: 0 18px 42px rgba(3, 30, 54, 0.36) !important;
  transition: transform 0.25s ease, border-color 0.25s ease,
              box-shadow 0.25s ease !important;
}

.bolsa-tarjetas > .e-con::after,
.bolsa-tarjetas > .e-con-inner > .e-con::after,
.bolsa-tarjetas > .elementor-container > .elementor-column::after {
  content: "" !important;
  position: absolute !important;
  right: 18px !important;
  bottom: 0 !important;
  width: 44px !important;
  height: 4px !important;
  background: #12b7e6 !important;
  border-radius: 8px 8px 0 0 !important;
  pointer-events: none !important;
}

@media (hover: hover) {
  .bolsa-tarjetas > .e-con:hover,
  .bolsa-tarjetas > .e-con-inner > .e-con:hover,
  .bolsa-tarjetas > .elementor-container > .elementor-column:hover {
    border-color: rgba(18, 183, 230, 0.80) !important;
    box-shadow: 0 23px 52px rgba(3, 30, 54, 0.48) !important;
    transform: translateY(-7px) !important;
  }
}

/* Marcos de imagen con la misma altura en ambas tarjetas */
.bolsa-tarjetas .elementor-widget-image {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  height: clamp(250px, 28vw, 360px) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #d9f6ff !important;
}

.bolsa-tarjetas .elementor-widget-image .elementor-widget-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #d9f6ff !important;
}

.bolsa-tarjetas .elementor-widget-image img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: 100% !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  transition: filter 0.30s ease !important;
}

@media (hover: hover) {
  .bolsa-tarjetas > .e-con:hover .elementor-widget-image img,
  .bolsa-tarjetas > .e-con-inner > .e-con:hover .elementor-widget-image img,
  .bolsa-tarjetas > .elementor-container > .elementor-column:hover .elementor-widget-image img {
    filter: brightness(1.035) saturate(1.025) !important;
  }
}

/* Si posteriormente se agregan títulos o textos dentro de las tarjetas */
.bolsa-tarjetas h1,
.bolsa-tarjetas h2,
.bolsa-tarjetas h3,
.bolsa-tarjetas h4,
.bolsa-tarjetas .elementor-heading-title {
  margin: 22px 22px 8px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: "Poppins", "Montserrat", "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(21px, 2.1vw, 29px) !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

.bolsa-tarjetas p,
.bolsa-tarjetas .elementor-widget-text-editor {
  color: #d9f6ff !important;
  -webkit-text-fill-color: #d9f6ff !important;
  font-family: "Montserrat", "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(14px, 1.15vw, 16px) !important;
  line-height: 1.65 !important;
  text-align: left !important;
}

/* Zona inferior y botón */
.bolsa-tarjetas .elementor-widget-button {
  width: 100% !important;
  margin-top: auto !important;
  padding: 18px 21px 21px !important;
  background: #08385f !important;
  border-top: 1px solid rgba(18, 183, 230, 0.20) !important;
  text-align: left !important;
}

.bolsa-tarjetas .elementor-button-wrapper {
  text-align: left !important;
}

.bolsa-tarjetas .elementor-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 43px !important;
  padding: 11px 21px !important;
  color: #062d50 !important;
  -webkit-text-fill-color: #062d50 !important;
  background: #ffd32a !important;
  border: 2px solid #ffd32a !important;
  border-radius: 8px !important;
  box-shadow: 0 7px 17px rgba(3, 30, 54, 0.24) !important;
  font-family: "Montserrat", "Segoe UI", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  transition: color 0.20s ease, background-color 0.20s ease,
              border-color 0.20s ease, transform 0.20s ease !important;
}

.bolsa-tarjetas .elementor-button:hover,
.bolsa-tarjetas .elementor-button:focus-visible {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: #12b7e6 !important;
  border-color: #12b7e6 !important;
  transform: translateY(-2px) !important;
}

.bolsa-tarjetas .elementor-button:focus-visible {
  outline: 3px solid rgba(255, 211, 42, 0.55) !important;
  outline-offset: 3px !important;
}

/* TABLETA */
@media (max-width: 1024px) {
  .bolsa-enrique {
    padding: 55px 28px 65px !important;
  }

  .bolsa-tarjetas {
    gap: 20px !important;
  }
}

/* TELÉFONO */
@media (max-width: 767px) {
  .bolsa-enrique {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding: 44px 16px 52px !important;
    background-size: 25px 25px !important;
  }

  .bolsa-enrique > .elementor-widget-heading .elementor-heading-title,
  .bolsa-enrique > .e-con-inner > .elementor-widget-heading .elementor-heading-title {
    font-size: clamp(34px, 11vw, 48px) !important;
    letter-spacing: -0.6px !important;
  }

  .bolsa-enrique > .elementor-widget-text-editor:nth-child(4),
  .bolsa-enrique > .e-con-inner > .elementor-widget-text-editor:nth-child(4) {
    margin-top: 34px !important;
    font-size: 26px !important;
  }

  .bolsa-tarjetas {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 600px !important;
    margin-top: 30px !important;
    gap: 22px !important;
  }

  .bolsa-tarjetas .elementor-widget-image img {
    aspect-ratio: auto !important;
  }

  .bolsa-tarjetas .elementor-widget-image {
    height: clamp(230px, 72vw, 320px) !important;
  }
}

@media (max-width: 480px) {
  .bolsa-tarjetas .elementor-widget-button,
  .bolsa-tarjetas .elementor-button-wrapper {
    text-align: center !important;
  }

  .bolsa-tarjetas .elementor-button {
    width: 100% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bolsa-enrique *,
  .bolsa-enrique *::before,
  .bolsa-enrique *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}/* End custom CSS */