/* arte-personalizada/ — página pública do pedido de arte personalizada (25/10/2026) */
.ap { padding-bottom: 32px; }
.ap__hero { margin: 8px 0 26px; padding: 26px 24px; max-width: 980px; border-radius: 20px; color: #fff;
    background: linear-gradient(135deg, #5b21b6, #7c3aed 60%, #9333ea); box-shadow: 0 18px 44px rgba(76, 29, 149, .25); }
.ap__eti { margin: 0 0 6px; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #fde68a; }
.ap__h1 { font-size: clamp(1.7rem, 4.4vw, 2.6rem); font-weight: 900; margin: 0 0 10px; line-height: 1.12; }
.ap__h1 span { color: #fde047; }
.ap__intro { margin: 0 0 18px; font-size: 1.08rem; line-height: 1.55; max-width: 760px; color: #f5f3ff; }
.ap__cta { text-decoration: none; }
.ap__h2 { font-size: clamp(1.2rem, 2.6vw, 1.5rem); font-weight: 900; margin: 0 0 12px; }
.ap__passos { list-style: none; padding: 0; margin: 0 0 28px; display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 14px; }
.ap__passos li { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; padding: 18px 14px;
    border-radius: 16px; border: 1px solid var(--cor-borda, #e5e7eb); background: var(--cor-fundo-card, #fff); }
.ap__passos li:last-child { border: 2px solid #ffd500; }
.ap__n { width: 40px; height: 40px; border-radius: 50%; background: #7c3aed; color: #fff; font-weight: 900; font-size: 1.2rem;
    display: inline-flex; align-items: center; justify-content: center; }
.ap__em { font-size: 2.6rem; line-height: 1.2; }
.ap__passos b { font-size: 1.05rem; }
.ap__passos small { color: var(--cor-texto-suave, #64748b); font-size: .92rem; line-height: 1.4; }
.ap__regras { margin: 0 0 28px; padding: 18px 20px; border-radius: 16px; border: 2px solid #ffd500; background: #fffbeb; max-width: 980px; }
.ap__regras-lista { list-style: none; padding: 0; margin: 0 0 8px; display: grid; gap: 12px; }
.ap__regras-lista li { display: flex; gap: 12px; align-items: flex-start; line-height: 1.5; font-weight: 600; }
.ap__regra-n { flex: 0 0 auto; width: 28px; height: 28px; border-radius: 50%; background: #b45309; color: #fff; font-weight: 900;
    display: inline-flex; align-items: center; justify-content: center; font-size: .95rem; }
.ap__obs { color: var(--cor-texto-suave, #64748b); font-size: .92rem; margin: 0; }
.ap__video { position: relative; max-width: 800px; aspect-ratio: 16 / 9; border-radius: 18px; overflow: hidden; background: #2e1065;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .18); margin: 0 0 28px; }
.ap__video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.ap__play { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; cursor: pointer; background: transparent; }
.ap__play img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ap__icone { position: absolute; left: 50%; top: 50%; width: 88px; height: 62px; transform: translate(-50%, -50%);
    filter: drop-shadow(0 6px 16px rgba(0, 0, 0, .45)); transition: transform .15s ease; }
.ap__icone svg { width: 100%; height: 100%; }
.ap__play:hover .ap__icone, .ap__play:focus-visible .ap__icone { transform: translate(-50%, -50%) scale(1.1); }
.ap__form { margin: 0 0 32px; max-width: 980px; scroll-margin-top: 90px; }
.ap__faq { max-width: 900px; }
.ap__faq details { border: 1px solid var(--cor-borda, #e5e7eb); border-radius: 12px; padding: 12px 16px; margin-bottom: 10px; background: var(--cor-fundo-card, #fff); }
.ap__faq summary { cursor: pointer; font-weight: 800; }
.ap__faq details p { margin: 10px 0 2px; line-height: 1.55; color: var(--cor-texto-suave, #475569); }
@media (max-width: 600px) { .ap__hero { padding: 20px 16px; border-radius: 16px; } }
@media (prefers-reduced-motion: reduce) { .ap__icone { transition: none; } }