/*
 * F53 R8 · DEMO IMPACT / REFERENCE SWITCH / SESSION PRO
 * Capa visual no destructiva sobre R7.1.
 */

.f53-experience-child,
.f53-experience-teen,
.f53-experience-coach{
    --r8-cyan:#54f2d2;
    --r8-blue:#63a8ff;
    --r8-gold:#f3c85f;
}

.f53-experience-child main.wrap,
.f53-experience-teen main.wrap,
.f53-experience-coach main.wrap{
    position:relative;
}

.child360-shell,
.f360-player-hub,
.f53coach-shell,
.f360-execution{
    position:relative;
    isolation:isolate;
}

.child360-shell::before,
.f360-player-hub::before,
.f53coach-shell::before,
.f360-execution::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    opacity:.33;
    background-image:
        radial-gradient(circle at 10px 10px,rgba(84,242,210,.22) 1.05px,transparent 1.3px),
        linear-gradient(90deg,rgba(99,168,255,.035) 1px,transparent 1px),
        linear-gradient(rgba(99,168,255,.035) 1px,transparent 1px);
    background-size:32px 32px,80px 80px,80px 80px;
    mask-image:linear-gradient(180deg,rgba(0,0,0,.92),rgba(0,0,0,.08));
    -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.92),rgba(0,0,0,.08));
}

.child360-shell::after,
.f360-player-hub::after,
.f53coach-shell::after{
    content:"";
    position:absolute;
    left:8%;
    right:8%;
    top:0;
    height:1px;
    z-index:3;
    pointer-events:none;
    background:linear-gradient(90deg,transparent,var(--r8-cyan),var(--r8-blue),transparent);
    box-shadow:0 0 24px rgba(84,242,210,.38);
    animation:r8-scan 5.8s ease-in-out infinite;
}

@keyframes r8-scan{
    0%,100%{opacity:.3;transform:translateY(0)}
    50%{opacity:.9;transform:translateY(12px)}
}

.child360-card,
.f360-card,
.f53coach-panel,
.f53coach-elite-card,
.f360-execution-panel,
.f360-execution-player{
    transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}

@media (hover:hover){
    .child360-card:hover,
    .f360-card:hover,
    .f53coach-panel:hover,
    .f53coach-elite-card:hover{
        transform:translateY(-2px);
        border-color:rgba(84,242,210,.24);
        box-shadow:0 18px 45px rgba(0,0,0,.22),0 0 30px rgba(84,242,210,.05);
    }
}

.child360-reference-switch{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.4rem;
    margin-top:13px;
    padding:9px 13px;
    border:1px solid rgba(84,242,210,.28);
    border-radius:999px;
    background:linear-gradient(135deg,rgba(84,242,210,.16),rgba(99,168,255,.08));
    color:#eafffb!important;
    font-size:.68rem;
    font-weight:900;
    letter-spacing:.02em;
    text-decoration:none;
    box-shadow:0 0 22px rgba(84,242,210,.08);
}

.child360-reference-profile{
    margin-top:14px;
    border-color:rgba(243,200,95,.18)!important;
    background:
        radial-gradient(circle at 92% 5%,rgba(243,200,95,.10),transparent 28%),
        linear-gradient(135deg,#0b1c2f,#071522)!important;
}

.child360-reference-profile-grid{
    grid-template-columns:180px minmax(0,1fr)!important;
}

.child360-reference-status{
    display:inline-flex;
    padding:5px 8px;
    border-radius:999px;
    border:1px solid rgba(243,200,95,.22);
    background:rgba(243,200,95,.08);
    color:var(--r8-gold);
    font-size:.55rem;
    font-weight:900;
}

.f53coach-hero,
.child360-hero,
.f360-player-hero{
    position:relative;
    overflow:hidden;
}

.f53coach-hero::after,
.child360-hero::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(115deg,transparent 5%,rgba(255,255,255,.055) 36%,transparent 62%);
    transform:translateX(-70%);
    animation:r8-shimmer 8s ease-in-out infinite;
}

@keyframes r8-shimmer{
    0%,70%{transform:translateX(-70%)}
    100%{transform:translateX(95%)}
}

@media(max-width:720px){
    .child360-reference-profile-grid{grid-template-columns:1fr!important}
}

@media(prefers-reduced-motion:reduce){
    .child360-shell::after,
    .f360-player-hub::after,
    .f53coach-shell::after,
    .f53coach-hero::after,
    .child360-hero::after{
        animation:none!important;
    }
}