/* =====================================================================
   Atento Design — Elegant Polish (custom overrides only)
   Loaded after theme.css / theme-shop.css / skin-landing.css
   No functional changes — pure visual refinement.
   ===================================================================== */

:root {
	--atento-gold: #dcd2b0;
	--atento-gold-soft: #ebe4cc;
	--atento-gold-deep: #b5a877;
	--atento-cream: #f5f5f3;
	--atento-cream-2: #ebebe9;
	--atento-ink: #1a1a1a;
	--atento-ink-soft: #2a2a2a;
	--atento-muted: #6c6760;
	--atento-line: rgba(220, 210, 176, 0.28);
	--atento-shadow-sm: 0 6px 18px rgba(20, 18, 14, 0.06);
	--atento-shadow-md: 0 18px 40px rgba(20, 18, 14, 0.10);
	--atento-shadow-lg: 0 28px 60px rgba(20, 18, 14, 0.18);
	--atento-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* ---------- Global typography & rhythm ---------- */
html { scroll-behavior: smooth; }
body {
	background-color: var(--atento-cream);
	color: var(--atento-ink-soft);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: "ss01", "kern";
}
.bg-light { background-color: var(--atento-cream) !important; }

h1, h2, h3, h4, h5, h6 {
	font-family: "Montserrat", "Poppins", sans-serif;
	letter-spacing: 0.005em;
	color: var(--atento-ink);
}
h1 { letter-spacing: -0.01em; }
p  { line-height: 1.75; }

/* Soft selection */
::selection { background: var(--atento-gold); color: #fff; }

/* ---------- Custom scrollbar ---------- */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #e9e9e7; }
::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, var(--atento-gold), var(--atento-gold-deep));
	border-radius: 10px;
	border: 2px solid #e9e9e7;
}
::-webkit-scrollbar-thumb:hover { background: var(--atento-gold-deep); }

/* ---------- Loading overlay ---------- */
.loading-overlay {
	background-color: var(--atento-cream) !important;
}

/* =====================================================================
   HEADER
   ===================================================================== */
#header .header-body {
	background: linear-gradient(180deg, rgba(15,14,12,0.88) 0%, rgba(15,14,12,0.55) 100%) !important;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	transition: background 0.35s var(--atento-ease), box-shadow 0.35s var(--atento-ease);
}
#header.header-effect-shrink.sticky-header-active .header-body {
	background: rgba(15, 14, 12, 0.96) !important;
	box-shadow: 0 6px 24px rgba(0,0,0,0.25);
}
#header .header-logo img {
	transition: transform 0.4s var(--atento-ease), opacity 0.4s var(--atento-ease);
}
#header .header-logo:hover img { transform: scale(1.04); }

#header .header-nav-main nav > ul > li > a {
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-size: 12px !important;
	position: relative;
	color: #ececea !important;
	transition: color 0.3s var(--atento-ease);
}
#header .header-nav-main nav > ul > li > a::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 8px;
	width: 0;
	height: 1px;
	background: var(--atento-gold);
	transition: width 0.35s var(--atento-ease), left 0.35s var(--atento-ease);
}
#header .header-nav-main nav > ul > li > a:hover { color: var(--atento-gold) !important; }
#header .header-nav-main nav > ul > li > a:hover::after,
#header .header-nav-main nav > ul > li.active > a::after {
	width: 28px;
	left: calc(50% - 14px);
}

/* Social icons in header */
#header .social-icons li a {
	color: #ececea !important;
	transition: color 0.3s var(--atento-ease), transform 0.3s var(--atento-ease);
}
#header .social-icons li a:hover {
	color: var(--atento-gold) !important;
	transform: translateY(-2px);
}

.btn.header-btn-collapse-nav {
	background: transparent;
	color: var(--atento-gold);
	border: 1px solid rgba(220, 210, 176, 0.4);
	border-radius: 4px;
	transition: all 0.3s var(--atento-ease);
}
.btn.header-btn-collapse-nav:hover {
	background: var(--atento-gold);
	color: #fff;
	border-color: var(--atento-gold);
}

