/* AP Marketing Digital V4.3 — reparaciones visibles para la home
   Conserva Gencyo. No modifica librerías GSAP ni el cursor-cohete. */
:root { --ap-yellow:#FFFF00; --ap-brand-blue:#134AB8; --ap-ink:#071227; }

/* 1. Portafolio: imagen con acercamiento persistente, luz y un puntero de visita.
   La V4.2 sólo animaba la flecha unos milisegundos; luego quedaba estática. */
.ap-theme .project-section .project-block .image-block { position:relative; isolation:isolate; }
.ap-theme .project-section .project-block .image-block::after {
 content:""; position:absolute;inset:0; z-index:2; pointer-events:none;
 border-radius:inherit; opacity:0;
 background:linear-gradient(140deg,rgba(4,15,37,.02) 10%,rgba(3,10,29,.26) 82%),
            radial-gradient(circle at 50% 46%,rgba(255,255,0,.08),transparent 54%);
 transition:opacity .65s ease;
}
.ap-theme .project-section .project-block .image-block .hover-img {transition:transform .85s cubic-bezier(.2,.7,.2,1), opacity .72s,filter .85s!important;}
.ap-theme .project-section .project-block .inner-block:is(:hover,:focus-within) .image-block::after{opacity:1;}
.ap-theme .project-section .project-block .inner-block:is(:hover,:focus-within) .image-block .hover-img:first-child {
 transform:translateX(0) scale(1.065);opacity:1;filter:blur(1px) brightness(.86);
}
.ap-theme .project-section .project-block .inner-block:is(:hover,:focus-within) .image-block .hover-img:nth-child(2){
 transform:translateX(-50%) scaleX(2);opacity:0;filter:blur(10px);
}
.ap-theme .project-section .project-block .image-block .arrow-icon{
 z-index:4; border:1px solid rgba(255,255,255,.32);
 transform:translate(-50%,-50%) scale(.55) rotate(-18deg);
 transition:opacity .38s ease, visibility .38s,transform .48s cubic-bezier(.18,.8,.2,1),background-color .4s;
 box-shadow:0 0 0 0 rgba(255,255,0,.22),0 15px 45px rgba(0,0,0,.3);
}
.ap-theme .project-section .project-block .inner-block:is(:hover,:focus-within) .image-block .arrow-icon{
 opacity:1;visibility:visible;
 transform:translate(calc(-50% + var(--ap-hover-x,0px)),calc(-50% + var(--ap-hover-y,0px))) scale(1) rotate(0deg);
 animation:ap-v43-arrow-pulse 1.7s ease-in-out infinite;
}
.ap-theme .project-section .project-block .inner-block:is(:hover,:focus-within) .content-block .title a {
 color:#FFFF00; transition:color .45s ease;
}
@keyframes ap-v43-arrow-pulse {
 0%,100% {box-shadow:0 0 0 0 rgba(255,255,0,.18),0 14px 32px rgba(0,0,0,.27)}
 50% {box-shadow:0 0 0 11px rgba(255,255,0,0),0 14px 32px rgba(0,0,0,.27)}
}

/* 2. Vídeo: el anterior CSS incluía !important y tapaba el amarillo del tema. */
body.ap-theme .video-section .video-image::before {
 background:linear-gradient(180deg,
 rgba(4,9,31,.08) 3%,rgba(8,25,67,.16) 28%,rgba(13,43,116,.14) 49%,
 rgba(255,255,0,.23) 63%,rgba(255,247,0,.62) 84%,rgba(255,235,0,.88) 100%)!important;
 pointer-events:none; z-index:1;
}
body.ap-theme .video-section .video-image .content .title{
 color:#08142d!important; text-shadow:0 1px 2px rgba(255,255,255,.18);
 position:relative; z-index:3;
}
body.ap-theme .video-section .video-image .content .play-now{position:relative;z-index:4;}
/* El texto no se oculta hasta entrar en pantalla: evita títulos invisibles. */
body.ap-theme .video-section .ap-letter-reveal.ap-v43-active .ap-v43-char {
 display:inline-block; opacity:0; transform:translate3d(0,32px,0) rotate(3deg);
 animation:ap-v43-letter .76s cubic-bezier(.18,.72,.19,1) forwards;
 animation-delay:var(--ap-v43-delay,0ms);
}
body.ap-theme .video-section .ap-letter-reveal .ap-v43-word {display:inline-block;white-space:nowrap;}
@keyframes ap-v43-letter{to{opacity:1;transform:translate3d(0,0,0) rotate(0)}}

/* 3. Contacto y superficies: anular restos cálidos de la demo. */
body.ap-theme .contact-section .contact-icon .icon img {filter:drop-shadow(0 0 4px rgba(255,255,0,.18));}
body.ap-theme .contact-section .contact-list-items .line {background-color:#FFFF00;}
body.ap-theme .contact-form-style-1 .line-shape img{filter:hue-rotate(180deg) saturate(.5)}

@media (prefers-reduced-motion:reduce){
 body.ap-theme:not(.ap-motion-opted-in) .project-section .project-block .inner-block .image-block .arrow-icon{animation:none!important}
 body.ap-theme:not(.ap-motion-opted-in) .video-section .ap-letter-reveal .ap-v43-char{animation:none!important;opacity:1!important;transform:none!important}
 body.ap-theme.ap-motion-opted-in .project-section .project-block .inner-block:hover .image-block .arrow-icon {animation:ap-v43-arrow-pulse 1.7s ease-in-out infinite!important}
 body.ap-theme.ap-motion-opted-in .video-section .ap-letter-reveal.ap-v43-active .ap-v43-char {animation:ap-v43-letter .76s cubic-bezier(.18,.72,.19,1) forwards!important;animation-delay:var(--ap-v43-delay,0ms)!important}
}