.elementor-7 .elementor-element.elementor-element-86cbd99{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7 .elementor-element.elementor-element-86cbd99::before, .elementor-7 .elementor-element.elementor-element-86cbd99 > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-86cbd99 > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-86cbd99 > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-86cbd99 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-86cbd99 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-7 .elementor-element.elementor-element-581e172{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-7 .elementor-element.elementor-element-b2127c0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-7 .elementor-element.elementor-element-b208965{--divider-border-style:solid;--divider-color:#A16207;--divider-border-width:1.5px;width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-7 .elementor-element.elementor-element-b208965 .elementor-divider-separator{width:100%;}.elementor-7 .elementor-element.elementor-element-b208965 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-fc84fc6 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.32em;color:#A16207;}.elementor-7 .elementor-element.elementor-element-832a316{--display:flex;--justify-content:center;}.elementor-7 .elementor-element.elementor-element-7aa608a .elementor-heading-title{font-family:"Bodoni Moda", Sans-serif;font-size:82px;font-weight:500;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-eb81992{font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;line-height:26px;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-eb81992 p{margin-block-end:0px;}.elementor-7 .elementor-element.elementor-element-f64143e{--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;--justify-content:flex-start;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7 .elementor-element.elementor-element-8ee2bdb .elementor-button{background-color:#A16207;font-family:"Jost", Sans-serif;font-size:14px;font-weight:400;padding:20px 20px 20px 20px;}.elementor-7 .elementor-element.elementor-element-8ee2bdb .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-7 .elementor-element.elementor-element-8ee2bdb .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-7 .elementor-element.elementor-element-6091937 .elementor-button{background-color:#FFFFFF00;font-family:"Jost", Sans-serif;font-size:14px;font-weight:500;border-style:solid;border-width:1px 1px 1px 1px;border-color:#8E8E8E;padding:20px 20px 20px 20px;}.elementor-7 .elementor-element.elementor-element-6091937 .elementor-button:hover, .elementor-7 .elementor-element.elementor-element-6091937 .elementor-button:focus{background-color:#FFFFFF30;border-color:#FFFFFF;}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-86cbd99{--content-width:1280px;}.elementor-7 .elementor-element.elementor-element-b2127c0{--width:60%;}.elementor-7 .elementor-element.elementor-element-832a316{--width:60%;}.elementor-7 .elementor-element.elementor-element-f64143e{--width:60%;}}/* Start custom CSS for heading, class: .elementor-element-7aa608a *//* ============================================================
   TITULAR H1 PERGOFAM (Con énfasis en cursiva dorada)
   Pegar en: Widget Encabezado -> Avanzado -> CSS Personalizado
   ============================================================ */

/* Frase entre <em> en dorado brillante y cursiva */
.elementor-7 .elementor-element.elementor-element-7aa608a .elementor-heading-title em {
  font-family: 'Bodoni Moda', Georgia, serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  color: #E4C173 !important; /* Dorado brillante Pergofam */
  text-shadow: 0 2px 20px rgba(228, 193, 115, 0.25); /* Leve resplandor cálido */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8ee2bdb *//* ============================================================
   EFECTO ELEVACIÓN SUAVE EN BOTÓN (HOVER LIFT)
   ============================================================ */

/* Estado normal con transición suave */
.elementor-7 .elementor-element.elementor-element-8ee2bdb .elementor-button {
  transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.35s ease !important;
}

/* Al pasar el ratón: se eleva 3px y proyecta una sombra sutil */
.elementor-7 .elementor-element.elementor-element-8ee2bdb .elementor-button:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25) !important;
}

/* Al hacer clic: vuelve a su posición con efecto pulsación */
.elementor-7 .elementor-element.elementor-element-8ee2bdb .elementor-button:active {
  transform: translateY(-1px) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86cbd99 *//* ============================================================
   HERO PERGOFAM: EFECTO KEN BURNS + CAPAS ORIGINALES
   ============================================================ */

/* 1. Contenedor base */
.elementor-7 .elementor-element.elementor-element-86cbd99 {
  position: relative !important;
  overflow: hidden !important;
  background-color: #0C0A09 !important;
  z-index: 1 !important;
}

/* 2. Capa 1: Resplandor dorado con efecto "Respiración" (heroBreath) */
.elementor-7 .elementor-element.elementor-element-86cbd99::before {
  content: "" !important;
  position: absolute !important;
  inset: -5% !important;
  background: 
    radial-gradient(120% 90% at 75% 15%, rgba(161, 98, 7, 0.35), transparent 55%),
    linear-gradient(160deg, #0C0A09 0%, #1C1917 45%, #292420 100%) !important;
  z-index: -3 !important;
  pointer-events: none !important;
  animation: pfHeroBreath 14s ease-in-out infinite alternate !important;
  will-change: transform, opacity;
}

/* 3. Capa 2: IMAGEN CON EFECTO KEN BURNS REAL */
/* (Pon la URL de tu imagen donde dice url('...')) */
.elementor-7 .elementor-element.elementor-element-86cbd99 .elementor-background-overlay,
.elementor-7 .elementor-element.elementor-element-86cbd99::after {
  content: "" !important;
  position: absolute !important;
  inset: -5% !important;
  
  /* --- TU IMAGEN DE FONDO AQUÍ --- */
  background-image: 
    /* Velo de contraste izquierdo y vertical */
    linear-gradient(90deg, rgba(12, 10, 9, 0.88) 0%, rgba(12, 10, 9, 0.65) 55%, rgba(12, 10, 9, 0.45) 100%),
    linear-gradient(180deg, rgba(12, 10, 9, 0.35) 0%, rgba(12, 10, 9, 0.12) 35%, rgba(12, 10, 9, 0.75) 100%),
    /* Patrón de lamas bioclimáticas */
    repeating-linear-gradient(105deg, transparent 0 34px, rgba(255, 255, 255, 0.08) 34px 35px),
    /* Foto de la terraza/pérgola */
    url('http://pergofam.com/wp-content/uploads/2026/08/2151748237.jpg') !important;
    
  background-size: auto, auto, auto, cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  z-index: -1 !important;
  pointer-events: none !important;
  
  /* Animación Ken Burns (26 segundos de zoom y movimiento suave) */
  animation: pfKenBurns 26s ease-in-out infinite alternate !important;
  will-change: transform;
}

/* 4. Asegurar que los textos queden por encima */
.elementor-7 .elementor-element.elementor-element-86cbd99 > .elementor-container {
  position: relative !important;
  z-index: 2 !important;
}


/* ============================================================
   ANIMACIONES CINEMATOGRÁFICAS (KEYFRAMES)
   ============================================================ */

/* Ken Burns: zoom lento del 2% al 13% con ligero desplazamiento */
@keyframes pfKenBurns {
  0% {
    transform: scale(1.02) translate(0, 0);
  }
  100% {
    transform: scale(1.13) translate(-2%, -1.5%);
  }
}

/* Hero Breath: la iluminación dorada respira suavemente */
@keyframes pfHeroBreath {
  0% {
    opacity: 0.85;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1.08);
  }
}

/* Respeto a usuarios con reducción de movimiento en Windows/Mac */
@media (prefers-reduced-motion: reduce) {
  .elementor-7 .elementor-element.elementor-element-86cbd99::before,
  .elementor-7 .elementor-element.elementor-element-86cbd99::after {
    animation: none !important;
    transform: none !important;
  }
}/* End custom CSS */