.elementor-1870 .elementor-element.elementor-element-1ecd8b1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1870 .elementor-element.elementor-element-17faa19{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1870 .elementor-element.elementor-element-9e210ca{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1870 .elementor-element.elementor-element-8e8d819{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1870 .elementor-element.elementor-element-cd4b517{width:100%;max-width:100%;}.elementor-1870 .elementor-element.elementor-element-34e890a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1870 .elementor-element.elementor-element-c3c7225{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1870 .elementor-element.elementor-element-5d28763 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1870 .elementor-element.elementor-element-5d28763 .ty-portfolio__title{color:#FEA81B;font-size:2.9rem;font-weight:700;}.elementor-1870 .elementor-element.elementor-element-5d28763 .ty-portfolio__title-accent{color:#FFFFFF;}.elementor-1870 .elementor-element.elementor-element-9e43786{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1870 .elementor-element.elementor-element-014aee9{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1870 .elementor-element.elementor-element-1c159d3{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-622ccad */.elementor-916 .elementor-element.elementor-element-34e890a {
    --display: 0px!important;
    --margin-top: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    --margin-right: 0px;
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
}/* End custom CSS */
/* Start custom CSS for tworock1-thankyou-portfolio, class: .elementor-element-5d28763 */.portfolio-section {
    padding: 0rem 1.5rem 3.5rem 1.5rem !important;
}/* End custom CSS */
/* Start custom CSS *//* ========== IMPORTAR TIPOGRAFÍA ========== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Raleway:wght@100;300;400;700;800;900&display=swap');

/* ===== VARIABLES GLOBALES HVAC ===== */

:root {
  /* COLORES */
  --hvac-color-primary: #FEA81B;
  --hvac-color-dark: #262626;
  --hvac-color-light: #FFFFFF;
  --hvac-color-text-dark: #262626;
  --hvac-color-text-light: #FFFFFF;
  --hvac-color-border: #CCCCCC;
  --hvac-color-bg-light: #F5F5F5;

  /* TIPOGRAFÍA - FAMILIA */
  --hvac-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* TIPOGRAFÍA - ESCALA FLUIDA (Tailwind System) */
  --text-xs:   clamp(0.75rem,  0.7rem  + 0.25vw, 0.875rem);
  --text-sm:   clamp(0.875rem, 0.82rem + 0.28vw, 1rem);
  --text-base: clamp(1rem,     0.95rem + 0.28vw, 1.125rem);
  --text-lg:   clamp(1.125rem, 1rem    + 0.56vw, 1.5rem);
  --text-xl:   clamp(1.25rem,  1.1rem  + 0.83vw, 1.875rem);
  --text-2xl:  clamp(1.5rem,   1.25rem + 1.39vw, 2.25rem);
  --text-3xl:  clamp(1.875rem, 1.5rem  + 2.08vw, 3rem);
  --text-4xl:  clamp(2.25rem,  1.75rem + 2.78vw, 3.75rem);
  --text-5xl:  clamp(3rem,     2.25rem + 4.17vw, 4.5rem);

  /* TIPOGRAFÍA - ASIGNACIÓN A ELEMENTOS */
  --h1: var(--text-5xl);
  --h2: var(--text-4xl);
  --h3: var(--text-3xl);
  --h4: var(--text-2xl);
  --h5: var(--text-xl);
  --h6: var(--text-lg);
  --hvac-font-size-body: var(--text-base);
  --hvac-font-size-body-sm: var(--text-sm);
  --hvac-font-size-sm: var(--text-xs);

  /* TIPOGRAFÍA - PESOS */
  --hvac-font-weight-light: 300;
  --hvac-font-weight-regular: 400;
  --hvac-font-weight-medium: 500;
  --hvac-font-weight-bold: 700;
  --hvac-font-weight-super-bold: 900;

  /* TIPOGRAFÍA - LINE HEIGHT */
  --leading-tight: 1.1;
  --leading-snug: 1.3;
  --leading-normal: 1.5;
  --leading-relaxed: 1.7;
  --hvac-line-height-tight: var(--leading-tight);
  --hvac-line-height-normal: var(--leading-normal);
  --hvac-line-height-loose: var(--leading-relaxed);

  /* ESPACIADO */
  --hvac-space-xs: 0.5rem;
  --hvac-space-sm: 1rem;
  --hvac-space-md: 1.5rem;
  --hvac-space-lg: 2rem;
  --hvac-space-lg-plus: 2.5rem;
  --hvac-space-xl: 3rem;
  --hvac-space-2xl: 4rem;

  /* BREAKPOINTS (usados en media queries) */
  --hvac-mobile-max: 767px;
  --hvac-tablet-min: 768px;
  --hvac-tablet-max: 1024px;
  --hvac-desktop-min: 1025px;
  --hvac-max-width: 1920px;

  /* PAGE2 - SECCIÓN CONFIRMACIÓN */
  --hvac-page2-confirmation-title-desktop: 6vw;
  --hvac-page2-confirmation-title-tablet: 80px;
  --hvac-page2-confirmation-title-mobile: 48px;

  --hvac-page2-confirmation-message-box-desktop: 6vw;
  --hvac-page2-confirmation-message-box-tablet: 80px;
  --hvac-page2-confirmation-message-box-mobile: 44px;

  --hvac-page2-confirmation-padding-y: 16px;
  --hvac-page2-confirmation-padding-x: 40px;
  --hvac-page2-confirmation-padding-tablet-y: 12px;
  --hvac-page2-confirmation-padding-tablet-x: 30px;
  --hvac-page2-confirmation-padding-mobile-y: 10px;
  --hvac-page2-confirmation-padding-mobile-x: 24px;

  --hvac-page2-confirmation-line-height: 0.77;
  --hvac-page2-confirmation-height: 7rem;
  --hvac-page2-confirmation-border-radius: 14px;

  --hvac-page2-logo-height-desktop: 180px;
  --hvac-page2-logo-height-tablet: 150px;
  --hvac-page2-logo-height-mobile: 110px;

  --hvac-page2-check-size-desktop: clamp(80px, 69px + 1.05vw, 90px);
  --hvac-page2-check-size-tablet: 120px;
  --hvac-page2-check-size-mobile: 60px;

  --hvac-page2-avatar-size-desktop: 160px;
  --hvac-page2-avatar-size-tablet: 140px;
  --hvac-page2-avatar-size-mobile: 110px;
}

/* ===== RESET Y BASE ===== */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: var(--hvac-font-family);
  font-size: var(--hvac-font-size-body);
  font-weight: var(--hvac-font-weight-regular);
  color: var(--hvac-color-text-dark);
  line-height: var(--hvac-line-height-normal);
}

/* ===== CONTENEDOR DE SECCIONES ===== */

.hvac-section {
  width: 100%;
  max-width: var(--hvac-max-width);
  margin: 0 auto;
}

.hvac-section__content {
  padding: 0 var(--hvac-space-lg);
}

/* Responsive padding */
@media (max-width: 767px) {
  :root {
    --text-xs:   clamp(0.85rem,  0.8rem  + 0.25vw, 1rem);
  }

  .hvac-section__content {
    padding: 0 var(--hvac-space-md);
  }

  #section-2 .hvac-section__content {
    padding-bottom: 2.3rem;
  }
}

/* ===== TIPOGRAFÍA REUTILIZABLE ===== */

.hvac-h1 {
  font-size: var(--hvac-font-size-h1);
  font-weight: var(--hvac-font-weight-bold);
  line-height: var(--hvac-line-height-tight);
}

.hvac-h2 {
  font-size: var(--hvac-font-size-h2);
  font-weight: var(--hvac-font-weight-bold);
  line-height: var(--hvac-line-height-tight);
}

.hvac-h3 {
  font-size: var(--hvac-font-size-h3);
  font-weight: var(--hvac-font-weight-bold);
  line-height: var(--hvac-line-height-tight);
}

.hvac-h4 {
  font-size: var(--hvac-font-size-h4);
  font-weight: var(--hvac-font-weight-bold);
  line-height: var(--hvac-line-height-normal);
}

.hvac-h5 {
  font-size: var(--hvac-font-size-h5);
  font-weight: var(--hvac-font-weight-bold);
  line-height: var(--hvac-line-height-normal);
}

.hvac-body {
  font-size: var(--hvac-font-size-body);
  font-weight: var(--hvac-font-weight-regular);
  line-height: var(--hvac-line-height-normal);
}

.hvac-small {
  font-size: var(--hvac-font-size-sm);
  font-weight: var(--hvac-font-weight-regular);
  line-height: var(--hvac-line-height-tight);
}

/* ===== KEYFRAMES REUTILIZABLES ===== */

@keyframes slideDownTitle {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInScale {
  from {
    opacity: 0;
    transform: scale(0.99);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* ===== DIVISORES REUTILIZABLES ===== */

.hvac-divider--vertical {
  width: 1px;
  height: 100%;
  display: block;
  background: repeating-linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.35) 0px,
    rgba(255, 255, 255, 0.35) 5px,
    transparent 5px,
    transparent 12px
  );
}

.hvac-divider--horizontal {
  width: 100%;
  height: 1px;
  display: block;
  background: repeating-linear-gradient(
    to right,
    rgba(255, 255, 255, 0.35) 0px,
    rgba(255, 255, 255, 0.35) 5px,
    transparent 5px,
    transparent 12px
  );
}/* End custom CSS */