/* =====================================================================
   HERO
   ===================================================================== */
.section-concept {
	position: relative;
}
.section-concept::before {
	content: "";
	position: absolute; inset: 0;
	background:
		radial-gradient(ellipse at 20% 30%, rgba(220,210,176,0.18), transparent 55%),
		linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.35) 60%, rgba(0,0,0,0.15) 100%);
	pointer-events: none;
	z-index: 1;
}
.section-concept > .container-fluid { position: relative; z-index: 2; }

.section-concept h1 {
	font-family: "Montserrat", sans-serif !important;
	font-weight: 300 !important;
	letter-spacing: 0.18em !important;
	font-size: clamp(2.4rem, 5vw, 4.6rem) !important;
	line-height: 1.15 !important;
	text-shadow: 0 6px 30px rgba(0,0,0,0.35);
}
.section-concept h1 .highlighted-word {
	font-weight: 700 !important;
	letter-spacing: 0.18em !important;
	color: var(--atento-gold) !important;
}

.section-concept .custom-font-size-1 {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 1.05rem;
	line-height: 1.85;
	color: rgba(255,255,255,0.92);
	max-width: 560px;
	text-shadow: 0 2px 14px rgba(0,0,0,0.35);
}

/* Counters in hero */
.custom-counter-1 h3 {
	font-family: "Montserrat", sans-serif !important;
	font-weight: 600 !important;
	font-size: 2.6rem !important;
	color: var(--atento-gold) !important;
	letter-spacing: 0.02em;
}
.custom-counter-1 p {
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	font-size: 0.72rem;
	color: rgba(255,255,255,0.85);
	margin-top: 0.35rem;
}
.custom-counter-1 svg path { fill: var(--atento-gold) !important; }

/* The little dark badge floating over the hero image */
.custom-banner-content-item-2 {
	background: rgba(20,18,14,0.78) !important;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border-left: 2px solid var(--atento-gold);
	border-radius: 2px;
	box-shadow: var(--atento-shadow-md);
}
.custom-banner-content-item-2 strong {
	font-family: "Montserrat", sans-serif;
	letter-spacing: 0.05em;
	color: #fff;
}

/* Hero photo frame */
.custom-banner-content figure {
	position: relative;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: var(--atento-shadow-lg);
	transition: transform 0.6s var(--atento-ease);
}
.custom-banner-content figure::after {
	content: "";
	position: absolute; inset: 0;
	border: 1px solid rgba(220,210,176,0.35);
	pointer-events: none;
	border-radius: 4px;
}
.custom-banner-content figure img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 1.2s var(--atento-ease);
}
.custom-banner-content figure:hover { transform: translateY(-4px); }
.custom-banner-content figure:hover img { transform: scale(1.04); }

/* Star rating bar at the bottom of the hero */
.custom-header-bar {
	background: linear-gradient(135deg, var(--atento-gold) 0%, var(--atento-gold-deep) 100%) !important;
	border-radius: 0 4px 4px 0;
	box-shadow: var(--atento-shadow-md);
}
.custom-header-bar .star-rating-wrap { color: #fff !important; }
.custom-header-bar .fas.fa-star {
	color: #fff !important;
	text-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

/* Soften the bottom angled divider into the cream */
.section-angled-layer-bottom.bg-light { background-color: var(--atento-cream) !important; }

/* =====================================================================
   INTRO
   ===================================================================== */
#intro {
	background: var(--atento-cream) !important;
	position: relative;
}
#intro::before, #intro::after {
	content: "";
	display: block;
	width: 64px;
	height: 1px;
	background: var(--atento-gold);
	margin: 0 auto;
	opacity: 0.7;
}
#intro img.img-fluid {
	filter: drop-shadow(0 8px 24px rgba(20,18,14,0.10));
	transition: transform 0.6s var(--atento-ease);
}
#intro img.img-fluid:hover { transform: translateY(-3px); }
#intro p {
	font-family: "Open Sans", sans-serif;
	color: var(--atento-muted) !important;
	font-size: 1rem;
	line-height: 1.95;
}

