.elementor-kit-6{--e-global-color-primary:#710C0F;--e-global-color-secondary:#3A040F;--e-global-color-text:#3A040F;--e-global-color-accent:#DFDAD6;--e-global-color-31b2e7d:#F3F4EF;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"SATOSHI";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"SATOSHI";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Playfair Display";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.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;}@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 *//* ================================================
   SECCIÓN 2 - STRIP DE INTENCIÓN
   Hover effect para las 3 columnas
   ================================================ */

.cn-strip-column {
  cursor: pointer;
  transition: background-color 0.3s ease;
  position: relative;
}

.cn-strip-column:hover {
  background-color: #710C0F !important;
}

/* Cambio de color en todos los textos al hover */
.cn-strip-column:hover .cn-strip-title,
.cn-strip-column:hover .cn-strip-subtitle {
  color: #F3F4EF !important;
  transition: color 0.3s ease;
}

/* Cambio de color en el ícono al hover */
.cn-strip-column:hover .cn-strip-icon svg {
  fill: #F3F4EF !important;
  stroke: #F3F4EF !important;
  transition: fill 0.3s ease, stroke 0.3s ease;
}

/* Sutil elevación al hover (opcional pero se ve elegante) */
.cn-strip-column:hover {
  box-shadow: 0 4px 20px rgba(58, 4, 15, 0.15);
  z-index: 2;
}

/* Transición suave del texto siempre */
.cn-strip-title,
.cn-strip-subtitle {
  transition: color 0.3s ease;
}

/* Transición suave del ícono siempre */
.cn-strip-icon svg {
  transition: fill 0.3s ease, stroke 0.3s ease;
}

/* Sección 3 - Cards de Servicios */

.cn-service-card {
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
}

.cn-service-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
}

.cn-service-card:hover .cn-service-cta {
  gap: 12px;
  color: #3A040F !important;
}

.cn-service-cta {
  transition: gap 0.3s ease, color 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'SATOSHI';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://casanovapm.com/wp-content/uploads/2026/06/Satoshi-Variable.ttf') format('truetype');
}
@font-face {
	font-family: 'SATOSHI';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://casanovapm.com/wp-content/uploads/2026/06/Satoshi-Regular.woff2') format('woff2');
}
/* End Custom Fonts CSS */