/* ===========================================================
   IGLAN SALON KIT · Estilos dos shortcodes
   =========================================================== */

:root {
	--iglan-ink: #0a0a0a;
	--iglan-paper: #faf8f5;
	--iglan-bone: #e8e0d5;
}

/* HERO ----------------------------------------------------- */
.iglan-sc-hero {
	background-color: var(--iglan-ink);
	background-size: cover;
	background-position: center;
	color: var(--iglan-paper);
	padding: clamp(80px, 12vw, 160px) clamp(20px, 4vw, 60px);
	display: flex; align-items: flex-end;
	min-height: 90vh;
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid var(--iglan-paper);
}
.iglan-sc-hero__inner {
	max-width: 1280px; margin: 0 auto; width: 100%;
	display: flex; flex-direction: column; gap: 22px;
}
.iglan-sc-hero--center .iglan-sc-hero__inner { align-items: center; text-align: center; }
.iglan-sc-hero--right .iglan-sc-hero__inner { align-items: flex-end; text-align: right; }
.iglan-sc-hero__title {
	font-family: var(--iglan-font-display, 'Bodoni Moda', serif);
	font-size: clamp(48px, 7.5vw, 130px);
	line-height: 0.95;
	letter-spacing: -0.04em;
	font-weight: 400;
	margin: 0;
}
.iglan-sc-hero__title em { font-style: italic; }
.iglan-sc-hero__lede {
	font-family: var(--iglan-font-serif, 'Cormorant Garamond', serif);
	font-style: italic;
	font-size: clamp(18px, 1.8vw, 26px);
	line-height: 1.5;
	max-width: 720px;
	opacity: 0.9;
	margin: 0;
}

/* SPLIT ---------------------------------------------------- */
.iglan-sc-split {
	padding: clamp(60px, 9vw, 120px) clamp(20px, 4vw, 60px);
}
.iglan-sc-split--bg-bone { background: var(--iglan-bone); }
.iglan-sc-split--bg-ink { background: var(--iglan-ink); color: var(--iglan-paper); }
.iglan-sc-split__inner {
	max-width: 1280px; margin: 0 auto;
	display: grid; grid-template-columns: 1fr 1fr; gap: clamp(30px, 5vw, 80px);
	align-items: center;
}
.iglan-sc-split--reverse .iglan-sc-split__media { order: 2; }
.iglan-sc-split--reverse .iglan-sc-split__body { order: 1; }
.iglan-sc-split__media {
	aspect-ratio: 4/5;
	overflow: hidden;
	background: var(--iglan-paper);
	border: 1px solid rgba(10,10,10,0.18);
	position: relative;
}
.iglan-sc-split__media img { width: 100%; height: 100%; object-fit: cover; filter: contrast(1.05); }
.iglan-sc-split__placeholder {
	position: absolute; inset: 0;
	display: flex; align-items: center; justify-content: center;
	font-family: var(--iglan-font-display, 'Bodoni Moda', serif);
	font-size: 80px; opacity: .25;
}
.iglan-sc-split__placeholder em { font-style: italic; }
.iglan-sc-split__body { display: flex; flex-direction: column; gap: 18px; }
.iglan-sc-split__title {
	font-family: var(--iglan-font-display, 'Bodoni Moda', serif);
	font-size: clamp(32px, 4.5vw, 64px);
	line-height: 1.02;
	letter-spacing: -0.03em;
	font-weight: 400;
	margin: 0;
}
.iglan-sc-split__title em { font-style: italic; }
.iglan-sc-split__text {
	font-family: var(--iglan-font-serif, 'Cormorant Garamond', serif);
	font-style: italic;
	font-size: 19px;
	line-height: 1.65;
	opacity: 0.88;
}
.iglan-sc-split__text p { margin: 0 0 1em; }
.iglan-sc-split .iglan-btn { width: max-content; margin-top: 8px; }

