.elementor-kit-5{--e-global-color-primary:#FF9040;--e-global-color-secondary:#4B5563;--e-global-color-text:#7A7A7A;--e-global-color-accent:#FF9040;--e-global-color-6978a77:#FF9040;--e-global-color-1caa70e:#F2B5916B;--e-global-color-a46e61e:#4B5563;--e-global-color-e3659f0:#0C1A1C;--e-global-color-8a3e0cb:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Public Sans", Sans-serif;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-6978a77 );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.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 .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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 */.cmplz-footer-link,
.cmplz-footer-link a {
  color: #FFFFFFB0 !important;
}

.cmplz-footer-link:hover,
.cmplz-footer-link a:hover {
  color: #ffffff !important;
}
/* arro botones */
.btn-sumate .elementor-button-content-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-sumate .elementor-button-icon svg {
  width: 1.6em;
  height: 1.6em;
}
.btn-sumate-negro .elementor-button-content-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-sumate-negro .elementor-button-icon svg {
 fill: #f3833d;
 width: 1.6em;
  height: 1.6em;
}
/* Tarjetas con flecha * /
/* === ALTURA FIJA AL BLOQUE DE CONTENIDO === */
.az-portfolio-content {
  min-height: 10rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
/* === CARD CONTENEDOR === */
.az-portfolio-card {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
/* === IMAGEN === */
.az-portfolio-img img {
  width: 100%;
  height: 460px;
  object-fit: cover;
  display: block;
}
/* === OVERLAY OSCURO === */
.az-portfolio-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #141414;
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
  z-index: 1;
}
/* === BLOQUE DE CONTENIDO INFERIOR === */
.az-portfolio-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 40px;
  padding: 24px 30px 28px;
  background-color: #141414;
  transition: background-color 0.4s ease;
  z-index: 2;
}
/* === CATEGORÍA === */
.az-portfolio-category {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #808080;
  transition: color 0.4s ease;
  margin-bottom: 8px;
}
/* === FILA TÍTULO + BOTÓN === */
.az-portfolio-bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 15px;
}
/* === TÍTULO === */
.az-portfolio-title h5 {
  font-family: 'Poppins', sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2em;
  color: #ffffff;
  margin: 0;
  text-transform: none;
}
/* === BOTÓN FLECHA === */
.az-portfolio-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  width: 58px;
  height: 36px;
  color: #ffffff !important;
  text-decoration: none !important;
  z-index: 1;
  flex-shrink: 0;
}
/* === CÍRCULO NARANJA === */
.az-portfolio-btn::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  background-color: #FD8558;
  border-radius: 50%;
  z-index: -1;
  transition: left 0.4s ease, background-color 0.4s ease;
}
/* ======================== */
/* ===   EFECTOS HOVER   === */
/* ======================== */
/* 1. Overlay aparece sobre la imagen */
.az-portfolio-card:hover .az-portfolio-overlay {
  opacity: 0.6;
}
/* 2. Fondo del contenido cambia a naranja */
.az-portfolio-card:hover .az-portfolio-content {
  background-color: #FD8558;
}
/* 3. Categoría se vuelve negra */
.az-portfolio-card:hover .az-portfolio-category {
  color: #141414;
}
/* 4. Flecha blanca en hover */
.az-portfolio-card:hover .az-portfolio-btn {
  color: #ffffff !important;
}
/* 5. Círculo se centra y cambia a negro */
.az-portfolio-card:hover .az-portfolio-btn::before {
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #141414;
}/* End custom CSS */