/* Replace the bare <hr> between sections with a refined gold ornament */
hr {
	border: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--atento-gold) 50%, transparent);
	opacity: 0.6;
	margin: 0 auto;
	max-width: 280px;
}

/* =====================================================================
   EQUIPMENT FILTER + GRID
   ===================================================================== */
#equip { background: var(--atento-cream) !important; padding-top: 1.5rem !important; }

/* Sticky filter bar */
.filter-wrapper {
	background: var(--atento-cream) !important;
	border-bottom: 1px solid var(--atento-line);
}

.sort-source-style-3 .nav-item .custom-nav-link {
	font-family: "Montserrat", sans-serif !important;
	text-transform: uppercase !important;
	letter-spacing: 0.15em !important;
	font-size: 0.72rem !important;
	font-weight: 500 !important;
	color: var(--atento-muted) !important;
	background: transparent !important;
	border: 1px solid transparent !important;
	border-radius: 999px !important;
	padding: 0.55rem 1.1rem !important;
	margin: 0.2rem 0.25rem !important;
	transition: all 0.3s var(--atento-ease) !important;
}
.sort-source-style-3 .nav-item .custom-nav-link:hover {
	color: var(--atento-gold-deep) !important;
	border-color: var(--atento-line) !important;
	background: rgba(220,210,176,0.08) !important;
}
.sort-source-style-3 .nav-item.active .custom-nav-link,
.sort-source-style-3 .nav-item .custom-nav-link.active {
	color: #fff !important;
	background: linear-gradient(135deg, var(--atento-gold), var(--atento-gold-deep)) !important;
	border-color: var(--atento-gold-deep) !important;
	box-shadow: 0 6px 16px rgba(220,210,176,0.35);
}

/* Equipment cards */
.portfolio-list .portfolio-item {
	background: #fff;
	border-radius: 6px;
	padding: 14px 14px 18px 14px;
	box-shadow: var(--atento-shadow-sm);
	transition: transform 0.45s var(--atento-ease), box-shadow 0.45s var(--atento-ease), border-color 0.45s var(--atento-ease);
	border: 1px solid rgba(220,210,176,0.10);
	overflow: hidden;
}
.portfolio-list .portfolio-item:hover {
	transform: translateY(-6px);
	box-shadow: var(--atento-shadow-md);
	border-color: rgba(220,210,176,0.35);
}

.thumb-info-wrapper-equip {
	position: relative;
	display: block;
	width: 100%;
	height: 240px;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	border-radius: 4px;
	overflow: hidden;
	transition: transform 0.7s var(--atento-ease);
}
.thumb-info-wrapper-equip::before {
	content: "";
	position: absolute; inset: 0;
	background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.35) 100%);
	opacity: 0;
	transition: opacity 0.4s var(--atento-ease);
	z-index: 1;
}
.thumb-info-wrapper-equip::after {
	content: "View";
	position: absolute;
	left: 50%; bottom: -40px;
	transform: translateX(-50%);
	font-family: "Montserrat", sans-serif;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	color: #fff;
	background: linear-gradient(135deg, var(--atento-gold), var(--atento-gold-deep));
	padding: 0.5rem 1rem;
	border-radius: 999px;
	opacity: 0;
	transition: opacity 0.4s var(--atento-ease), bottom 0.4s var(--atento-ease);
	z-index: 2;
	pointer-events: none;
	white-space: nowrap;
}
.portfolio-list .portfolio-item:hover .thumb-info-wrapper-equip { transform: scale(1.02); }
.portfolio-list .portfolio-item:hover .thumb-info-wrapper-equip::before { opacity: 1; }
.portfolio-list .portfolio-item:hover .thumb-info-wrapper-equip::after { opacity: 1; bottom: 18px; }

.thumb-info-wrapper-equip a {
	position: absolute; inset: 0;
	z-index: 3;
	text-decoration: none;
}