/* SERVICES ------------------------------------------------- */
.iglan-sc-services {
	padding: clamp(80px, 12vw, 140px) clamp(20px, 4vw, 60px);
}
.iglan-sc-services--bg-bone { background: var(--iglan-bone); }
.iglan-sc-services--bg-paper { background: var(--iglan-paper); }
.iglan-sc-services--bg-ink { background: var(--iglan-ink); color: var(--iglan-paper); }
.iglan-sc-services__inner { max-width: 1280px; margin: 0 auto; }
.iglan-sc-services__head {
	display: flex; flex-direction: column; gap: 14px;
	max-width: 800px;
	margin-bottom: 60px;
}
.iglan-sc-services__title {
	font-family: var(--iglan-font-display, 'Bodoni Moda', serif);
	font-size: clamp(36px, 5vw, 72px);
	line-height: 1;
	letter-spacing: -0.03em;
	font-weight: 400;
	margin: 0;
}
.iglan-sc-services__title em { font-style: italic; }
.iglan-sc-services__lede {
	font-family: var(--iglan-font-serif, 'Cormorant Garamond', serif);
	font-style: italic;
	font-size: 20px;
	line-height: 1.55;
}
.iglan-sc-services__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}
.iglan-sc-services__grid[data-cols="2"] { grid-template-columns: repeat(2, 1fr); }
.iglan-sc-services__grid[data-cols="4"] { grid-template-columns: repeat(4, 1fr); }
.iglan-sc-service__link { display: flex; flex-direction: column; gap: 16px; height: 100%; }
.iglan-sc-service__media {
	aspect-ratio: 4/5;
	overflow: hidden;
	background: var(--iglan-paper);
	border: 1px solid rgba(10,10,10,0.18);
	position: relative;
}
.iglan-sc-service__media img { width: 100%; height: 100%; object-fit: cover; filter: contrast(1.05); transition: transform .8s ease; }
.iglan-sc-service:hover .iglan-sc-service__media img { transform: scale(1.04); }
.iglan-sc-service__ph {
	position: absolute; inset: 0;
	display: flex; align-items: center; justify-content: center;
	font-family: var(--iglan-font-display, serif); font-size: 56px; opacity: .25;
}
.iglan-sc-service__title {
	font-family: var(--iglan-font-display, 'Bodoni Moda', serif);
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -0.02em;
	margin: 0;
}
.iglan-sc-service__excerpt {
	font-family: var(--iglan-font-serif, 'Cormorant Garamond', serif);
	font-style: italic;
	font-size: 16px;
	line-height: 1.55;
	margin: 6px 0 0;
	opacity: 0.85;
}
.iglan-sc-service__meta {
	display: flex; align-items: center; gap: 8px;
	font-family: var(--iglan-font-display, serif);
	font-style: italic;
	font-size: 15px;
	margin-top: auto;
	padding-top: 8px;
	opacity: 0.85;
}
.iglan-sc-service__meta .sep { opacity: 0.5; }

/* QUOTE ---------------------------------------------------- */
.iglan-sc-quote {
	padding: clamp(80px, 12vw, 140px) clamp(20px, 4vw, 60px);
	background: var(--iglan-paper);
}
.iglan-sc-quote--bg-bone { background: var(--iglan-bone); }
.iglan-sc-quote--bg-ink { background: var(--iglan-ink); color: var(--iglan-paper); }
.iglan-sc-quote__inner {
	max-width: 880px; margin: 0 auto;
	text-align: center;
	display: flex; flex-direction: column; align-items: center; gap: 24px;
	border: 0;
}
.iglan-sc-quote__text {
	font-family: var(--iglan-font-display, 'Bodoni Moda', serif);
	font-style: italic;
	font-size: clamp(28px, 4vw, 56px);
	line-height: 1.15;
	letter-spacing: -0.02em;
	margin: 0;
}
.iglan-sc-quote__author {
	font-family: var(--iglan-font-body, sans-serif);
	font-size: 11px;
	letter-spacing: .35em;
	text-transform: uppercase;
	font-style: normal;
	opacity: .7;
}

