.ai-web-wordpress { padding-top: 1rem; border-top: 0; scroll-margin-top: 110px; }
.paginas-web-ia .ai-web-process { padding-bottom: 0; }
.paginas-web-ia .ai-web-wordpress { padding-top: 3.5rem; border-top: 0; }
.ai-web-wordpress__panel { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border: 2px solid #42e8e0; border-radius: 24px; background: #021133; box-shadow: 0 20px 50px rgba(2,17,51,.12); }
.ai-web-wordpress__content { padding: clamp(1.5rem, 3vw, 3rem); color: #42e8e0; }
.ai-web-wordpress__content h2 { margin: 0 0 2rem; color: #42e8e0; font-size: clamp(1.6rem, 2.6vw, 2.2rem); line-height: 1.15; font-weight: 900; }
.ai-web-wordpress__highlight { position: relative; display: inline-block; white-space: nowrap; }
.ai-web-wordpress__highlight::after { position: absolute; left: 0; right: 0; bottom: -.28em; height: .36em; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 16' preserveAspectRatio='none'%3E%3Cpath d='M3 12 Q100 1 197 12' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat; content: ''; animation: ai-wordpress-underline 3.5s ease-in-out infinite; }
@keyframes ai-wordpress-underline { 0%, 100% { clip-path: inset(0 85% 0 0); opacity: .4; } 40%, 75% { clip-path: inset(0 0 0 0); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .ai-web-wordpress__highlight::after { animation: none; transform: none; opacity: 1; } }
.ai-web-wordpress__intro { margin: 0 0 1.5rem; color: #fff; font-size: 1.05rem; line-height: 1.6; }
.ai-web-wordpress__reasons details { border-top: 1px solid rgba(66,232,224,.22); }
.ai-web-wordpress__panel.is-visible .ai-web-wordpress__reasons details { animation: ai-wordpress-reason-in .55s ease both; animation-delay: var(--reason-delay, .15s); }
.ai-web-wordpress__reasons details:nth-child(2) { --reason-delay: .25s; }
.ai-web-wordpress__reasons details:nth-child(3) { --reason-delay: .35s; }
.ai-web-wordpress__reasons details:nth-child(4) { --reason-delay: .45s; }
.ai-web-wordpress__reasons details:nth-child(5) { --reason-delay: .55s; }
@keyframes ai-wordpress-reason-in { from { opacity: 0; transform: translateX(-14px); } to { opacity: 1; transform: translateX(0); } }
.ai-web-wordpress__reasons summary { display: flex; align-items: center; gap: .8rem; position: relative; padding: 1.15rem 1.7rem 1.15rem 0; color: #fff; font-size: 1.05rem; font-weight: 700; line-height: 1.4; cursor: pointer; list-style: none; }
.ai-web-wordpress__reasons summary::-webkit-details-marker { display: none; }
.ai-web-wordpress__reasons summary em { font-size: inherit; font-weight: inherit; line-height: inherit; font-style: italic; }
.ai-web-wordpress__reasons summary::after { position: absolute; right: 0; content: '+'; font-size: 1.5rem; font-weight: 400; }
.ai-web-wordpress__reasons details[open] summary::after { content: '\2212'; }
.ai-web-wordpress__number { flex: 0 0 28px; color: #42e8e0; font-size: 1.5rem; font-weight: 900; line-height: 1; }
.ai-web-wordpress__reasons details p { margin: 0; padding: 0 0 1.25rem 2.55rem; color: #fff; font-size: 1rem; line-height: 1.65; }
.ai-web-wordpress__reasons details p a { color: inherit; text-decoration: underline; text-underline-offset: .15em; }
.ai-web-wordpress__media { position: relative; display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 480px; background: #021133; }
.ai-web-wordpress__media video { display: block; width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; }
.ai-web-wordpress__media.is-started video { object-fit: contain; background: #021133; }
.ai-web-wordpress__media.is-ready:not(.is-started) video { pointer-events: none; }
.ai-web-wordpress__media.is-ready:not(.is-started)::after { position: absolute; inset: 0; content: ''; background: linear-gradient(180deg, rgba(2,17,51,.12), rgba(2,17,51,.48)); pointer-events: none; }
.ai-web-wordpress__play { position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; flex-direction: column; gap: .9rem; padding: .75rem; border: 0; background: transparent; color: #fff; font: 700 1rem Lato, Arial, sans-serif; cursor: pointer; }
.ai-web-wordpress__play[hidden], .ai-web-wordpress__error[hidden] { display: none; }
.ai-web-wordpress__play-circle { display: flex; align-items: center; justify-content: center; width: 88px; height: 88px; border: 1px solid rgba(66,232,224,.65); border-radius: 50%; background: #42e8e0; color: #021133; box-shadow: 0 0 0 12px rgba(66,232,224,.15); transition: transform .2s ease; }
.ai-web-wordpress__play:hover .ai-web-wordpress__play-circle { transform: scale(1.06); }
.ai-web-wordpress__play:focus-visible, .ai-web-wordpress__reasons summary:focus-visible { outline: 2px solid #42e8e0; outline-offset: -3px; }
.ai-web-wordpress__error { position: absolute; bottom: 3rem; left: 1rem; right: 1rem; padding: .75rem; background: #021133; color: #fff; text-align: center; }
.ai-web-wordpress__error a { color: #42e8e0; text-decoration: underline; }
@media (min-width: 992px) {
    .ai-web-wordpress__reasons summary { font-size: 1.2rem; }
}
@media (max-width: 991px) {
    .ai-web-wordpress__panel { grid-template-columns: 1fr; }
    .ai-web-wordpress__media { min-height: 0; aspect-ratio: 16 / 9; }
}
@media (max-width: 575px) {
    .ai-web-wordpress { padding-top: 1rem; padding-bottom: 3rem; }
    .ai-web-wordpress__panel { border-radius: 18px; }
    .ai-web-wordpress__reasons summary { font-size: 1rem; }
    .ai-web-wordpress__reasons details p { padding-left: 0; }
    .ai-web-wordpress__play-circle { width: 64px; height: 64px; }
}
@media (prefers-reduced-motion: reduce) { .ai-web-wordpress__play-circle { transition: none; } }
@media (prefers-reduced-motion: reduce) { .ai-web-wordpress__panel.is-visible .ai-web-wordpress__reasons details { animation: none; } }