/* AP MARKETING DIGITAL — V4 / Revisión de identidad visual
   Colores oficiales: azul #134AB8, amarillo #FFFF00, blanco y azul noche.
   Se mantiene la estructura y las animaciones de Gencyo. */
:root{--theme-color1:#FFFF00;--theme-color1-rgb:255,255,0;--theme-color1-text-color:#071327;--link-hover-color:#FFFF00;--headings-color:#fff;--ap-blue:#134AB8;--ap-night:#070d1c}
body.ap-theme{background:#070c19;color:#e8eeff}
.ap-theme .hero-section.hero-1{padding-top:215px;min-height:900px;background-position:center 64%!important}
.ap-theme .hero-section.hero-1 .hero-content{padding-top:20px}
.ap-theme .hero-1 .hero-title{color:#fff!important;font-size:clamp(40px,5.65vw,83px)!important;line-height:1.13!important;letter-spacing:-.025em}
.ap-theme .hero-1 .hero-title span{color:#FFFF00!important}
.ap-theme .hero-1 .hero-title .char{color:inherit}
.ap-theme .hero-1 .hero-text{color:#f0f6ff!important}
.ap-theme .hero-1 .line-ani svg path{fill:#FFFF00}
.ap-theme .sec-title .sub-title,.ap-theme .sec-title .sub-title:before,.ap-theme .sec-title h2.title span{color:#FFFF00}
.ap-theme .main-menu .navigation > li.current > a,.ap-theme .main-menu .navigation > li > a:hover{color:#FFFF00}
.ap-theme .btn-style-one,.ap-theme .contact-btn{--theme-color1:#FFFF00}
.ap-theme .btn-style-one .btn-title{color:#071327}
.ap-theme .btn-style-one:hover .btn-title{color:#071327}
.ap-theme .feature-section-2 .icon img,.ap-theme .service-block .icon img{filter:drop-shadow(0 0 6px rgba(255,255,0,.08))}
.ap-theme .about-section,.ap-theme .project-section,.ap-theme .choose-us-section,.ap-theme .faq-section,.ap-theme .team-section{background-color:#070c19}
.ap-theme .video-image::before{background:linear-gradient(180deg,rgba(2,13,39,.03) 16%,rgba(9,31,78,.72) 82%,rgba(7,12,27,.95) 100%)!important}
.ap-theme .video-image .content .title{color:#fff!important}
.ap-theme .project-section .project-title,.ap-theme .project-section .sec-title h2{color:#fff}
.ap-theme .page-title:before{background:linear-gradient(180deg,rgba(1,8,25,.5),rgba(19,74,184,.4))!important}
.ap-theme .team-section .team-block .inner-box:hover,.ap-theme .project-section .project-block .inner-box:hover{border-color:rgba(255,255,0,.35)}
.ap-theme .marquee-area2 .style-2{background-color:#FFFF00}.ap-theme .marquee-area2 .style-3{background-color:#134AB8}
.ap-theme .back-to-top{background-color:#FFFF00;color:#081325}
/* Theme demo places a warm ambient light over multiple sections: use cool blue light instead. */
.ap-theme .video-section,.ap-theme .project-section,.ap-theme .feature-section,.ap-theme .testimonial-wrapper{--theme-color1-rgb:255,255,0}
.ap-theme .ap-demonstration{color:#a7b9d8}
@media(max-width:991px){.ap-theme .hero-section.hero-1{padding-top:195px;min-height:790px}.ap-theme .hero-1 .hero-title{font-size:clamp(40px,6.4vw,68px)!important}}
@media(max-width:767px){.ap-theme .hero-section.hero-1{padding-top:160px;min-height:725px;background-position:62% center!important}.ap-theme .hero-1 .hero-title{font-size:clamp(38px,9.5vw,56px)!important}.ap-theme .hero-1 .hero-content{padding-top:8px}}
@media(prefers-reduced-motion:reduce){.ap-theme:not(.ap-motion-opted-in) *, .ap-theme:not(.ap-motion-opted-in) *::before,.ap-theme:not(.ap-motion-opted-in) *::after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}