.portfolio-list .portfolio-item h5 {
	font-family: "Montserrat", sans-serif !important;
	font-weight: 500 !important;
	letter-spacing: 0.05em;
	font-size: 0.95rem !important;
	color: var(--atento-ink) !important;
	margin-top: 14px !important;
	margin-bottom: 4px !important;
	transition: color 0.3s var(--atento-ease);
}
.portfolio-list .portfolio-item:hover h5 { color: var(--atento-gold-deep) !important; }

.portfolio-list .portfolio-item h5::after {
	content: "";
	display: block;
	width: 0;
	height: 1px;
	margin: 6px auto 0 auto;
	background: var(--atento-gold);
	transition: width 0.4s var(--atento-ease);
}
.portfolio-list .portfolio-item:hover h5::after { width: 36px; }

/* =====================================================================
   ITEM (PRODUCT) PAGE
   ===================================================================== */
.thumb-gallery-wrapper .thumb-gallery-detail {
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
	box-shadow: var(--atento-shadow-md);
	border: 1px solid var(--atento-line);
}
.thumb-gallery-wrapper .thumb-gallery-detail img { border-radius: 4px; }

.thumb-gallery-thumbs .owl-item img {
	border-radius: 4px;
	border: 2px solid transparent;
	transition: border-color 0.3s var(--atento-ease), transform 0.3s var(--atento-ease), opacity 0.3s var(--atento-ease);
	opacity: 0.7;
}
.thumb-gallery-thumbs .owl-item:hover img { opacity: 1; transform: translateY(-2px); }
.thumb-gallery-thumbs .owl-item.synced img,
.thumb-gallery-thumbs .owl-item.current img {
	border-color: var(--atento-gold);
	opacity: 1;
}

dl dt {
	font-family: "Montserrat", sans-serif;
	font-size: 0.72rem;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--atento-gold-deep);
	font-weight: 600;
	margin-bottom: 0.6rem !important;
}
dl dd {
	font-family: "Open Sans", sans-serif;
	color: var(--atento-ink-soft);
	line-height: 1.85;
	font-size: 1rem;
}

/* Item page, the headline title above gallery */
.container > .row.pb-4 h4 {
	font-family: "Montserrat", sans-serif !important;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: var(--atento-ink) !important;
	font-size: 1.6rem !important;
	margin-bottom: 1rem !important;
}
.container > .row.pb-4 h4::after {
	content: "";
	display: block;
	width: 48px;
	height: 2px;
	background: var(--atento-gold);
	margin-top: 12px;
}

hr.solid { border-color: var(--atento-line) !important; opacity: 0.6 !important; }

/* =====================================================================
   CHECKOUT
   ===================================================================== */
#examples .sidebar h5,
#examples .tab-pane h5 {
	font-family: "Montserrat", sans-serif !important;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: var(--atento-ink) !important;
	font-size: 1.15rem !important;
}
#examples .sidebar hr { background: var(--atento-line) !important; opacity: 1 !important; max-width: none; }

#examples .price-menu-item {
	background: #fff;
	padding: 12px;
	border-radius: 6px;
	border: 1px solid rgba(220,210,176,0.18);
	box-shadow: var(--atento-shadow-sm);
	margin-bottom: 14px !important;
	transition: box-shadow 0.3s var(--atento-ease), border-color 0.3s var(--atento-ease);
}
#examples .price-menu-item:hover {
	border-color: rgba(220,210,176,0.45);
	box-shadow: var(--atento-shadow-md);
}
#examples .price-menu-item-img img {
	width: 84px;
	height: 84px;
	object-fit: cover;
	border-radius: 4px;
}
#examples .price-menu-item h5 {
	font-family: "Montserrat", sans-serif !important;
	font-size: 0.95rem !important;
	font-weight: 600 !important;
	color: var(--atento-ink) !important;
	letter-spacing: 0.02em;
}
#examples .price-menu-item .fa-trash {
	color: #8a8a88;
	transition: color 0.3s var(--atento-ease), transform 0.3s var(--atento-ease);
}
#examples .price-menu-item .fa-trash:hover { color: #c0392b; transform: scale(1.12); }

