/* ==========================================================================
   Dama – About & Contact page templates. Uses tokens from dama-brand.css.
   ========================================================================== */

.dama-page{ color:var(--dm-text); font-size:15px; line-height:1.65; }
.dama-page .container{ padding-left:var(--dm-gutter); padding-right:var(--dm-gutter); }
.dama-page h1, .dama-page h2, .dama-page h3{ color:var(--dm-ink); margin:0; }
.dama-page p{ margin:0 0 14px; }
.dama-page img{ display:block; max-width:100%; height:auto; }
/* GoStore bullets every content list; these lists are layout, not prose */
.dama-page ul,
.dama-page ul li{ list-style:none; margin-left:0; }
.dama-page ul li::marker{ content:none; }
.dama-page ul > li::before{ content:none; }
.dama-page ul > li{ padding:0; float:none; width:auto; border:0; }
.dama-page .dp-checks > li{ padding-left:30px; }
.dama-page .dp-checks > li::before{ content:"\e64c"; }

.dp-eyebrow{
	display:inline-flex;
	align-items:center;
	gap:8px;
	font-size:12px;
	font-weight:600;
	letter-spacing:.12em;
	text-transform:uppercase;
	color:var(--dm-purple);
	margin-bottom:10px;
}
.dp-eyebrow::before{
	content:"";
	width:22px;
	height:3px;
	border-radius:3px;
	background:linear-gradient(90deg, var(--dm-purple), var(--dm-red));
}
.dp-muted{ color:var(--dm-muted); }

