.elementor-kit-1372{--e-global-color-primary:#E83979;--e-global-color-secondary:#EA6017;--e-global-color-text:#81BB2D;--e-global-color-accent:#FFD203;--e-global-color-211a260:#FFFFFF;--e-global-color-6d31391:#000000;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;--e-preloader-animation:bounce;--e-preloader-width:20%;}.e-con{--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.foto-polaroid img {
  background-color: #ffffff !important;
  padding: 14px 14px 55px 14px !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.22) !important;
  border-radius: 2px !important;
  box-sizing: border-box !important;
  transition: all 0.3s ease !important;
}

.foto-polaroid img:hover {
  transform: scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3) !important;
}

/* ===== DESTACADO DINÁMICO Y AGRANDADO ===== */
.texto-boreal {
  /* Estado normal: Gradiente cálido de marca */
  background: linear-gradient(135deg, #EA6017 0%, #E83979 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Hover: Se agranda, aplica la sombra y desplaza el gradiente dentro de los mismos tonos */
.texto-boreal:hover {
  background-position: right center;
  transform: translateY(-2px) scale(1.04);
  filter: drop-shadow(0 4px 12px rgba(232, 57, 121, 0.45));
}

/* ==========================================
   1. ESTRUCTURA BASE DE TARJETAS
   ========================================== */
.tarjeta-inversion {
  border-radius: 20px !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  border: 2px solid transparent !important;
}

/* Eliminar residuos de pseudo-elementos previos */
.tarjeta-inversion::before,
.tarjeta-inversion::after {
  display: none !important;
  content: none !important;
}

.tarjeta-inversion *,
.tarjeta-inversion img,
.tarjeta-inversion svg {
  transition: all 0.35s ease !important;
}

/* ==========================================
   2. TARJETA AZUL (#1F508C)
   ========================================== */
/* Estado normal: Fondo azul, sombra suave azul, texto/ícono blanco */
.tarjeta-azul {
  background-color: #1F508C !important;
  box-shadow: 0 8px 24px rgba(31, 80, 140, 0.28) !important;
}

.tarjeta-azul * {
  color: #ffffff !important;
}

.tarjeta-azul img,
.tarjeta-azul svg,
.tarjeta-azul path {
  filter: brightness(0) invert(1) !important;
  fill: #ffffff !important;
}

/* Hover: Fondo blanco, elevación, sombra intensa azul, texto/ícono azul */
.tarjeta-azul:hover {
  background-color: #ffffff !important;
  border-color: #1F508C !important;
  transform: translateY(-8px) !important;
  box-shadow: 0 18px 38px rgba(31, 80, 140, 0.45) !important;
}

.tarjeta-azul:hover * {
  color: #1F508C !important;
}

.tarjeta-azul:hover img {
  filter: invert(26%) sepia(74%) saturate(1714%) hue-rotate(195deg) brightness(94%) contrast(89%) !important;
}

.tarjeta-azul:hover svg,
.tarjeta-azul:hover path {
  fill: #1F508C !important;
  color: #1F508C !important;
}

/* ==========================================
   3. TARJETA ROSA (#E83979)
   ========================================== */
/* Estado normal: Fondo rosa, sombra suave rosa, texto/ícono blanco */
.tarjeta-rosa {
  background-color: #E83979 !important;
  box-shadow: 0 8px 24px rgba(232, 57, 121, 0.28) !important;
}

.tarjeta-rosa * {
  color: #ffffff !important;
}

.tarjeta-rosa img,
.tarjeta-rosa svg,
.tarjeta-rosa path {
  filter: brightness(0) invert(1) !important;
  fill: #ffffff !important;
}

/* Hover: Fondo blanco, elevación, sombra intensa rosa, texto/ícono rosa */
.tarjeta-rosa:hover {
  background-color: #ffffff !important;
  border-color: #E83979 !important;
  transform: translateY(-8px) !important;
  box-shadow: 0 18px 38px rgba(232, 57, 121, 0.45) !important;
}

.tarjeta-rosa:hover * {
  color: #E83979 !important;
}

.tarjeta-rosa:hover img {
  filter: invert(34%) sepia(78%) saturate(2742%) hue-rotate(319deg) brightness(96%) contrast(92%) !important;
}

.tarjeta-rosa:hover svg,
.tarjeta-rosa:hover path {
  fill: #E83979 !important;
  color: #E83979 !important;
}

/* ==========================================
   4. TARJETA NARANJA (#EA6017)
   ========================================== */
/* Estado normal: Fondo naranja, sombra suave naranja, texto/ícono blanco */
.tarjeta-naranja {
  background-color: #EA6017 !important;
  box-shadow: 0 8px 24px rgba(234, 96, 23, 0.28) !important;
}

.tarjeta-naranja * {
  color: #ffffff !important;
}

.tarjeta-naranja img,
.tarjeta-naranja svg,
.tarjeta-naranja path {
  filter: brightness(0) invert(1) !important;
  fill: #ffffff !important;
}

/* Hover: Fondo blanco, elevación, sombra intensa naranja, texto/ícono naranja */
.tarjeta-naranja:hover {
  background-color: #ffffff !important;
  border-color: #EA6017 !important;
  transform: translateY(-8px) !important;
  box-shadow: 0 18px 38px rgba(234, 96, 23, 0.45) !important;
}

.tarjeta-naranja:hover * {
  color: #EA6017 !important;
}

.tarjeta-naranja:hover img {
  filter: invert(45%) sepia(98%) saturate(1468%) hue-rotate(344deg) brightness(96%) contrast(93%) !important;
}

.tarjeta-naranja:hover svg,
.tarjeta-naranja:hover path {
  fill: #EA6017 !important;
  color: #EA6017 !important;
}

/* Ícono / Imagen un 10% más grande en hover */
.tarjeta-inversion:hover img,
.tarjeta-inversion:hover svg {
  transform: scale(1.2) !important;
}

/* ===== DESACTIVAR AGRANDADO Y ELEVACIÓN EN TABLET Y MOBILE ===== */
@media (max-width: 1024px) {
  /* Evita que la imagen se agrande */
  .tarjeta-inversion:hover img,
  .tarjeta-inversion:hover svg {
    transform: none !important;
  }

  /* Evita que la tarjeta se eleve */
  .tarjeta-inversion:hover {
    transform: none !important;
  }
}/* End custom CSS */