/*
 Theme Name:   Reparo
 Theme URI:    https://mundobruxo.com.br
 Description:  Versão 2026 do Mundo Bruxo (Reparo)
 Author:       Bruno Pedrozo
 Author URI:   https://mundobruxo.com.br
 Template:     twentytwentyfive
 Version:      1.0.10
*/

img { height: auto; max-width: 100%; }
.vitrine-promocional { box-sizing: border-box; width: 100%; margin: 20px 0; }
.vitrine-promocional * { box-sizing: border-box; }
.vitrine-titulo { color: #9F93A8; font-family: var(--wp--preset--font-family--aleo, serif); margin: 0 0 20px 0; display: flex; align-items: center; justify-content: space-between; }
.vitrine-titulo::after { content: ''; display: block; width: 80px; height: 24px; background-image: url('/logo/amazon.svg'); background-repeat: no-repeat; background-position: center right; background-size: contain; opacity: 0.8; }
.vitrine-card { background-color: #28273e; border: 1px solid #575773; border-radius: 20px; overflow: hidden; height: 100%; opacity: 0.9; transition: all 0.3s ease; }
.vitrine-card:hover { opacity: 1; box-shadow: 0 8px 16px rgba(0,0,0,0.2); }
.vitrine-card a { text-decoration: none; color: inherit; height: 100%; padding: 12px; }
.vitrine-thumb { background-color: #FFF; border: none; border-radius: 12px; width: 100%; display: flex; align-items: center; justify-content: center; padding: 8px 4px; overflow: hidden; }
.vitrine-thumb img { width: 100%; height: 100%; object-fit: contain; display: block; max-height: 180px; transition: transform 0.3s ease; }
.vitrine-card:hover .vitrine-thumb img { transform: scale(1.08); }
.vitrine-nome { font-size: 14px; font-weight: 600; color: #E0E0E0; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0; }
.vitrine-botao { background: #f2af7f; color: #171729; font-size: 13px; font-weight: 700; text-transform: uppercase; text-align: center; padding: 12px; border-radius: 12px; width: 100%; display: block; }
.vitrine-card:first-child a { display: flex; flex-direction: column; gap: 12px; }
.vitrine-card:first-child .vitrine-thumb { aspect-ratio: auto; margin-bottom: 0; }
.vitrine-card:first-child .vitrine-botao { margin-top: auto; }
.vitrine-card:not(:first-child) a { display: grid; grid-template-columns: 35% 1fr; grid-template-rows: min-content min-content; align-content: center; grid-template-areas: "img title" "img btn"; gap: 12px; }
.vitrine-card:not(:first-child) .vitrine-thumb { grid-area: img; grid-row: 1 / span 2; height: 100%; margin: 0; }
.vitrine-card:not(:first-child) .vitrine-thumb img { max-height: 104px; }
.vitrine-card:not(:first-child) .vitrine-nome { grid-area: title; align-self: end; margin-bottom: 4px; }
.vitrine-card:not(:first-child) .vitrine-botao { grid-area: btn; align-self: start; margin-top: 0; }
.vitrine-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.vitrine-promocional:not(.rp-sidebar-active) .vitrine-grid .vitrine-card:first-child { grid-row: span 2; }
.rp-sidebar .vitrine-grid { grid-template-columns: 1fr !important; gap: 12px; }
@media (max-width: 768px) {
    .vitrine-grid { grid-template-columns: 1fr; gap: 12px; }
    .vitrine-promocional:not(.rp-sidebar-active) .vitrine-grid .vitrine-card:first-child { grid-row: auto; }
    .vitrine-card:first-child .vitrine-thumb { aspect-ratio: 16 / 9 !important; }
    .vitrine-card:first-child .vitrine-thumb img { max-height: none !important; }
}
.rp-post-fullcontent .vitrine-wrapper-isolada { margin-top: 60px !important; margin-bottom: 60px !important; }

input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="url"], input[type="tel"], input[type="search"], textarea, select { font-size: 16px !important; }
html, body { overflow-x: hidden; max-width: 100%; }
body.hp-locked { overflow: hidden !important; }
.custom-logo-link { position: relative !important; display: inline-block !important; max-width: 200px !important; height: auto; vertical-align: middle; overflow: visible !important; background: transparent !important; box-shadow: none !important; cursor: pointer; z-index: 999999 !important; -webkit-tap-highlight-color: transparent; }
@keyframes glowPulse { 0% { filter: drop-shadow(0 0 0 rgba(206, 141, 111, 0)); } 50% { filter: drop-shadow(0 0 8px rgba(206, 141, 111, 0.8)); } 100% { filter: drop-shadow(0 0 0 rgba(206, 141, 111, 0)); } }
.custom-logo-link.glow-active { animation: glowPulse 2s ease-in-out forwards; }
.magic-gold-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; pointer-events: none; background-color: transparent; background-size: 200% 100%; background-repeat: repeat-x; -webkit-mask-image: var(--logo-url); mask-image: var(--logo-url); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-position: center; opacity: 0; transition: opacity 0.5s ease-out; will-change: background-position; }
.magic-active .magic-gold-overlay { opacity: 1; }
.magic-active .custom-logo, .magic-active .custom-logo img { opacity: 0 !important; visibility: hidden !important; }
.magic-star-anchor { position: absolute; top: 50%; width: 0; height: 0; pointer-events: none; z-index: 20; transform: rotate(var(--trajectory-angle)); }
.magic-star-transport { position: absolute; top: 0; left: 0; width: 0; height: 0; transform: translateX(0); animation: moveDistance var(--duration) var(--easing) forwards; }
.magic-star-spinner { position: absolute; top: 0; left: 0; width: 0; height: 0; transform: rotate(0deg) translateY(var(--coil-radius)); animation: spinCoil var(--duration) linear forwards; }
.magic-star-svg { display: block; width: var(--size); height: var(--size); transform: translate(-50%, -50%) rotate(var(--base-rotate, 0deg)); color: #CE8D6F; animation: fadeScale var(--duration) ease-out forwards, var(--self-spin-anim, none); }
@keyframes moveDistance { to { transform: translateX(var(--distance)); } }
@keyframes spinCoil { from { transform: rotate(0deg) translateY(var(--coil-radius)); } to { transform: rotate(var(--coil-rotations)) translateY(var(--coil-radius)); } }
@keyframes fadeScale { 0% { opacity: 0; transform: translate(-50%, -50%) scale(0); } 10% { opacity: 1; transform: translate(-50%, -50%) scale(1.2); } 100% { opacity: 0; transform: translate(-50%, -50%) scale(0); } }
@keyframes selfSpinAction { to { transform: translate(-50%, -50%) rotate(calc(360deg * var(--self-rotate-speed))); } }
#cookie-law-info-bar { margin: 20px !important; width: fit-content; border-radius: 22px; border: 1px solid #575773; box-shadow: none; }
.cli-plugin-button { border-radius: 12px; min-width: 100px; }
#wt-cli-accept-all-btn { color: #171729 !important; }
a, a:hover, a:active { outline: none; }
main { padding-top: 112px !important; }
header { position: fixed; top: 0; width: 100%; z-index: 1000; transition: transform 600ms ease; }
header.hide { transform: translateY(-71px); }
.wp-block-navigation.is-layout-flex { display: flex !important; flex-wrap: nowrap !important; overflow-x: visible !important; overflow-y: hidden; justify-content: flex-start !important; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-right: 0px !important; transition: padding-right 0.3s; }
.wp-block-navigation__container { display: flex !important; flex-wrap: nowrap !important; margin: 0 !important; padding: 0 !important; }
.wp-block-navigation-item { flex-shrink: 0 !important; white-space: nowrap !important; }
.wp-block-search { flex-shrink: 0 !important; margin-bottom: 0 !important; }
.wp-block-navigation::-webkit-scrollbar { display: none; }
.wp-block-search__inside-wrapper:focus-within, .wp-block-search__inside-wrapper:focus-within:hover { background-color: #34344290 !important; border: 1px solid var(--wp--preset--color--custom-bordas-menu-hover) !important; mix-blend-mode: screen; }
.wp-block-search__inside-wrapper:hover, .rp-menu-ul li a:hover { text-decoration: none !important; transition: all 0.3s ease; background: #34344280 !important; border: 1px solid var(--wp--preset--color--custom-bordas-menu-hover) !important; mix-blend-mode: screen; }
.rp-menu-ul li a:hover { text-decoration: none !important; }
.menu-item-quiz a::before { content: ""; -webkit-mask-image: url("/logo/ico-quiz2.svg"); mask-image: url("/logo/ico-quiz2.svg"); }
.menu-item-livros a::before { content: ""; -webkit-mask-image: url("/logo/ico-livros2.svg"); mask-image: url("/logo/ico-livros2.svg"); }
.menu-item-serie a::before { content: ""; -webkit-mask-image: url("/logo/ico-serie2.svg"); mask-image: url("/logo/ico-serie2.svg"); }
.menu-item-filmes a::before { content: ""; -webkit-mask-image: url("/logo/ico-filmes2.svg"); mask-image: url("/logo/ico-filmes2.svg"); }
.menu-item-jogos a::before { content: ""; -webkit-mask-image: url("/logo/ico-jogos2.svg"); mask-image: url("/logo/ico-jogos2.svg"); }
.menu-item-analise a::before { content: ""; -webkit-mask-image: url("/logo/ico-analise.svg"); mask-image: url("/logo/ico-analise.svg"); }
.menu-item-funko a::before { content: ""; -webkit-mask-image: url("/logo/ico-funko.svg"); mask-image: url("/logo/ico-funko.svg"); }
.menu-item-hogwarts a::before { content: ""; -webkit-mask-image: url("/logo/ico-hogwarts.svg"); mask-image: url("/logo/ico-hogwarts.svg"); }
.menu-item-animais a::before { content: ""; -webkit-mask-image: url("/logo/ico-animais.svg"); mask-image: url("/logo/ico-animais.svg"); }
.menu-item-hp a::before { content: ""; -webkit-mask-image: url("/logo/ico-harry.svg"); mask-image: url("/logo/ico-harry.svg"); }
.menu-item-animais { margin-right: 44px !important; }
.rp-menu-ul li a { background: #26262F50 !important; border: 1px solid var(--wp--preset--color--custom-bordas-menu-normal); border-radius: 12px; padding: 4px 8px !important; mix-blend-mode: screen; -webkit-user-drag: none; user-drag: none; -webkit-user-select: none; user-select: none; display: flex; align-items: center; color: var(--wp--preset--color--contrast) !important; }
.rp-menu-ul li a::before { margin-right: 8px; display: inline-block; width: 22px; height: 22px; vertical-align: middle; background-color: var(--wp--preset--color--accent-1); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; }
.wp-block-search__inside-wrapper { height: 36px !important; background: #26262F90 !important; border: 1px solid var(--wp--preset--color--custom-bordas-menu-normal) !important; border-radius: 12px; mix-blend-mode: screen; position: relative; }
.wp-block-search__button { padding: 6px; background: none !important; width: 36px; border: none; outline: none; position: absolute !important; right: 0; top: 0; height: 100%; z-index: 10; cursor: pointer; }
#wp-block-search__input-1 { background: none; color: var(--wp--preset--color--contrast) !important; border: none !important; outline: none !important; }
.rp-header-container { transition: border-radius 0.3s ease; }
.rp-menu-row { position: relative !important; max-height: 48px; padding-bottom: 0; overflow: hidden; transition: max-height 0.6s cubic-bezier(0.25, 1, 0.5, 1), padding-bottom 0.6s cubic-bezier(0.25, 1, 0.5, 1); z-index: 1001; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); will-change: max-height; }
.rp-menu-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.4); z-index: 900; opacity: 0; pointer-events: none; transition: opacity 0.4s ease; }
.rp-menu-overlay.active { opacity: 1; pointer-events: auto; }
.rp-menu-row::before { content: ''; position: absolute; top: 0; left: 0; width: 40px; height: 48px; background: linear-gradient(to right, var(--wp--preset--color--base) 20%, transparent); z-index: 99; pointer-events: none; opacity: 0; transition: opacity 0.3s ease; }
.rp-menu-row.has-left-scroll::before { opacity: 1; }
nav.rp-menu-ul { cursor: grab; cursor: -webkit-grab; margin-left: 8px !important; }
nav.rp-menu-ul.active { cursor: grabbing; cursor: -webkit-grabbing; }
.rp-menu-row.drawer-open nav.rp-menu-ul { cursor: default !important; }
.wp-block-search { transition: all 0.3s ease; }
.wp-block-search:not(.is-expanded) .wp-block-search__inside-wrapper { width: 40px !important; overflow: hidden; }
.wp-block-search:not(.is-expanded) .wp-block-search__input { opacity: 0; pointer-events: none; }
.wp-block-search.is-expanded .wp-block-search__inside-wrapper { width: 248px !important; }
.wp-block-search.is-expanded .wp-block-search__input { opacity: 1; pointer-events: auto; }
.rp-menu-row.drawer-open .rp-menu-ul, .rp-menu-row.drawer-open .wp-block-navigation.is-layout-flex, .rp-menu-row.is-closing .rp-menu-ul, .rp-menu-row.is-closing .wp-block-navigation.is-layout-flex { width: 100% !important; padding-right: 0px !important; flex-direction: column !important; align-items: flex-start !important; height: auto !important; overflow: visible !important; gap: 8px !important; }
.rp-menu-row.drawer-open .wp-block-search, .rp-menu-row.is-closing .wp-block-search { width: calc(100% - 36px) !important; max-width: none !important; flex-shrink: 0; }
.rp-menu-row.drawer-open .wp-block-search__inside-wrapper, .rp-menu-row.is-closing .wp-block-search__inside-wrapper { width: 100% !important; margin-bottom: 16px !important; }
.rp-menu-row.drawer-open .wp-block-navigation-item, .rp-menu-row.is-closing .wp-block-navigation-item { margin-bottom: 0px !important; width: 100%; transition: opacity 0.2s ease; }
.rp-menu-row.is-closing .wp-block-navigation-item, .rp-menu-row.is-closing .wp-block-search { opacity: 0 !important; pointer-events: none; transition: opacity 0.4s ease !important; }
.rp-menu-row.drawer-open .wp-block-search__input, .rp-menu-row.is-closing .wp-block-search__input { opacity: 1; pointer-events: auto; }
.rp-menu-row.drawer-open::before { opacity: 0 !important; }
.rp-menu-row.drawer-open { max-height: 85vh; padding-left: 16px; padding-right: 16px; padding-bottom: 48px !important; }
.rp-menu-row.is-fully-open { overflow-y: auto !important; }
.rp-menu-row.is-closing { max-height: 48px !important; padding-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; overflow: hidden !important; pointer-events: none; }
.rp-header-container.expanded { border-bottom-left-radius: 44px !important; border-bottom-right-radius: 44px !important; }
.rp-menu-toggle { position: absolute; right: 0 !important; top: 0 !important; width: 48px; height: 48px; display: none; align-items: center; justify-content: center; z-index: 9999; cursor: pointer; color: var(--wp--preset--color--accent-1); background: linear-gradient(to right, transparent, var(--wp--preset--color--base) 30%); transition: background 0.3s ease; }
.rp-menu-toggle svg { transition: transform 0.3s; }
.rp-menu-row.drawer-open .rp-menu-toggle, .rp-menu-row.is-closing .rp-menu-toggle { background: transparent !important; }
.rp-menu-row.drawer-open .rp-menu-toggle svg { transform: rotate(180deg); }
.rp-menu-row.is-closing .rp-menu-toggle svg { transform: rotate(0deg); }
.rp-drawer-handle { position: absolute; bottom: 8px; left: 0; width: 100%; height: 20px; display: flex; justify-content: center; align-items: center; opacity: 0; pointer-events: none; transition: opacity 0.3s; cursor: pointer; }
.rp-drawer-handle::after { content: ""; width: 48px; height: 4px; background-color: var(--wp--preset--color--custom-bordas-menu-normal); border-radius: 10px; transition: background-color 0.3s ease; }
.rp-drawer-handle:hover::after, .rp-drawer-handle:active::after { background-color: var(--wp--preset--color--accent-1); }
.rp-menu-row.drawer-open .rp-drawer-handle { opacity: 1; pointer-events: auto; }
.rp-menu-row:not(.drawer-open) .rp-drawer-handle { opacity: 0; }
.rp-footer::before { content: var(--hp-random-svg); display: block; margin: 0 auto; width: 100%; height: auto; margin-bottom: 20px; max-width: 850px; }
.rp-quiz-list li .rp-quiz-tag a, .rp-quiz-catalogue li .rp-quiz-tag a, .rp-quiz-tag-h1 a { display: inline-block !important; font-size: 12px !important; font-weight: bold !important; color: #171729 !important; text-decoration: none !important; border-radius: 50px !important; padding: 2px 8px !important; pointer-events: auto; transition: none !important; -webkit-user-drag: none; }
.rp-quiz-list li .rp-quiz-card h2 a, .rp-quiz-catalogue li .rp-quiz-card h2 a { text-decoration: none !important; text-shadow: 0px 5px 20px #171729, 0px 2px 10px #171729; }
li.nivel-dificil .rp-quiz-card::after, body.nivel-dificil .rp-quiz-card-heading::after { -webkit-mask-image: url('/logo/Dificil.svg'); mask-image: url('/logo/Dificil.svg'); background: linear-gradient(90deg, #CE8D6F 0%, #DDA985 25%, #CE8D6F 50%, #DDA985 75%, #CE8D6F 100%); }
li.nivel-dificil .rp-quiz-card h2 a, body.nivel-dificil .rp-quiz-card-h1 { color: #DDA985 !important; }
li.nivel-dificil .rp-quiz-tag a, body.nivel-dificil .rp-quiz-tag-h1 a { background-color: #DDA985 !important; }
li.nivel-medio .rp-quiz-card::after, body.nivel-medio .rp-quiz-card-heading::after { -webkit-mask-image: url('/logo/Medio.svg'); mask-image: url('/logo/Medio.svg'); background: linear-gradient(90deg, #A8A8A8 0%, #E0E0E0 25%, #A8A8A8 50%, #E0E0E0 75%, #A8A8A8 100%); }
li.nivel-medio .rp-quiz-card h2 a, body.nivel-medio .rp-quiz-card-h1 { color: #E0E0E0 !important; }
li.nivel-medio .rp-quiz-tag a, body.nivel-medio .rp-quiz-tag-h1 a { background-color: #E0E0E0 !important; }
li.nivel-facil .rp-quiz-card::after, body.nivel-facil .rp-quiz-card-heading::after { -webkit-mask-image: url('/logo/Facil.svg'); mask-image: url('/logo/Facil.svg'); background: linear-gradient(90deg, #C56139 0%, #CA8164 25%, #C56139 50%, #CA8164 75%, #C56139 100%); }
li.nivel-facil .rp-quiz-card h2 a, body.nivel-facil .rp-quiz-card-h1 { color: #CA8164 !important; }
li.nivel-facil .rp-quiz-tag a, body.nivel-facil .rp-quiz-tag-h1 a { background-color: #CA8164 !important; }