.elementor-kit-5{--e-global-color-primary:#F8EBDB;--e-global-color-secondary:#BE4E27;--e-global-color-text:#131217;--e-global-color-accent:#3E4B9A;--e-global-color-7710ed2:#A2AED8;--e-global-color-2f67a3c:#F5F5F5;--e-global-color-06a44b2:#BE4E2760;--e-global-typography-primary-font-family:"DM Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Nyght";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-primary );}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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 */.elementor-kit-5 .nombre-recorte {
  position: relative;
  display: inline-block;
  color: #BE4E27;
  font-family: "Nyght Serif", serif;
  font-style: italic;
  line-height: 0.85;
  padding: 0.05em 0.22em 0.1em 0.18em;
  z-index: 1;
}

.elementor-kit-5 .nombre-recorte::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #F8EBDB;
  z-index: -1;
  transform: rotate(-2deg);
  clip-path: polygon(
    0% 18%,
    86% 5%,
    100% 48%,
    91% 92%,
    6% 86%
  );
}

.elementor-kit-5 .recorte-grande {
  font-size: clamp(72px, 12vw, 170px);
}

.elementor-kit-5 .recorte-mediano {
  font-size: clamp(48px, 7vw, 96px);
}

.elementor-kit-5 .recorte-chico {
  font-size: clamp(32px, 5vw, 56px);
}

/* =========================
   SECCIÓN SERVICIOS HOVER
========================= */

.ac-servicios-hover-section {
  background: #F8EBDB;
  padding: 120px 24px;
}

.ac-servicios-hover-header {
  max-width: 1440px;
  margin: 0 auto 48px auto;
}

/* Contenedor de cards */
.ac-servicios-hover-grid {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  gap: 18px;
  height: 520px;
  align-items: stretch;
}

/* Card base */
.ac-servicio-hover-card {
  position: relative;
  flex: 1;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  background: #131217;
  cursor: pointer;
  border-radius: 25px;
  transition: flex 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Imagen como fondo */
.ac-servicio-hover-card .elementor-widget-image {
  position: absolute !important;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.ac-servicio-hover-card .elementor-widget-image .elementor-widget-container {
  width: 100%;
  height: 100%;
}

.ac-servicio-hover-card .elementor-widget-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.04);
  filter: brightness(0.74);
  transition:
    transform 0.9s cubic-bezier(0.16, 1, 0.3, 1),
    filter 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Overlay suave */
.ac-servicio-hover-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(19, 18, 23, 0.08) 0%,
    rgba(19, 18, 23, 0.08) 45%,
    rgba(19, 18, 23, 0.34) 100%
  );
}

/* Expansión en hover */
.ac-servicios-hover-grid:hover .ac-servicio-hover-card {
  flex: 0.82;
}

.ac-servicios-hover-grid .ac-servicio-hover-card:hover {
  flex: 1.4;
}

/* Imagen en hover */
.ac-servicio-hover-card:hover .elementor-widget-image img {
  transform: scale(1);
  filter: brightness(1);
}

/* Contenido de la card */
.ac-card-content {
  position: absolute !important;
  inset: 0;
  z-index: 3;
  padding: 28px 32px 12px 32px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  max-width: none;
  pointer-events: none;
}

/* Título arriba */
.ac-card-content h2,
.ac-card-content h3 {
  color: #F8EBDB !important;
  font-size: clamp(18px, 1.2vw, 22px);
  line-height: 1.15;
  margin: 0;
  max-width: 520px;
  font-weight: 600;
}

/* Texto abajo */
.ac-card-intro {
  margin-top: auto !important;
  max-width: 520px;
}

.ac-card-intro,
.ac-card-intro p {
  color: #F8EBDB !important;
  font-size: 16px;
  line-height: 1.45;
  margin-bottom: 0;
}

/* Botón oculto en desktop */
.ac-card-button {
  opacity: 0;
  visibility: hidden;
  transform: translateY(16px);
  pointer-events: none;
  margin-top: 0px !important;
  transition:
    opacity 0.5s ease,
    transform 0.5s ease,
    visibility 0.5s ease;
}

