.header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; padding: 16px 48px;}.nav { display: flex; align-items: center; justify-content: space-between; max-width: 1400px; margin: 0 auto;}.nav__brand { display: flex; align-items: center; gap: 12px;}.nav__logo { width: 32px; height: 32px; background: rgba(255, 255, 255, 0.15); border-radius: 6px; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; color: var(--color-text-light); backdrop-filter: blur(4px);}.nav__name { font-size: 14px; font-weight: 600; letter-spacing: 0.5px; color: var(--color-text-light);}.nav__links { display: flex; list-style: none; gap: 24px;}.nav__link { text-decoration: none; color: var(--color-text-light); font-size: 14px; font-weight: 500; transition: opacity 0.2s; position: relative;}.nav__link:hover { opacity: 0.8;}.nav__link--active { text-decoration: underline; text-underline-offset: 4px;}.nav__actions { display: flex; align-items: center; gap: 20px;}.nav__lang { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500;}.nav__globe { width: 16px; height: 16px; color: var(--color-text-light);}.nav__lang--active { color: var(--color-text-light);}.nav__lang--sep { color: rgba(255, 255, 255, 0.5);}.btn { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; font-weight: 600; font-size: 14px; border-radius: 8px; transition: all 0.2s; cursor: pointer; border: none;}.btn--large { padding: 14px 28px; font-size: 15px; border-radius: 8px;}.hero__content { position: relative; z-index: 2; max-width: 900px; width: 100%;}.hero__badge { display: inline-block; background: rgba(245, 158, 11, 0.2); border: 1px solid rgba(245, 158, 11, 0.4); color: var(--color-primary); padding: 8px 20px; border-radius: 24px; font-size: 14px; font-weight: 500; margin-bottom: 32px; backdrop-filter: blur(4px);}.hero__title { font-size: 48px; font-weight: 400; line-height: 1.2; margin-bottom: 24px; color: var(--color-text-light);}.hero__subtitle { font-size: 18px; color: var(--color-text-muted); line-height: 1.6; max-width: 600px; margin: 0 auto 40px;}.hero__buttons { display: flex; gap: 16px; justify-content: center; margin-bottom: 48px;}.hero__stats { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;}.hero__scroll { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); z-index: 2;}.hero__scroll-icon { width: 24px; height: 24px; color: var(--color-text-light); opacity: 0.7; animation: bounce 2s infinite;}@keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(8px); } 60% { transform: translateY(4px); }}@media (max-width: 1024px) { .nav__links { display: none; } .hero__title { font-size: 36px; } .hero__stats { gap: 12px; } }@media (max-width: 640px) { .header { padding: 16px 24px; } .hero__title { font-size: 28px; } .hero__subtitle { font-size: 16px; } .hero__buttons { flex-direction: column; align-items: center; } .btn--large { width: 100%; max-width: 280px; } .stat-card__value { font-size: 26px; }}.challenges-section { padding: 80px 24px; background-color: #f8f9fa;}.container { max-width: 1200px; margin: 0 auto; text-align: center;}.section-title { font-size: 24px; font-weight: 600; color: #1a2a4a; margin-bottom: 12px;}.section-subtitle { font-size: 16px; color: #6b7280; margin-bottom: 48px;}.cards-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 32px;}.card { background-color: #ffffff; border-radius: 15px!important; padding: 32px; text-align: left; box-shadow: 0 0 10px 0 hsla(0, 0%, 66%, 0.15); border: 1px solid #e5e7eb;}.card:hover { box-shadow: 0 0 20px 0 hsla(0, 0%, 66%, 0.26);}.card-icon { width: 56px; height: 56px; background-color: #1a3a5c; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;}.card-title { font-size: 16px; font-weight: 600; color: #1a2a4a; margin-bottom: 12px;}.card-description { font-size: 14px; line-height: 1.6; color: #6b7280;}.cta-button { display: inline-flex; align-items: center; gap: 8px; background-color: #d97706; color: #ffffff; font-size: 14px; font-weight: 500; padding: 12px 24px; border: none; border-radius: 8px; cursor: pointer; transition: background-color 0.3s ease; position: absolute; right: 24px; bottom: 24px;}.cta-button:hover { background-color: #b45309;}.challenges-section { position: relative;}@media (max-width: 768px) { .cards-grid { grid-template-columns: 1fr; } .cta-button { position: static; margin-top: 24px; }}.services { max-width: 1200px; margin: 0 auto; padding: 60px 24px;}.services__header { text-align: center; margin-bottom: 48px;}.services__title { font-size: 22px; font-weight: 600; color: #1a2b4a; margin-bottom: 12px;}.services__subtitle { font-size: 15px; color: #6b7280; font-weight: 400;}.services__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px;}.service-card { background-color: #fff; border-radius: 15px; overflow: hidden; box-shadow: 0 0 10px 0 hsla(0, 0%, 66%, 0.15); transition: box-shadow 0.2s ease;}.service-card:hover { box-shadow: 0 0 20px 0 hsla(0, 0%, 66%, 0.26);}.service-card__image-wrapper { position: relative; width: 100%; height: 220px; overflow: hidden;}.service-card__image { width: 100%; height: 100%; object-fit: cover; display: block;}.service-card__icon { position: absolute; top: 16px; left: 16px; width: 44px; height: 44px; background-color: #f59e0b; border-radius: 8px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);}.service-card__icon i { width: 22px; height: 22px; color: #1a2b4a; stroke-width: 2;}.service-card__title { font-size: 15px; font-weight: 500; color: #1f2937; margin-bottom: 10px;}.service-card__link { font-size: 14px; color: #d4a843; text-decoration: none; font-weight: 500; display: inline-flex; align-items: center; gap: 6px; transition: color 0.2s ease;}.service-card__link:hover { color: #b8922e;}.service-card__arrow { font-size: 13px;}@media (max-width: 768px) { .services__grid { grid-template-columns: 1fr; } .services { padding: 40px 16px; } .service-card__image-wrapper { height: 180px; }}.btn-barrido { position: relative; z-index: 1; overflow: hidden; transition: color 0.4s ease;}.btn-barrido::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--color-primary); z-index: -1; transform: scaleX(0); transform-origin: left; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);}.btn-barrido:hover { color: #ffffff; border-color: var(--color-primary);}.btn-barrido:hover::before { transform: scaleX(1);}.btn-destello { position: relative; overflow: hidden; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}.btn-destello::before { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent); transform: skewX(-25deg);}.btn-destello:hover::before { left: 150%; transition: all 0.8s ease-in-out;}.btn-reflector { position: relative; backdrop-filter: blur(4px); transition: all 0.3s ease;}.btn-reflector::after { content: ''; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(circle at center, rgba(255,255,255,0.2) 0%, transparent 70%); opacity: 0; transition: opacity 0.3s ease;}.btn-reflector:hover::after { opacity: 1;} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--color-primary)} :root .bricks-button[class*="primary"] {border: 1px solid var(--color-primary); border-radius: 8px; color: var(--bricks-color-hpkxaf); font-weight: 500} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: hsl(0, 0%, 100%)} :root .bricks-button[class*="secondary"] {border: 1px solid hsl(0, 0%, 100%); border-radius: 8px; color: var(--bricks-color-hpkxaf); font-weight: 500} .bricks-button {padding-top: 10px; padding-right: 30px; padding-bottom: 10px; padding-left: 30px} :root .bricks-button[class*="dark"] {color: hsl(0, 0%, 100%); border: 1px solid var(--bricks-color-hpkxaf); border-radius: 8px} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--bricks-color-hpkxaf)} .bricks-button.sm {padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)) {border: 1px solid rgb(240, 244, 248); border-radius: 8px} body {color: var(--bricks-color-nbbvjs); font-size: 16px} h1 {font-weight: 600; font-size: 80px} h2 {font-size: 40px; font-weight: 600; line-height: 1.2em; color: var(--bricks-color-gagptb)} h3 {font-size: 35px; font-weight: 600; color: var(--bricks-color-gagptb); line-height: 1.2em} h4 {font-size: 28px; font-weight: 600; color: var(--bricks-color-gagptb); line-height: 1.2em} .brxe-container {padding-top: 100px; padding-right: 100px; padding-bottom: 100px; padding-left: 100px; width: 1250px; margin-right: 0; margin-left: 0} .woocommerce main.site-main {width: 1250px} #brx-content.wordpress {width: 1250px} .brxe-block {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0} .brxe-image .bricks-image-caption-custom, .wp-element-caption:not(.wp-block-gallery *) {border-radius: 12px} .pswp .pswp__bg {background-color: hsla(0, 0%, 100%, 0.94)}@media (max-width: 1430px) { h1 {font-size: 50px} h2 {font-size: 40px}}@media (max-width: 991px) { .brxe-container {padding-right: 20px; padding-left: 20px}}@media (max-width: 767px) { h3 {font-size: 24px} h4 {font-size: 22px} .brxe-container {padding-top: 80px; padding-right: 15px; padding-bottom: 80px; padding-left: 15px}}@media (max-width: 478px) { h1 {font-size: 38px} h2 {font-size: 27px}}