/* CRIE.PESSOAL.ART.03 | Direcao de arte editorial. Escopo restrito a /buscar sem termo e sem contexto. */
.cc-search-page.cc-personal-art {
  --art-ink:#102d38;--art-muted:#506771;--art-line:#d8e6e5;--art-mint:#b7f5db;--art-deep:#052e3d;
  box-sizing:border-box;max-width:1408px;padding:28px clamp(16px,3.1vw,46px) 62px;color:var(--art-ink);
}
.cc-personal-art *, .cc-personal-art *::before, .cc-personal-art *::after{box-sizing:border-box}
.cc-personal-art :is(a,button,input,summary):focus-visible{outline:3px solid #28b9c4;outline-offset:4px}
.cc-personal-art .ccpa-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;margin:-1px!important;border:0!important;padding:0!important}
.cc-personal-art .ccpa-kicker{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:11px;line-height:1.4;letter-spacing:.145em;color:#18798a;text-transform:uppercase}
.cc-personal-art .ccpa-kicker--light{color:#a8ebd7}
.cc-personal-art .ccpa-spark{width:9px;height:9px;border-radius:2px;transform:rotate(45deg);background:#a8ebd7;box-shadow:0 0 16px rgba(168,235,215,.5)}
/* O painel de abertura usa uma imagem real como parte do argumento, nao um pequeno adorno. */
.cc-personal-art .ccpa-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(22px,3.3vw,44px);border:1px solid rgba(133,220,200,.3);border-radius:30px;background:radial-gradient(ellipse at 95% -10%,rgba(36,153,144,.24),transparent 50%),linear-gradient(127deg,#071f31 3%,#06384a 75%,#074554);color:#fff;box-shadow:0 30px 72px rgba(8,43,59,.13),0 4px 14px rgba(4,40,54,.08)}
.cc-personal-art .ccpa-hero::before{position:absolute;content:"";pointer-events:none;inset:0;z-index:-1;opacity:.19;background-image:radial-gradient(rgba(155,229,223,.7) .8px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(90deg,transparent 30%,#000 100%)}
.cc-personal-art .ccpa-hero::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:620px;height:620px;right:-280px;top:-300px;border:1px solid rgba(157,234,221,.18);border-radius:50%;box-shadow:0 0 0 100px rgba(157,234,221,.016),0 0 0 200px rgba(157,234,221,.012)}
.cc-personal-art .ccpa-hero__opening{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(20px,3.2vw,48px);align-items:center}
.cc-personal-art .ccpa-hero__copy{min-width:0}
.cc-personal-art .ccpa-hero h1{margin:18px 0 17px;font-size:clamp(38px,4.45vw,70px);font-weight:850;line-height:1.055;letter-spacing:-.064em;color:#fff;text-wrap:balance}
.cc-personal-art .ccpa-hero h1 span{color:#a7f0da}
.cc-personal-art .ccpa-hero__copy>p{margin:0;max-width:46ch;color:#cee6eb;font-size:clamp(15px,1.22vw,19px);line-height:1.6}
.cc-personal-art .ccpa-hero__visual{position:relative;min-height:320px;height:100%;max-height:410px;overflow:hidden;border-radius:20px;border:1px solid rgba(222,252,243,.25);background:radial-gradient(circle at 58% 30%,rgba(135,237,205,.3),transparent 26%),linear-gradient(135deg,#1e766f,#103e58 70%);box-shadow:0 24px 42px rgba(0,18,29,.28)}
.cc-personal-art .ccpa-hero__visual img{display:block;width:100%;height:100%;min-height:320px;object-fit:cover;object-position:center center}
.cc-personal-art .ccpa-hero__visual::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(0deg,rgba(5,30,42,.94),rgba(5,30,42,0));pointer-events:none}
.cc-personal-art .ccpa-hero__visual-shine{position:absolute;z-index:1;width:240px;height:240px;right:-120px;top:-120px;border:1px solid rgba(255,255,255,.26);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,.045),0 0 0 96px rgba(255,255,255,.02);pointer-events:none}
.cc-personal-art .ccpa-hero__visual-caption{position:absolute;z-index:2;bottom:0;left:0;right:0;display:flex;flex-direction:column;gap:4px;padding:24px 24px 22px;color:#fff;font-size:17px;font-weight:800;line-height:1.25}
.cc-personal-art .ccpa-hero__visual-index{font-size:10px;letter-spacing:.14em;color:#b7f4de}
/* Busca como ferramenta unica, ampla e visualmente subordinada ao titulo. */
.cc-personal-art .ccpa-search{position:relative;z-index:3;margin:27px 0 0;padding:13px 14px 11px;border-radius:19px;background:#fff;box-shadow:0 15px 34px rgba(0,14,27,.21);color:#102d38}
.cc-personal-art .ccpa-search__modes{position:relative}
.cc-personal-art .ccpa-radio{position:absolute;width:1px;height:1px;opacity:0;clip-path:inset(50%);overflow:hidden}
.cc-personal-art .ccpa-search__tabs{display:flex;align-items:center;gap:5px;max-width:100%;padding-bottom:10px;border-bottom:1px solid #e3eded}
.cc-personal-art .ccpa-search__tabs label{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:8px 16px;border-radius:10px;color:#48616d;cursor:pointer;font-size:13px;font-weight:780;line-height:1.25;transition:background-color .15s,color .15s}
.cc-personal-art .ccpa-search__tabs label:hover{background:#f0f7f7;color:#143a47}
.cc-personal-art .ccpa-search__tab-num{color:#8ca4a9;font-size:10px;font-weight:850;letter-spacing:.06em}
.cc-personal-art #ccpa-source-crie:checked~.ccpa-search__tabs label[for=ccpa-source-crie],.cc-personal-art #ccpa-source-science:checked~.ccpa-search__tabs label[for=ccpa-source-science],.cc-personal-art #ccpa-source-opportunities:checked~.ccpa-search__tabs label[for=ccpa-source-opportunities]{background:#dff5ee;color:#064654;box-shadow:inset 0 0 0 1px #c1e8de}
.cc-personal-art #ccpa-source-crie:focus-visible~.ccpa-search__tabs label[for=ccpa-source-crie],.cc-personal-art #ccpa-source-science:focus-visible~.ccpa-search__tabs label[for=ccpa-source-science],.cc-personal-art #ccpa-source-opportunities:focus-visible~.ccpa-search__tabs label[for=ccpa-source-opportunities]{outline:3px solid #25a9bb;outline-offset:2px}
.cc-personal-art .ccpa-search__forms{margin-top:11px}
.cc-personal-art .ccpa-search__form{position:relative;display:flex;align-items:center;gap:9px;width:100%}
.cc-personal-art .ccpa-search__icon{flex:none;width:18px;height:18px;margin-left:15px;border:2px solid #52818d;border-radius:50%;position:relative}
.cc-personal-art .ccpa-search__icon::after{content:"";position:absolute;width:8px;height:2px;background:#52818d;right:-6px;bottom:-3px;transform:rotate(45deg);border-radius:2px}
.cc-personal-art .ccpa-search__form input[type=search]{flex:1;min-width:0;width:100%;height:54px;padding:9px 10px;border:0;background:transparent;color:#102d38;font-family:inherit;font-size:16px;outline:none}
.cc-personal-art .ccpa-search__form input::placeholder{color:#617d89;opacity:1}
.cc-personal-art .ccpa-search__form:focus-within{border-radius:12px;box-shadow:inset 0 0 0 2px rgba(21,162,170,.18)}
.cc-personal-art .ccpa-search__form button{flex:none;min-height:50px;padding:9px 22px;border:0;border-radius:11px;background:#a4efd6;color:#073f48;font-family:inherit;font-size:14px;font-weight:850;cursor:pointer;transition:background-color .15s,transform .15s}
.cc-personal-art .ccpa-search__form button:hover{background:#88dfc4;transform:translateY(-1px)}
.cc-personal-art .ccpa-search__form button span{margin-left:9px}
.cc-personal-art #ccpa-source-crie:checked~.ccpa-search__forms .ccpa-search__form:not(.ccpa-search__form--crie),.cc-personal-art #ccpa-source-science:checked~.ccpa-search__forms .ccpa-search__form:not(.ccpa-search__form--science),.cc-personal-art #ccpa-source-opportunities:checked~.ccpa-search__forms .ccpa-search__form:not(.ccpa-search__form--opportunities){display:none}
.cc-personal-art .ccpa-search__hint{display:none;margin:9px 7px 1px;color:#546f78;font-size:11px;line-height:1.5}
.cc-personal-art .ccpa-search__hint a{color:#0b6474;font-weight:800;text-underline-offset:3px}
.cc-personal-art #ccpa-source-crie:checked~.ccpa-search__hints .ccpa-search__hint--crie,.cc-personal-art #ccpa-source-science:checked~.ccpa-search__hints .ccpa-search__hint--science,.cc-personal-art #ccpa-source-opportunities:checked~.ccpa-search__hints .ccpa-search__hint--opportunities{display:block}
/* Seções editoriais: separacao pela respiracao, nao por mais caixas repetidas. */
.cc-personal-art .ccpa-section{margin-top:51px}
.cc-personal-art .ccpa-section__topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.cc-personal-art .ccpa-section__intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}
.cc-personal-art .ccpa-section__intro h2{max-width:20ch;margin:0;color:#102d3c;font-size:clamp(28px,3.1vw,43px);line-height:1.13;letter-spacing:-.051em;font-weight:850;text-wrap:balance}
.cc-personal-art .ccpa-section__intro p{max-width:36ch;margin:0 0 3px;color:var(--art-muted);font-size:14px;line-height:1.6}
.cc-personal-art .ccpa-text-link{display:inline-flex;align-items:center;gap:7px;color:#0d6775;text-decoration:none;font-size:13px;font-weight:800}
.cc-personal-art .ccpa-text-link:hover{text-decoration:underline;text-underline-offset:4px}
.cc-personal-art .ccpa-opportunities__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cc-personal-art .ccpa-opportunity{display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid var(--art-line);border-radius:22px;background:#fff;color:var(--art-ink);text-decoration:none;box-shadow:0 10px 26px rgba(27,71,78,.06);transition:transform .18s,border-color .18s,box-shadow .18s}
.cc-personal-art .ccpa-opportunity:hover{transform:translateY(-4px);border-color:#9acfc8;box-shadow:0 18px 34px rgba(27,71,78,.12)}
.cc-personal-art .ccpa-opportunity__media{position:relative;display:block;overflow:hidden;width:100%;aspect-ratio:16/9;background:radial-gradient(circle at 45% 30%,#68b79d,#184f5c 74%)}
.cc-personal-art .ccpa-opportunity__media--research{background:linear-gradient(125deg,#946c49,#284a58)}
.cc-personal-art .ccpa-opportunity__media--work{background:linear-gradient(130deg,#7d9c76,#12536a)}
.cc-personal-art .ccpa-opportunity__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.cc-personal-art .ccpa-opportunity:hover .ccpa-opportunity__media img{transform:scale(1.035)}
.cc-personal-art .ccpa-opportunity__media::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(0deg,rgba(0,24,31,.48),transparent);pointer-events:none}
.cc-personal-art .ccpa-opportunity__tag{position:absolute;z-index:1;bottom:15px;left:16px;border:1px solid rgba(255,255,255,.5);padding:6px 10px;border-radius:7px;background:rgba(5,35,43,.77);color:#fff;font-size:10px;font-weight:850;letter-spacing:.11em}
.cc-personal-art .ccpa-opportunity__body{display:flex;flex:1;flex-direction:column;align-items:start;gap:8px;padding:20px 22px 22px}
.cc-personal-art .ccpa-opportunity__number{color:#6d8b90;font-size:10px;font-weight:850;letter-spacing:.1em}
.cc-personal-art .ccpa-opportunity__body strong{font-size:clamp(19px,1.7vw,23px);line-height:1.2;letter-spacing:-.026em;color:#102d3b}
.cc-personal-art .ccpa-opportunity__body>span:not(.ccpa-opportunity__number){color:#57707b;font-size:13px;line-height:1.5}
.cc-personal-art .ccpa-opportunity__body em{margin-top:auto;padding-top:12px;color:#08718a;font-size:13px;font-weight:850;font-style:normal}
.cc-personal-art .ccpa-opportunities__note{margin:15px 0 0;color:#677d85;font-size:12px;line-height:1.5}
/* Um bloco visual de criacao e um convite de continuidade, cada um com personalidade. */
.cc-personal-art .ccpa-actions{margin-top:59px}
.cc-personal-art .ccpa-section__intro--compact{margin-bottom:22px}
.cc-personal-art .ccpa-actions__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:20px}
.cc-personal-art .ccpa-actions__create,.cc-personal-art .ccpa-actions__continue{position:relative;display:flex;flex-direction:column;min-width:0;min-height:315px;overflow:hidden;border-radius:24px;text-decoration:none;transition:transform .18s,box-shadow .18s}
.cc-personal-art .ccpa-actions__create{background:radial-gradient(circle at 75% 20%,#328b7a,#123c4a);box-shadow:0 14px 31px rgba(9,54,61,.12);color:#fff}
.cc-personal-art .ccpa-actions__create-art{position:absolute;inset:0;overflow:hidden}
.cc-personal-art .ccpa-actions__create-art img{display:block;width:100%;height:100%;object-fit:cover}
.cc-personal-art .ccpa-actions__create-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,29,39,.78),rgba(4,29,39,.18) 88%),linear-gradient(0deg,rgba(4,29,39,.45),transparent 58%)}
.cc-personal-art .ccpa-actions__create-content{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:11px;width:min(470px,100%);padding:clamp(25px,3vw,40px)}
.cc-personal-art .ccpa-actions__meta{font-size:10px;letter-spacing:.13em;font-weight:850}
.cc-personal-art .ccpa-actions__create-content .ccpa-actions__meta{color:#b9f6de}
.cc-personal-art .ccpa-actions__create-content strong{max-width:15ch;font-size:clamp(27px,2.8vw,40px);line-height:1.08;letter-spacing:-.044em}
.cc-personal-art .ccpa-actions__create-content>span:not(.ccpa-actions__meta){max-width:36ch;color:#eaf6f4;font-size:14px;line-height:1.5}
.cc-personal-art .ccpa-actions__create-content em{display:inline-flex;align-items:center;gap:12px;margin-top:8px;padding:12px 18px;border-radius:11px;background:#b9f5dc;color:#063c43;font-weight:850;font-size:13px;font-style:normal}
.cc-personal-art .ccpa-actions__continue{background:#e7f6f2;border:1px solid #cbe6df;color:#103a44}
.cc-personal-art .ccpa-actions__continue-image{position:relative;display:block;width:100%;height:154px;overflow:hidden;background:linear-gradient(130deg,#bce5cf,#366d72)}
.cc-personal-art .ccpa-actions__continue-image img{display:block;width:100%;height:100%;object-fit:cover}
.cc-personal-art .ccpa-actions__continue-content{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:10px;padding:22px 25px 24px}
.cc-personal-art .ccpa-actions__continue-content .ccpa-actions__meta{color:#29787d}
.cc-personal-art .ccpa-actions__continue-content strong{font-size:clamp(22px,2vw,28px);line-height:1.17;letter-spacing:-.035em;color:#0e3641}
.cc-personal-art .ccpa-actions__continue-content>span:not(.ccpa-actions__meta){max-width:40ch;color:#496673;font-size:13px;line-height:1.5}
.cc-personal-art .ccpa-actions__continue-content em{margin-top:auto;padding-top:8px;color:#0b6575;font-size:13px;font-weight:850;font-style:normal}
.cc-personal-art .ccpa-actions__create:hover,.cc-personal-art .ccpa-actions__continue:hover{transform:translateY(-3px);box-shadow:0 20px 34px rgba(15,68,71,.13)}
.cc-personal-art .ccpa-bottom{display:flex;flex-direction:column;gap:17px;margin-top:30px;padding-top:23px;border-top:1px solid #dceae8}
.cc-personal-art .ccpa-bottom__more{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px}
.cc-personal-art .ccpa-bottom__more>span{color:#6a878d;font-size:11px;font-weight:850;letter-spacing:.11em}
.cc-personal-art .ccpa-bottom__more a{color:#0d6170;text-decoration:none;font-size:13px;font-weight:750}
.cc-personal-art .ccpa-bottom__more a:hover{text-decoration:underline;text-underline-offset:4px}
.cc-personal-art .ccpa-bottom__details{align-self:flex-start;color:#57727a;font-size:12px;line-height:1.6}
.cc-personal-art .ccpa-bottom__details summary{color:#436973;cursor:pointer;font-weight:750}
.cc-personal-art .ccpa-bottom__details p{max-width:90ch;margin:9px 0 0}
@media(max-width:980px){.cc-personal-art .ccpa-hero__opening{grid-template-columns:minmax(0,1fr) minmax(0,.75fr)}.cc-personal-art .ccpa-hero h1{font-size:clamp(34px,4.7vw,57px)}.cc-personal-art .ccpa-hero__visual{min-height:290px}.cc-personal-art .ccpa-hero__visual img{min-height:290px}.cc-personal-art .ccpa-section__intro{display:block}.cc-personal-art .ccpa-section__intro p{margin-top:12px;max-width:60ch}}
@media(max-width:760px){.cc-search-page.cc-personal-art{padding:17px 16px 55px}.cc-personal-art .ccpa-hero{padding:24px;border-radius:25px}.cc-personal-art .ccpa-hero__opening{grid-template-columns:1fr;gap:22px}.cc-personal-art .ccpa-hero h1{max-width:15ch;font-size:clamp(34px,7vw,52px)}.cc-personal-art .ccpa-hero__visual{height:230px;min-height:230px;max-height:none}.cc-personal-art .ccpa-hero__visual img{min-height:230px}.cc-personal-art .ccpa-hero__visual-caption{padding:18px}.cc-personal-art .ccpa-search{margin-top:20px}.cc-personal-art .ccpa-opportunities__grid{grid-template-columns:1fr 1fr}.cc-personal-art .ccpa-actions__grid{grid-template-columns:1fr}.cc-personal-art .ccpa-actions__create{min-height:310px}.cc-personal-art .ccpa-actions__continue{min-height:0}.cc-personal-art .ccpa-actions__continue-image{height:175px}.cc-personal-art .ccpa-actions{margin-top:46px}}
@media(max-width:570px){.cc-personal-art .ccpa-hero{padding:20px 17px}.cc-personal-art .ccpa-hero h1{font-size:clamp(31px,8vw,43px);margin:14px 0}.cc-personal-art .ccpa-hero__copy>p{font-size:15px}.cc-personal-art .ccpa-hero__visual{height:180px;min-height:180px}.cc-personal-art .ccpa-hero__visual img{min-height:180px}.cc-personal-art .ccpa-hero__visual-caption{font-size:14px}.cc-personal-art .ccpa-search{padding:9px;border-radius:15px}.cc-personal-art .ccpa-search__tabs{gap:2px}.cc-personal-art .ccpa-search__tabs label{flex:1;min-width:0;padding:9px 4px;font-size:11px;text-align:center;line-height:1.25}.cc-personal-art .ccpa-search__tab-num{display:none}.cc-personal-art .ccpa-search__form{gap:3px;flex-wrap:wrap}.cc-personal-art .ccpa-search__icon{margin-left:9px;width:15px;height:15px}.cc-personal-art .ccpa-search__form input[type=search]{font-size:15px;height:47px}.cc-personal-art .ccpa-search__form button{width:100%;min-height:43px}.cc-personal-art .ccpa-opportunities__grid{grid-template-columns:1fr}.cc-personal-art .ccpa-opportunity{display:grid;grid-template-columns:42% 58%;min-height:152px}.cc-personal-art .ccpa-opportunity__media{aspect-ratio:auto;min-height:152px;height:100%}.cc-personal-art .ccpa-opportunity__body{padding:17px 16px}.cc-personal-art .ccpa-opportunity__body strong{font-size:19px}.cc-personal-art .ccpa-opportunity__body>span:not(.ccpa-opportunity__number){font-size:12px}.cc-personal-art .ccpa-opportunity__tag{bottom:10px;left:8px;font-size:8px}.cc-personal-art .ccpa-section{margin-top:38px}.cc-personal-art .ccpa-section__intro h2{font-size:30px}.cc-personal-art .ccpa-actions__create-content{padding:24px}.cc-personal-art .ccpa-bottom__more{align-items:flex-start;flex-direction:column;gap:11px}}
@media(max-width:360px){.cc-personal-art .ccpa-opportunity{grid-template-columns:38% 62%}.cc-personal-art .ccpa-opportunity__body{padding:14px 12px}.cc-personal-art .ccpa-search__tabs label{font-size:10px}}
@media(prefers-reduced-motion:reduce){.cc-personal-art :is(.ccpa-opportunity,.ccpa-actions__create,.ccpa-actions__continue,.ccpa-opportunity__media img,.ccpa-search__form button){transition:none!important;transform:none!important}}
