:root{
	--teal:#0095BE; --blue:#003BC6; --yellow:#F9C138;
	--orange:#EE5027; --red:#DD3526; --cream:#F1F0E7; --black:#000;
	--maxw:1600px;
}
*{box-sizing:border-box;margin:0;padding:0}
/* Diodrum e a fonte do layout (comercial/ITF); usamos Mukta como lookalike livre */
body{font-family:'Mukta','Montserrat',sans-serif;background:var(--cream);color:#0d1b2a;line-height:1.5}
img{max-width:100%;display:block}

.holding{max-width:var(--maxw);margin:0 auto;
	display:flex;gap:84px;padding:0 16px 24px;align-items:stretch}

/* Hero: composicao da mao (com formas, no PNG) + textos */
.holding__hero{display:flex;align-items:end;gap:24px; padding-top: 56px;width: 100%;}
.holding__hand{display:block;flex:0 0 auto;max-width:350px}
.holding__hand img{width:100%;height:auto}
.holding__hand-mobile{display:none}
.holding__drops{display:none;}
.holding__intro{flex:1;padding-bottom: 24px;}
.holding__wordmark{display:block;width:min(430px,92%);margin-bottom:26px}
.holding__wordmark img{width:100%;height:auto}
.holding__heading{font-weight:700;text-transform:uppercase;color:#b7b4a5;
	font-size:28px;line-height:1.15;margin-bottom:24px}
.holding__body{font-size:15px;color:#b7b4a5}
.holding__body p:last-child{margin-bottom:0}
.holding__body p{margin-bottom:14px}

/* Painel teal (direita) */
.holding__panel{background:var(--teal);color:#f6f5ed;border-bottom-right-radius: 28px;border-bottom-left-radius: 28px;
	padding:40px 34px;display:flex;flex-direction:column;gap:20px;max-width:25%}
.holding__circle {display: none;}
.panel__hand {display: none;}
.panel__drops{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:#f6f5ed}
.panel__drops img{width:250px;height:auto}
.panel__drops span{font-weight:700;font-size:12px;letter-spacing:.04em}
.panel__content {display: flex;flex-direction: column;gap:8px;height: 100%;}
.panel__heading{font-weight:800;text-transform:uppercase;font-size:20px;margin-top: auto;}
.panel__text{font-size:14px;opacity:.95}
.panel__video{position:relative;background:var(--black);
	overflow:hidden;aspect-ratio:16/10;margin: 8px -34px 8px -76px;border-top-left-radius: 16px;border-bottom-left-radius: 16px;}
.panel__video video{width:100%;height:100%;object-fit:cover}
.panel__dev{font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.03em}
.panel__wordmark { display:none;}

/* Social */
.holding__social{list-style:none;display:flex;gap:14px;flex-wrap:wrap}
.holding__social li{display: block;}
.holding__social a{color:#f6f5ed;text-decoration:none;font-size:12px;font-weight:600;
	border:1px solid rgba(255,255,255,.5);padding:6px;display:block;border-radius:20px}
.holding__social a:hover{background:rgba(255,255,255,.15)}

/* Tablet */
@media (max-width:1024px){
	.panel__hand {position: relative;width: 100%;display: block;}
	.panel__hand::after {content: "";position: absolute;bottom: 0;left: 0;right: 0;background: var(--teal);border-top-left-radius: 100% 100%;border-top-right-radius: 100% 100%;height: 55%;}
	.panel__hand img {position: relative;z-index: 1;}
	.panel__content {padding: 8px 16px 36px;background: var(--teal);gap:0;border-bottom-right-radius: 28px;border-bottom-left-radius: 28px;}
	.panel__video {margin: 16px -16px;border-radius:16px;}
	.panel__dev {margin-bottom: 16px;}
	.panel__drops {display:none;}
	.holding{gap: 32px;}
	.holding__hand{display: none;}
	.holding__hero {order: 2;align-items: start;}
	.holding__panel{order: 1;padding: 40px 0 0;background: transparent;gap:0;max-width: 40%;}
	.holding__heading{font-weight:400;}
	.holding__drops{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:#f6f5ed;margin-bottom: 48px;}
	.holding__drops img{width:170px;height:auto}
	.holding__drops span{font-weight:700;font-size:12px;letter-spacing:.04em;color: var(--teal);}
	.holding__intro {padding-right: 16px;}
}

/* Mobile — fundo teal, empilhado (P3). Mao e wordmark trocam via <source> no <picture>. */
@media (max-width:600px){
	.holding{flex-direction:column;gap:0;padding: 0 32px 24px;}
	.holding__hero {order: 1;padding: 0;}
	.holding__panel{order: 2;max-width: 100%;padding:0;}
	.holding__intro {padding-right: 0;padding-bottom: 0;}
	.holding__heading {	color: #f6f5ed;padding: 36px 24px 0;text-align: center;font-size: 32px;}
	.holding__body { color: #f6f5ed;padding: 0 24px;text-align: center;font-size: 18px;	padding-bottom: 32px;}
	.holding__wordmark { max-width: 250px; margin: 0 auto;}
	.holding__drops {align-items: center;padding-top: 48px;}
	.holding__hand-mobile {display:block;position: relative;        margin-top: -130px;}
	.holding__hand-mobile::after {content: "";position: absolute;bottom: 0;left: 0;right: 0;background: var(--teal);border-top-left-radius: 100% 100%;border-top-right-radius: 100% 100%;height: 55%;}
	.holding__circle {margin-top: -50%;display:block;background: var(--teal);border-bottom-left-radius: 100% 100%;border-bottom-right-radius: 100% 100%;width: 100%;aspect-ratio: 1/1;}
	.holding__hand-mobile img {position: relative;z-index: 1;}
	.panel__hand {display: none;}
	.mobile-bg-teal {background: var(--teal);}
	.panel__heading {text-align: center;}
	.panel__text {text-align: center;}
	.panel__dev {text-align: center;}
	.holding__social {justify-content: center;}
	.panel__wordmark { display:block;display: block;margin: 24px auto;max-width: 250px; }
	.panel__video {border-radius:16px;}
}

/* Seletor de idiomas (bandeiras) acima do link do Drops — alinhado à direita */
.holding__langs{list-style:none;gap:8px;justify-content:flex-end;align-items:center;
	margin:0 0 10px;padding:0}
.holding__langs li{display:block}
.holding__langs a{display:block;line-height:0;opacity:.5;transition:opacity .15s ease}
.holding__langs a:hover,.holding__langs .current-lang > a{opacity:1}
.holding__langs img{display:block;width:22px!important;height:auto!important;border-radius:2px}
.holding__langs--intro{display:none}
.holding__langs--panel{display:flex}
@media (max-width:1024px){
	.holding__langs--intro{display:flex}
	.holding__langs--panel{display:none}
}