/* GRID ----------------------------------------------------- */
.iglan-sc-grid {
	padding: clamp(60px, 9vw, 120px) clamp(20px, 4vw, 60px);
}
.iglan-sc-grid__head {
	max-width: 1280px; margin: 0 auto 40px;
	display: flex; flex-direction: column; gap: 12px;
}
.iglan-sc-grid__title {
	font-family: var(--iglan-font-display, 'Bodoni Moda', serif);
	font-size: clamp(32px, 4.5vw, 56px);
	letter-spacing: -0.03em;
	font-weight: 400;
	margin: 0;
}
.iglan-sc-grid__title em { font-style: italic; }
.iglan-sc-grid__list {
	max-width: 1280px; margin: 0 auto;
}

/* CTA ------------------------------------------------------ */
.iglan-sc-cta {
	padding: clamp(80px, 12vw, 140px) clamp(20px, 4vw, 60px);
	background: var(--iglan-ink);
	color: var(--iglan-paper);
	text-align: center;
}
.iglan-sc-cta--bg-bone { background: var(--iglan-bone); color: var(--iglan-ink); }
.iglan-sc-cta--bg-paper { background: var(--iglan-paper); color: var(--iglan-ink); }
.iglan-sc-cta__inner {
	max-width: 880px; margin: 0 auto;
	display: flex; flex-direction: column; align-items: center; gap: 22px;
}
.iglan-sc-cta__title {
	font-family: var(--iglan-font-display, 'Bodoni Moda', serif);
	font-size: clamp(36px, 6vw, 96px);
	line-height: 1;
	letter-spacing: -0.03em;
	font-weight: 400;
	margin: 0;
}
.iglan-sc-cta__title em { font-style: italic; }
.iglan-sc-cta__text {
	font-family: var(--iglan-font-serif, 'Cormorant Garamond', serif);
	font-style: italic;
	font-size: clamp(18px, 1.8vw, 24px);
	line-height: 1.55;
	max-width: 640px;
	margin: 0;
	opacity: 0.88;
}

/* MARQUEE -------------------------------------------------- */
.iglan-sc-marquee {
	overflow: hidden;
	background: var(--iglan-ink);
	color: var(--iglan-paper);
	padding: 22px 0;
	border-top: 1px solid rgba(250,248,245,0.15);
	border-bottom: 1px solid rgba(250,248,245,0.15);
}
.iglan-sc-marquee--bg-paper { background: var(--iglan-paper); color: var(--iglan-ink); border-color: rgba(10,10,10,0.15); }
.iglan-sc-marquee--bg-bone { background: var(--iglan-bone); color: var(--iglan-ink); border-color: rgba(10,10,10,0.15); }
.iglan-sc-marquee__track {
	display: flex; gap: 60px;
	white-space: nowrap;
	animation: iglan-marquee 40s linear infinite;
	font-family: var(--iglan-font-display, 'Bodoni Moda', serif);
	font-size: clamp(28px, 4vw, 64px);
	letter-spacing: -0.02em;
	font-weight: 400;
}
.iglan-sc-marquee__track em { font-style: italic; }
.iglan-sc-marquee__track span { padding-right: 60px; }
@keyframes iglan-marquee {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

/* LOGO BLOCK ----------------------------------------------- */
.iglan-sc-logo {
	display: inline-flex; flex-direction: column; align-items: center;
	line-height: 0.85;
	font-size: var(--iglan-logo-size, 120px);
}
.iglan-sc-logo__word {
	font-family: var(--iglan-font-display, 'Bodoni Moda', serif);
	font-size: 1em;
	letter-spacing: -0.04em;
}
.iglan-sc-logo__word em { font-style: italic; }
.iglan-sc-logo__sub {
	font-family: var(--iglan-font-body, 'Jost', sans-serif);
	font-size: 0.08em;
	letter-spacing: 0.6em;
	text-transform: uppercase;
	opacity: 0.65;
	margin-top: 0.06em;
}

/* RESPONSIVE ----------------------------------------------- */
@media (max-width: 1100px) {
	.iglan-sc-services__grid { grid-template-columns: repeat(2, 1fr) !important; }
	.iglan-sc-split__inner { grid-template-columns: 1fr; }
	.iglan-sc-split--reverse .iglan-sc-split__media { order: 1; }
	.iglan-sc-split--reverse .iglan-sc-split__body { order: 2; }
}
@media (max-width: 640px) {
	.iglan-sc-services__grid { grid-template-columns: 1fr !important; }
}