/* ---------- Buttons & links ---------- */
.dp-actions{ display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.dp-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	min-height:48px;
	padding:12px 22px;
	border-radius:999px;
	border:1.5px solid transparent;
	font-size:15px;
	font-weight:600;
	line-height:1.2;
	text-decoration:none !important;
	cursor:pointer;
	transition:background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .15s ease;
}
.dama-page .dp-btn{ text-transform:none; letter-spacing:0; }
.dp-btn i{ font-size:16px; }
.dp-btn:active{ transform:translateY(1px); }
.dp-btn--primary{ background:var(--dm-purple); color:#fff !important; box-shadow:var(--dm-shadow-sm); }
.dp-btn--primary:hover{ background:var(--dm-purple-dark); box-shadow:var(--dm-shadow-lg); }
.dp-btn--ghost{ background:transparent; border-color:var(--dm-line-strong); color:var(--dm-ink) !important; }
.dp-btn--ghost:hover{ border-color:var(--dm-purple); color:var(--dm-purple) !important; }
.dp-btn--whatsapp{ background:var(--dm-green); color:#fff !important; }
.dp-btn--whatsapp:hover{ filter:brightness(.92); box-shadow:0 10px 22px -10px var(--dm-green); }
.dp-btn--light{ background:#fff; color:var(--dm-purple-dark) !important; }
.dp-btn--light:hover{ background:var(--dm-purple-tint); }
.dp-btn--block{ width:100%; }

.dp-link{
	display:inline-flex;
	align-items:center;
	gap:6px;
	font-weight:600;
	color:var(--dm-purple);
	text-decoration:none !important;
}
.dp-link::after{ content:"\e628"; font-family:themify; font-size:11px; transition:transform .2s ease; }
.dp-link:hover{ color:var(--dm-red); }
.dp-link:hover::after{ transform:translateX(3px); }

/* ---------- Hero ---------- */
.dp-hero{
	position:relative;
	overflow:hidden;
	padding:36px 0 44px;
	background:
		radial-gradient(900px 420px at 100% 0%, rgba(102,44,145,.14), transparent 60%),
		radial-gradient(600px 300px at 0% 100%, rgba(189,30,44,.07), transparent 60%),
		var(--dm-surface);
}
.dp-hero__grid{ display:grid; gap:32px; align-items:center; }
.dp-hero__title{
	font-size:clamp(28px, 6.4vw, 46px);
	font-weight:700;
	line-height:1.12;
	letter-spacing:-.01em;
}
.dp-hero__lead{ margin-top:14px !important; font-size:16px; max-width:620px; color:var(--dm-text); }
.dp-hero--compact{ padding:32px 0 92px; }
.dp-hero--compact .dp-hero__lead{ max-width:680px; }

.dp-hero__media{ position:relative; }
.dp-photo{ margin:0; border-radius:var(--dm-radius-lg); overflow:hidden; box-shadow:var(--dm-shadow-lg); background:#fff; }
.dp-photo img{ width:100%; aspect-ratio:4 / 3; object-fit:cover; object-position:center 30%; }
.dp-badge{
	position:absolute;
	left:-6px;
	bottom:-18px;
	display:flex;
	align-items:center;
	gap:10px;
	padding:12px 16px;
	background:#fff;
	border-radius:var(--dm-radius);
	box-shadow:var(--dm-shadow-lg);
}
.dp-badge strong{ font-size:28px; line-height:1; color:var(--dm-red); }
.dp-badge span{ font-size:13px; line-height:1.25; color:var(--dm-ink); font-weight:500; max-width:90px; }

/* ---------- Stats ---------- */
.dp-stats{ background:linear-gradient(110deg, var(--dm-purple-deep) 0%, var(--dm-purple-dark) 55%, var(--dm-purple) 100%); }
.dp-stats__list{
	list-style:none;
	margin:0;
	padding:26px 0;
	display:grid;
	grid-template-columns:repeat(2, minmax(0,1fr));
	gap:22px 16px;
}
.dp-stats__list li{ display:flex; flex-direction:column; gap:4px; }
.dp-stats__list strong{ font-size:30px; line-height:1; font-weight:700; color:#fff; }
.dp-stats__list span{ font-size:13px; line-height:1.35; color:#d9cbe7; }

/* ---------- Sections ---------- */
.dp-section{ padding:52px 0; }
.dp-section--tint{ background:var(--dm-surface); }
.dp-section--flush{ padding-top:0; }
.dp-section__head{ margin-bottom:26px; max-width:680px; }
.dp-section__head--center{ text-align:center; margin-left:auto; margin-right:auto; }
.dp-section__head--center .dp-eyebrow{ justify-content:center; }
.dp-section__title{ font-size:clamp(22px, 4.6vw, 32px); font-weight:700; line-height:1.2; }

/* feature cards */
.dp-cards{ display:grid; gap:14px; }
.dp-card{
	background:#fff;
	border:1px solid var(--dm-line);
	border-radius:var(--dm-radius-lg);
	padding:22px;
	transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.dp-card:hover{ transform:translateY(-3px); box-shadow:var(--dm-shadow); border-color:#e2d5ee; }
.dp-card h3{ font-size:18px; font-weight:600; margin:14px 0 8px; }
.dp-card p{ font-size:14.5px; }
.dp-card__icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:48px;
	height:48px;
	border-radius:14px;
	font-size:20px;
}
.dp-card__icon--purple{ background:var(--dm-purple-tint); color:var(--dm-purple); }
.dp-card__icon--red{ background:var(--dm-red-tint); color:var(--dm-red); }
.dp-card__icon--green{ background:var(--dm-green-tint); color:var(--dm-green); }
.dp-card__icon--ink{ background:#efedf2; color:var(--dm-ink); }

/* split: video + text */
.dp-split{ display:grid; gap:30px; align-items:center; }
.dp-video{
	position:relative;
	aspect-ratio:16 / 9;
	border-radius:var(--dm-radius-lg);
	overflow:hidden;
	background:var(--dm-purple-deep);
	box-shadow:var(--dm-shadow-lg);
}
.dp-video iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.dp-checks{ list-style:none; margin:18px 0 0; padding:0; display:grid; gap:10px; }
.dp-checks li{ position:relative; padding-left:30px; color:var(--dm-ink); font-weight:500; }
.dp-checks li::before{
	content:"\e64c"; /* ti-check */
	font-family:themify;
	position:absolute;
	left:0;
	top:2px;
	width:20px;
	height:20px;
	border-radius:50%;
	background:var(--dm-green-tint);
	color:var(--dm-green);
	font-size:10px;
	display:flex;
	align-items:center;
	justify-content:center;
}

/* brands */
.dp-brands{
	list-style:none;
	margin:0;
	padding:0;
	display:grid;
	grid-template-columns:repeat(2, minmax(0,1fr));
	gap:10px;
}
.dp-brands a{
	display:flex;
	flex-direction:column;
	gap:2px;
	padding:14px 16px;
	background:#fff;
	border:1px solid var(--dm-line);
	border-radius:var(--dm-radius);
	text-decoration:none !important;
	transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.dp-brands a:hover{ border-color:var(--dm-purple); box-shadow:var(--dm-shadow); transform:translateY(-2px); }
.dp-brands__name{ color:var(--dm-ink); font-weight:600; font-size:15px; }
.dp-brands__count{ color:var(--dm-muted); font-size:12.5px; }

/* CTA */
.dp-cta{
	display:grid;
	overflow:hidden;
	border-radius:var(--dm-radius-lg);
	background:linear-gradient(120deg, var(--dm-purple-deep) 0%, var(--dm-purple) 100%);
	box-shadow:var(--dm-shadow-lg);
}
.dp-cta__text{ padding:30px 24px; }
.dp-cta__text h2{ color:#fff !important; font-size:clamp(22px, 4.6vw, 30px); font-weight:700; line-height:1.2; }
.dp-cta__text p{ color:#d9cbe7; margin-top:10px !important; }
.dp-cta__media{ margin:0; min-height:220px; }
.dp-cta__media img{ width:100%; height:100%; object-fit:cover; max-height:320px; }

/* ---------- Contact ---------- */
.dp-quick{ margin-top:-64px; position:relative; z-index:1; }
.dp-quick__grid{ display:grid; gap:12px; }
.dp-quick__card{
	background:#fff;
	border:1px solid var(--dm-line);
	border-radius:var(--dm-radius-lg);
	padding:20px;
	box-shadow:var(--dm-shadow);
}
.dp-quick__card h2{ font-size:17px; font-weight:600; margin:12px 0 6px; }
.dp-quick__card p{ font-size:14px; margin-bottom:10px; }
.dp-plain{ list-style:none; margin:0; padding:0; display:grid; gap:4px; }
.dp-plain a{ font-weight:600; color:var(--dm-ink); font-size:15.5px; text-decoration:none; }
.dp-plain a:hover{ color:var(--dm-purple); }
.dp-plain .dp-muted{ display:inline-block; min-width:52px; font-size:13px; }

.dp-contact-grid{ display:grid; gap:20px; align-items:start; }
.dp-panel{
	background:#fff;
	border:1px solid var(--dm-line);
	border-radius:var(--dm-radius-lg);
	padding:24px 20px;
}
.dp-panel > h2{ font-size:17px; font-weight:600; margin-bottom:14px; display:flex; align-items:center; gap:8px; }
.dp-panel--dark{ background:linear-gradient(140deg, var(--dm-purple-deep), var(--dm-purple-dark)); border:0; }
.dp-panel--dark > h2{ color:#fff !important; }
.dp-side{ display:grid; gap:16px; }

.dp-form{ margin-top:18px; display:grid; gap:14px; }
.dp-form__row{ display:grid; gap:14px; }
.dp-field{ display:grid; gap:6px; margin:0; }
.dp-field span{ font-size:13px; font-weight:600; color:var(--dm-ink); }
.dama-page .dp-field input,
.dama-page .dp-field textarea{
	width:100%;
	padding:12px 14px;
	border:1.5px solid var(--dm-line-strong);
	border-radius:var(--dm-radius-sm);
	background:var(--dm-surface);
	color:var(--dm-ink);
	font-size:16px; /* no iOS zoom */
	line-height:1.4;
	transition:border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.dama-page .dp-field input:focus,
.dama-page .dp-field textarea:focus{
	outline:none;
	border-color:var(--dm-purple);
	background:#fff;
	box-shadow:0 0 0 4px rgba(102,44,145,.12);
}
.dama-page .dp-field textarea{ resize:vertical; min-height:110px; }

.dp-hours{ margin:0; display:grid; gap:10px; }
.dp-hours > div{
	display:flex;
	justify-content:space-between;
	gap:12px;
	padding-bottom:10px;
	border-bottom:1px solid rgba(255,255,255,.12);
}
.dp-hours > div:last-child{ border-bottom:0; padding-bottom:0; }
.dp-hours dt{ color:#d9cbe7; font-weight:400; }
.dp-hours dd{ margin:0; color:#fff; font-weight:600; text-align:right; }

.dp-socials{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px; }
.dp-socials a{
	display:flex;
	align-items:center;
	gap:10px;
	padding:10px 12px;
	border:1px solid var(--dm-line);
	border-radius:var(--dm-radius-sm);
	color:var(--dm-ink);
	font-weight:500;
	font-size:14px;
	text-decoration:none;
	transition:background-color .2s ease, color .2s ease, border-color .2s ease;
}
.dp-socials i{ width:18px; text-align:center; color:var(--dm-purple); transition:color .2s ease; }
.dp-socials a:hover{ background:var(--dm-purple); border-color:var(--dm-purple); color:#fff; }
.dp-socials a:hover i{ color:#fff; }

.dp-map{
	border-radius:var(--dm-radius-lg);
	overflow:hidden;
	border:1px solid var(--dm-line);
	box-shadow:var(--dm-shadow);
	background:var(--dm-surface);
	aspect-ratio:4 / 3;
}
.dp-map iframe{ display:block; width:100%; height:100%; border:0; }

/* branches */
.dp-branches{ display:grid; gap:14px; }
.dp-branch{
	display:flex;
	flex-direction:column;
	gap:12px;
	background:#fff;
	border:1px solid var(--dm-line);
	border-radius:var(--dm-radius-lg);
	padding:20px;
	transition:border-color .2s ease, box-shadow .2s ease;
}
.dp-branch:hover{ border-color:#e2d5ee; box-shadow:var(--dm-shadow); }
.dp-branch header{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.dp-branch h3{ font-size:17px; font-weight:600; }
.dp-tag{
	flex:0 0 auto;
	font-size:11px;
	font-weight:600;
	letter-spacing:.04em;
	text-transform:uppercase;
	padding:4px 8px;
	border-radius:999px;
	background:var(--dm-red-tint);
	color:var(--dm-red);
}
.dp-branch__addr{ display:flex; gap:8px; margin:0 !important; font-size:14px; line-height:1.5; }
.dp-branch__addr i{ color:var(--dm-purple); margin-top:4px; }
.dp-chips{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:6px; }
.dp-chips a{
	display:inline-block;
	padding:6px 10px;
	border-radius:999px;
	background:var(--dm-surface);
	border:1px solid var(--dm-line);
	color:var(--dm-ink);
	font-size:13px;
	font-weight:500;
	text-decoration:none;
	white-space:nowrap;
	transition:background-color .2s ease, color .2s ease, border-color .2s ease;
}
.dp-chips a:hover{ background:var(--dm-purple); border-color:var(--dm-purple); color:#fff; }
.dp-more summary{
	cursor:pointer;
	font-size:13px;
	font-weight:600;
	color:var(--dm-purple);
	list-style:none;
}
.dp-more summary::-webkit-details-marker{ display:none; }
.dp-more summary::after{ content:" +"; }
.dp-more[open] summary::after{ content:" –"; }
.dp-more .dp-chips{ margin-top:8px; }
.dp-branch__dir{ margin-top:auto; font-size:14px; }

/* ---------- Tablet ---------- */
@media (min-width:640px){
	.dp-stats__list{ grid-template-columns:repeat(4, minmax(0,1fr)); }
	.dp-brands{ grid-template-columns:repeat(3, minmax(0,1fr)); }
	.dp-quick__grid,
	.dp-cards,
	.dp-branches{ grid-template-columns:repeat(2, minmax(0,1fr)); }
	.dp-form__row{ grid-template-columns:repeat(2, minmax(0,1fr)); }
	.dp-map{ aspect-ratio:21 / 9; }
}

/* ---------- Desktop ---------- */
@media (min-width:1025px){
	.dama-page{ font-size:16px; }
	.dp-hero{ padding:64px 0 76px; }
	.dp-hero--compact{ padding:56px 0 120px; }
	.dp-hero__grid{ grid-template-columns:1.1fr .9fr; gap:56px; }
	.dp-photo--tilt{ transform:rotate(1.5deg); }
	.dp-badge{ left:-24px; bottom:-22px; }
	.dp-section{ padding:80px 0; }
	.dp-section--flush{ padding-top:0; }
	.dp-cards{ grid-template-columns:repeat(3, minmax(0,1fr)); gap:20px; }
	.dp-card{ padding:28px; }
	.dp-split{ grid-template-columns:1fr 1fr; gap:56px; }
	.dp-brands{ grid-template-columns:repeat(6, minmax(0,1fr)); }
	.dp-cta{ grid-template-columns:1.2fr .8fr; }
	.dp-cta__text{ padding:48px 44px; align-self:center; }
	.dp-cta__media img{ max-height:none; }
	.dp-quick{ margin-top:-84px; }
	.dp-quick__grid{ grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:16px; }
	.dp-contact-grid{ grid-template-columns:1.5fr 1fr; gap:28px; }
	.dp-panel{ padding:32px; }
	.dp-branches{ grid-template-columns:repeat(4, minmax(0,1fr)); }
}

@media (max-width:767px){
	/* clear the fixed mobile tab bar + floating chat button */
	.dama-page{ padding-bottom:12px; }
	.dp-hero__media{ margin-bottom:10px; }
}