#examples .nav-list hr { display: none; }

#examples .card {
	border: 1px solid var(--atento-line);
	border-radius: 8px;
	box-shadow: var(--atento-shadow-sm);
	background: #fff;
}
#examples .card .card-body { padding: 1.75rem; }

#examples .form-label {
	font-family: "Montserrat", sans-serif;
	font-size: 0.72rem !important;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--atento-muted) !important;
}

/* =====================================================================
   FORMS (light + dark contact form)
   ===================================================================== */
.form-control {
	border-radius: 4px;
	border: 1px solid var(--atento-line);
	background-color: #fff;
	color: var(--atento-ink);
	padding-left: 2.5rem !important;
	transition: border-color 0.3s var(--atento-ease), box-shadow 0.3s var(--atento-ease), background-color 0.3s var(--atento-ease);
}
.form-control:focus {
	border-color: var(--atento-gold) !important;
	box-shadow: 0 0 0 3px rgba(220,210,176,0.15) !important;
	background-color: #fff !important;
	outline: none;
}

/* Dark contact card on home / item pages — constrained, centered */
#contact {
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}
#contact > h4,
#contact > .card.bg-dark {
	max-width: 960px;
	margin-left: auto !important;
	margin-right: auto !important;
}
#contact .card.bg-dark {
	background: linear-gradient(135deg, #1a1816 0%, #25211c 100%) !important;
	border: 1px solid rgba(220,210,176,0.18);
	border-radius: 10px;
	box-shadow: var(--atento-shadow-md);
}
#contact .card.bg-dark .card-body { padding: 2.25rem; }

#contact h4 {
	font-family: "Montserrat", sans-serif !important;
	letter-spacing: 0.06em;
	font-weight: 500 !important;
	color: var(--atento-gold) !important;
	font-size: 1.4rem !important;
	margin-bottom: 1.25rem !important;
	padding-left: 0 !important;
	text-align: center;
	position: relative;
}
#contact h4::after {
	content: "";
	display: block;
	width: 48px;
	height: 1px;
	background: var(--atento-gold);
	margin: 12px auto 0 auto;
	opacity: 0.7;
}

#contact .form-control {
	background: rgba(255,255,255,0.04) !important;
	border: 1px solid rgba(220,210,176,0.20) !important;
	color: #ececea !important;
	padding-left: 2.5rem !important;
}
#contact .form-control::placeholder { color: rgba(236,236,234,0.5) !important; }
#contact .form-control:focus {
	background: rgba(255,255,255,0.07) !important;
	border-color: var(--atento-gold) !important;
	box-shadow: 0 0 0 3px rgba(220,210,176,0.15) !important;
	color: #fff !important;
}
#contact .icons {
	color: var(--atento-gold) !important;
	opacity: 0.85;
}

/* =====================================================================
   BUTTONS
   ===================================================================== */
.btn {
	font-family: "Montserrat", sans-serif !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase !important;
	font-size: 0.75rem !important;
	font-weight: 600 !important;
	padding: 0.85rem 1.6rem !important;
	border-radius: 999px !important;
	transition: all 0.35s var(--atento-ease) !important;
	border-width: 1px !important;
}

