/* Sistema de movimento do site EBS (20/10/2026). Usar com site.css. Ver home-motion.html como referência. */
.mo-k{font-family:var(--sans);font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:#6F6B63}
.linha{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}
.linha>span{display:block;transform:translateY(110%)}
/* aparece a subir quando entra no ecrã */
.rv{opacity:0;transform:translateY(32px)}
/* palavras que acendem com o scroll: <p class="acende">…</p> */
.acende .p{opacity:.14}
/* abertura com vídeo ou fotografia a ecrã inteiro */
.mo-hero{position:relative;height:calc(100vh - 110px);min-height:560px;overflow:hidden;color:#fff;display:flex;align-items:flex-end}
.mo-hero>video,.mo-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.12)}
.mo-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,17,16,.15) 0%,rgba(17,17,16,.55) 100%)}
.mo-hero .in{position:relative;z-index:2;width:100%;max-width:1320px;margin:0 auto;padding:0 var(--gutter) clamp(64px,10vh,120px)}
.mo-hero .mo-k{color:rgba(255,255,255,.85)}
.mo-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(34px,3.9vw,60px);line-height:1.08;margin:20px 0 0;max-width:900px;color:#fff}
.mo-hero p{font-size:clamp(16px,1.2vw,19px);line-height:1.6;max-width:560px;margin-top:20px;opacity:0;color:#fff}
.mo-hero .btn,.mo-cena .btn,.mo-fecho .btn{background:transparent;color:#fff;border:1px solid #fff}
.mo-hero .btn:hover,.mo-cena .btn:hover,.mo-fecho .btn:hover{background:#fff;color:#111110}
.mo-hero .btn{margin-top:32px;opacity:0}
/* secção de texto */
.mo-sec{max-width:1240px;margin:0 auto;padding:clamp(96px,10vw,160px) var(--gutter) clamp(80px,8vw,128px)}
.mo-sec h2{font-family:var(--serif);font-weight:400;font-size:clamp(36px,4vw,60px);line-height:1.08;margin:20px 0 0}
.mo-sec h2 em,.mo-sec h3 em{color:inherit}
.mo-sec .grande{font-family:var(--serif);font-size:clamp(34px,4.2vw,64px);line-height:1.14;margin:24px 0 0}
.mo-sec .corpo p,.mo-sec p.corpo{font-size:clamp(17px,1.3vw,20px);line-height:1.7}
/* metade fotografia, metade texto, com a fotografia a mover-se devagar */
.mo-par{display:grid;grid-template-columns:1fr 1fr;min-height:clamp(560px,48vw,760px);max-width:1680px;margin:0 auto}
.mo-par .foto{position:relative;overflow:hidden}
.mo-par .foto img,.mo-par .foto video{position:absolute;left:0;top:-10%;width:100%;height:120%;object-fit:cover}
.mo-par.inverte .foto{order:2}
.mo-par .texto{display:flex;flex-direction:column;justify-content:center;padding:clamp(56px,7vw,120px) clamp(28px,6vw,112px)}
.mo-par .texto>*{max-width:520px}
.mo-par h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px,3.3vw,50px);line-height:1.1;margin:20px 0 0}
.mo-par p{font-size:clamp(17px,1.3vw,19px);line-height:1.7;margin-top:14px}
/* cartões com cantos redondos */
.mo-cartoes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,36px);margin-top:clamp(40px,5vw,64px)}
.mo-cartao{background:#F7F4EF;border-radius:22px;padding:clamp(28px,3vw,44px);display:flex;flex-direction:column;transition:background .5s,color .5s,transform .6s cubic-bezier(.2,.7,.2,1)}
.mo-cartao .num{font-family:var(--serif);font-size:24px;color:#B2967D}
.mo-cartao h3{font-family:var(--serif);font-weight:400;font-size:clamp(26px,2.2vw,36px);line-height:1.12;margin:18px 0 0;transition:color .5s}
.mo-cartao p{font-size:17px;line-height:1.65;color:#55524C;margin-top:12px;transition:color .5s}
a.mo-cartao:hover{background:#4A342A;color:#fff;transform:translateY(-8px)}
a.mo-cartao:hover h3{color:#fff}a.mo-cartao:hover p,a.mo-cartao:hover .num{color:#F1E8DD}
/* imagem que se abre com o scroll e chamada final */
.mo-fecho{position:relative;height:100vh;min-height:620px;overflow:hidden;color:#fff;display:flex;align-items:center;clip-path:inset(8% 8% 8% 8% round 28px)}
.mo-fecho>video,.mo-fecho>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mo-fecho::after{content:"";position:absolute;inset:0;background:rgba(17,17,16,.45)}
.mo-fecho .in{position:relative;z-index:2;width:100%;max-width:1320px;margin:0 auto;padding:0 var(--gutter)}
.mo-fecho .mo-k{color:rgba(255,255,255,.85)}
.mo-fecho h2{font-family:var(--serif);font-weight:400;font-size:clamp(40px,5.6vw,88px);line-height:1.04;margin:20px 0 0;color:#fff;max-width:900px}
.mo-fecho p{font-size:clamp(17px,1.4vw,21px);line-height:1.6;margin-top:20px;max-width:560px}
.mo-fecho .btn{margin-top:32px}
/* ícones de linha fina a preto (Phosphor thin) */
.mo-ico{display:inline-block;font-size:56px;color:#111110}
@media (max-width:860px){.mo-par{grid-template-columns:1fr;min-height:0}.mo-par .foto{aspect-ratio:4/5}.mo-par.inverte .foto{order:0}.mo-cartoes{grid-template-columns:1fr}}
/* menus suspensos Workshops e Programas (20/10/2026) */
nav.menu{display:flex;align-items:center}
.sub{position:relative}
.sub-b{font:inherit;font-family:var(--sans);font-size:13px;letter-spacing:.14em;text-transform:uppercase;background:none;border:0;padding:8px 0;cursor:pointer;color:var(--preto)}
.sub-b::after{content:"";display:inline-block;width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-left:10px;vertical-align:3px}
.sub-l{position:absolute;top:100%;left:-20px;min-width:260px;padding:14px 20px 10px;background:#fff;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s,transform .25s,visibility .25s;z-index:60}
.sub:hover .sub-l,.sub:focus-within .sub-l{opacity:1;visibility:visible;transform:none}
.sub-l a{display:block;padding:9px 0;font-size:15px;letter-spacing:.02em;text-transform:none;white-space:nowrap;color:var(--preto)}
nav.menu .btn{white-space:nowrap}
.sub-l a:hover{color:#6F6B63}
.menu-painel .sub-t{display:block;padding:14px 0 4px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#9A968E}
.menu-painel .sub-i{padding-left:14px}

/* 20/10/2026 · todos os botões sobre branco: só linha preta e letra preta; com o rato, preto cheio (pedido da Adriana) */
.btn,.btn-cheio,.btn.btn-cheio,.btn.colide,.btn.btn-cheio.colide{background:var(--branco)!important;color:var(--preto)!important;border:1px solid var(--preto)!important}
.btn:hover,.btn-cheio:hover,.btn.btn-cheio:hover{background:var(--preto)!important;color:var(--branco)!important}
.mo-hero .btn,.mo-fecho .btn,.mo-cena .btn,.sobre-foto .btn,.escuro .btn,.abertura-fundo .btn,.fecho .btn,.ecra .btn{background:transparent!important;color:var(--branco)!important;border:1px solid var(--branco)!important}
.mo-hero .btn:hover,.mo-fecho .btn:hover,.mo-cena .btn:hover,.sobre-foto .btn:hover,.escuro .btn:hover,.abertura-fundo .btn:hover,.fecho .btn:hover,.ecra .btn:hover{background:var(--branco)!important;color:var(--preto)!important}
a.mo-cartao:hover .btn,a.fase:hover .btn{border-color:var(--branco)!important;color:var(--branco)!important;background:transparent!important}

/* 20/10/2026 · a Adriana gosta do bege e não do castanho: o castanho sai dos estados de rato e dos números */
a.mo-cartao:hover,a.fase:hover,.fase:hover{background:#EDE3D7!important;color:var(--preto)!important}
a.mo-cartao:hover h3,a.fase:hover h3,.fase:hover h3{color:var(--preto)!important}
a.mo-cartao:hover p,a.fase:hover p,.fase:hover .fase-d p,.fase:hover .fase-p{color:#55524C!important}
a.mo-cartao:hover .num,.fase:hover .fase-n,.fase:hover .fase-p b{color:var(--preto)!important}
.num,.mo-cartao .num,.fase-n,.numeral{color:#A8998A!important}
a.mo-cartao:hover .btn,a.fase:hover .btn{border-color:var(--preto)!important;color:var(--preto)!important}

/* 20/10/2026 · menos bege: cartões de texto em branco-pérola neutro; o bege fica só nas capas ilustradas e no rato */
.mo-cartao,.fase{background:#F6F5F3!important}
a.mo-cartao:hover,a.fase:hover,.fase:hover{background:#EFEAE4!important}
.capa,.ep{background:#F3EFEA!important}
.capa:hover,.ep:hover{background:#ECE5DC!important}

/* 21/10: o blush do CODE saiu; a Adriana prefere o bege em todo o site. Bloco antigo:
/* PROPOSTA 20/10: blush nude só na página do CODE (body.code); nas outras fica o bege (para voltar atrás: _antes-motion-2026-10-20/motion-antes-blush.css) * /
body.code .mo-cartao,body.code .fase,body.code .depo,body.code .faq details,body.code .garantia{background:#F8EFEC!important}
body.code a.mo-cartao:hover,body.code a.fase:hover,body.code .fase:hover{background:#F2E4DF!important}
body.code .capa,body.code .ep,body.code .yt-capa,body.code .fecho-bege{background:#F4E6E1!important}
body.code .capa:hover,body.code .item:hover .capa,body.code .ep:hover{background:#EEDBD4!important}
body.code .capa-arco{background:#FBF5F3!important}
body.code .capa-top i{background:#E3CFC8!important}
body.code .leitor-m:not([style*="url"]){background-color:#F4E6E1}

*/