/* Botón visible en hover */
.ac-servicio-hover-card:hover .ac-card-button {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

/* Para que el botón sea clickeable */
.ac-card-button,
.ac-card-button * {
  pointer-events: auto;
}

/* Estilo botón */
.ac-card-button .elementor-button {
  background: #F8EBDB;
  color: #131217;
  border-radius: 100px;
  padding: 12px 22px;
  font-size: 14px;
  font-weight: 500;
  transition:
    background 0.3s ease,
    color 0.3s ease,
    transform 0.3s ease;
}

.ac-card-button .elementor-button:hover {
  background: #BE4E27;
  color: #F8EBDB;
  transform: translateY(-2px);
}

/* =========================
   TABLET / MOBILE
========================= */

@media (max-width: 1024px) {
  .ac-servicios-hover-section {
    padding: 80px 20px;
  }

  .ac-servicios-hover-grid {
    flex-direction: column;
    height: auto;
    gap: 18px;
  }

  .ac-servicio-hover-card,
  .ac-servicios-hover-grid:hover .ac-servicio-hover-card,
  .ac-servicios-hover-grid .ac-servicio-hover-card:hover {
    flex: none;
    height: 460px;
    min-height: 460px;
    cursor: default;
    transition: none;
  }

  .ac-servicio-hover-card .elementor-widget-image img,
  .ac-servicio-hover-card:hover .elementor-widget-image img {
    transform: scale(1);
    filter: brightness(0.96);
    transition: none;
  }

  .ac-card-content {
    padding: 26px;
  }

  .ac-card-button {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
  }
}

@media (max-width: 767px) {
  .ac-servicios-hover-section {
    padding: 64px 16px;
  }

  .ac-servicio-hover-card,
  .ac-servicios-hover-grid:hover .ac-servicio-hover-card,
  .ac-servicios-hover-grid .ac-servicio-hover-card:hover {
    height: 420px;
    min-height: 420px;
  }

  .ac-card-content {
    padding: 24px;
  }

  .ac-card-content h2,
  .ac-card-content h3 {
    font-size: 18px;
  }

  .ac-card-intro,
  .ac-card-intro p {
    font-size: 15px;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Nyght';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://acompasar.estudioblopa.com/wp-content/uploads/2026/06/NyghtSerif-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Nyght';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('https://acompasar.estudioblopa.com/wp-content/uploads/2026/06/NyghtSerif-RegularItalic.woff2') format('woff2');
}
@font-face {
	font-family: 'Nyght';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://acompasar.estudioblopa.com/wp-content/uploads/2026/06/NyghtSerif-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Nyght';
	font-style: italic;
	font-weight: 500;
	font-display: auto;
	src: url('https://acompasar.estudioblopa.com/wp-content/uploads/2026/06/NyghtSerif-MediumItalic.woff2') format('woff2');
}
@font-face {
	font-family: 'Nyght';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://acompasar.estudioblopa.com/wp-content/uploads/2026/06/NyghtSerif-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Nyght';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('https://acompasar.estudioblopa.com/wp-content/uploads/2026/06/NyghtSerif-LightItalic.woff2') format('woff2');
}
@font-face {
	font-family: 'Nyght';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://acompasar.estudioblopa.com/wp-content/uploads/2026/06/NyghtSerif-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Nyght';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('https://acompasar.estudioblopa.com/wp-content/uploads/2026/06/NyghtSerif-BoldItalic.woff2') format('woff2');
}
@font-face {
	font-family: 'Nyght';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://acompasar.estudioblopa.com/wp-content/uploads/2026/06/NyghtSerif-Dark.woff2') format('woff2');
}
@font-face {
	font-family: 'Nyght';
	font-style: italic;
	font-weight: 700;
	font-display: auto;
	src: url('https://acompasar.estudioblopa.com/wp-content/uploads/2026/06/NyghtSerif-DarkItalic.woff2') format('woff2');
}
/* End Custom Fonts CSS */