.btn-primary {
	background: linear-gradient(135deg, var(--atento-gold) 0%, var(--atento-gold-deep) 100%) !important;
	border-color: transparent !important;
	color: #fff !important;
	box-shadow: 0 8px 18px rgba(220,210,176,0.35) !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	background: linear-gradient(135deg, var(--atento-gold-deep) 0%, #968a5e 100%) !important;
	color: #fff !important;
	transform: translateY(-2px);
	box-shadow: 0 12px 24px rgba(220,210,176,0.45) !important;
}

.btn-tertiary, .btn-quaternary {
	background: var(--atento-ink) !important;
	color: #fff !important;
	border-color: var(--atento-ink) !important;
}
.btn-tertiary:hover, .btn-quaternary:hover {
	background: var(--atento-gold-deep) !important;
	border-color: var(--atento-gold-deep) !important;
	color: #fff !important;
	transform: translateY(-2px);
	box-shadow: 0 10px 20px rgba(220,210,176,0.30) !important;
}

.btn-light {
	background: var(--atento-gold) !important;
	color: #fff !important;
	border-color: var(--atento-gold) !important;
	box-shadow: 0 6px 14px rgba(220,210,176,0.30) !important;
}
.btn-light:hover {
	background: var(--atento-gold-deep) !important;
	border-color: var(--atento-gold-deep) !important;
	color: #fff !important;
	transform: translateY(-2px);
}

/* =====================================================================
   FOOTER
   ===================================================================== */
#footer {
	background: linear-gradient(180deg, #1a1816 0%, #0f0d0a 100%) !important;
	border-top: 1px solid rgba(220,210,176,0.18) !important;
	color: rgba(236,236,234,0.85);
}
#footer img { max-width: 200px; height: auto; opacity: 0.95; }
#footer p { color: rgba(236,236,234,0.75); font-size: 0.92rem; letter-spacing: 0.04em; }
#footer p a { color: var(--atento-gold) !important; text-decoration: none; transition: color 0.3s var(--atento-ease); }
#footer p a:hover { color: var(--atento-gold-soft) !important; }

#footer .social-icons li a {
	color: rgba(236,236,234,0.85) !important;
	border: 1px solid rgba(220,210,176,0.25);
	border-radius: 50%;
	width: 40px; height: 40px;
	line-height: 40px;
	display: inline-block;
	background: transparent !important;
	transition: all 0.3s var(--atento-ease);
}
#footer .social-icons li a:hover {
	color: #fff !important;
	background: linear-gradient(135deg, var(--atento-gold), var(--atento-gold-deep)) !important;
	border-color: transparent;
	transform: translateY(-3px);
	box-shadow: 0 10px 18px rgba(220,210,176,0.30);
}

#footer .copyright {
	background: rgba(0,0,0,0.35) !important;
	border-top: 1px solid rgba(220,210,176,0.10) !important;
}
#footer .copyright p { color: rgba(236,236,234,0.55); font-size: 0.78rem; letter-spacing: 0.08em; }
#footer .copyright a { color: var(--atento-gold) !important; }

/* =====================================================================
   FINE TUNING — small touches
   ===================================================================== */

/* Make sticky filter sit nicely under sticky header */
.filter-wrapper.sticky-active { box-shadow: 0 10px 24px rgba(20,18,14,0.06); }

/* Image-fluid graceful loading */
img { transition: opacity 0.4s ease; }

/* Equipment card focus accessibility */
.thumb-info-wrapper-equip a:focus-visible {
	outline: 2px solid var(--atento-gold);
	outline-offset: 4px;
	border-radius: 4px;
}

/* Hide empty paragraphs left over on item/checkout hero */
.col-half-section-right .custom-font-size-1:empty { display: none; }

/* Polished alerts (used by contact form) */
.alert-success, .alert-danger {
	border-radius: 6px;
	border: 1px solid var(--atento-line);
	font-family: "Open Sans", sans-serif;
}
.alert-success { background: rgba(220,210,176,0.10); color: var(--atento-gold-deep); }

/* Smooth fade-in for portfolio items (no JS) */
@keyframes atento-fade-up {
	from { opacity: 0; transform: translateY(12px); }
	to   { opacity: 1; transform: translateY(0); }
}
.portfolio-list .portfolio-item {
	animation: atento-fade-up 0.6s var(--atento-ease) both;
}

/* Responsive niceties */
@media (max-width: 991.98px) {
	.section-concept h1 { letter-spacing: 0.12em !important; }
	.thumb-info-wrapper-equip { height: 200px; }
	#contact .card.bg-dark .card-body { padding: 1.25rem; }
}
@media (max-width: 575.98px) {
	.thumb-info-wrapper-equip { height: 180px; }
	.btn { padding: 0.75rem 1.3rem !important; font-size: 0.7rem !important; }
	.custom-counter-1 h3 { font-size: 2.1rem !important; }
}