/*
 * Tokens de diseño globales de Agraba — capa que COMPLEMENTA el sistema de
 * utilidades ya existente en style.css (.blanco/.negro/.gris/.naranja/.verde,
 * .manrope/.playfair, .bold/.semibold/.medium, .font_14..font_50,
 * .contenedor_principal). No redefine esas clases ni sus colores: los
 * valores de aquí están tomados exactamente de ese mismo bloque para que
 * ambos sistemas coincidan siempre.
 *
 * Aporta lo que ese bloque de utilidades no cubre: fondos de sección,
 * botones, tarjetas y tipografía por defecto de elementos HTML nativos
 * (h1-h6, p, a) para el contenido que no lleva clases de utilidad.
 */

:root {
	/* Color (mismos valores que las clases de utilidad de style.css) */
	--agraba-color-primary: #D96E3D;      /* .naranja */
	--agraba-color-primary-hover: #C35E2D;
	--agraba-color-secondary: #4A5A3A;    /* .verde */
	--agraba-color-dark: #2A3420;         /* .negro */
	--agraba-color-white: #fdfdfd;        /* .blanco */
	--agraba-color-muted: #6E6A64;        /* .gris */

	/* Fondos de bloque usados en Home/header/footer (no tienen clase de utilidad propia) */
	--agraba-bg-accent: #667A4F;
	--agraba-bg-accent-light: #7A8F5E;
	--agraba-bg-cream: #F8F6F1;
	--agraba-bg-beige: #E5E3DD;
	--agraba-bg-dark-2: #3A4630;

	/* Texto de párrafo por defecto (distinto de .negro, es el body copy real) */
	--agraba-color-text: #020101;

	/* Tipografía (mismas familias que .manrope / .playfair) */
	--agraba-font-heading: "Playfair Display", Sans-serif;
	--agraba-font-body: "Manrope", Sans-serif;

	/* Layout: el contenedor real del sitio es .contenedor_principal (1536px / 90%) */
	--agraba-gap: 24px;

	/* Forma */
	--agraba-radius-pill: 33px;
	--agraba-radius-card: 16px;
	--agraba-radius-sm: 8px;
	--agraba-shadow-card: 0 10px 30px rgba(2, 1, 1, 0.08);

	/* Escala tipográfica y ritmo canónicos. */
	--agraba-type-h1: 52px;
	--agraba-type-h2: 42px;
	--agraba-type-h3: 24px;
	--agraba-type-lead: 18px;
	--agraba-type-body: 16px;
	--agraba-type-small: 14px;
	--agraba-section-space: 88px;
	--agraba-heading-gap: 40px;
	--agraba-card-padding: 24px;
	--agraba-layout-gap: 24px;
}

@media (max-width: 1199px) {
	:root {
		--agraba-type-h1: 46px;
		--agraba-type-h2: 38px;
		--agraba-type-h3: 23px;
		--agraba-section-space: 72px;
		--agraba-heading-gap: 34px;
		--agraba-card-padding: 22px;
		--agraba-layout-gap: 20px;
	}
}

@media (max-width: 767px) {
	:root {
		--agraba-type-h1: 36px;
		--agraba-type-h2: 30px;
		--agraba-type-h3: 20px;
		--agraba-type-lead: 17px;
		--agraba-type-body: 15px;
		--agraba-type-small: 13px;
		--agraba-section-space: 48px;
		--agraba-heading-gap: 28px;
		--agraba-card-padding: 18px;
		--agraba-layout-gap: 16px;
	}
}

/* El desplazamiento horizontal pertenece a los carruseles, nunca al documento.
   Esto también evita la franja blanca al previsualizar con la barra de WP activa. */
html,
body {
	width: 100%;
	max-width: 100%;
	overflow-x: clip;
}

@supports not (overflow: clip) {
	html,
	body { overflow-x: hidden; }
}

main,
.agraba-home,
.agraba-shop,
.agraba-category-landing,
.agraba-product,
.agraba-blog-archive,
.agraba-mayoreo,
.agraba-contact,
.agraba-cart,
.agraba-checkout-page,
.agraba-account {
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

/* Tipografía base para HTML sin clases de utilidad (contenido de página, blog, WooCommerce) */
body {
	font-family: var(--agraba-font-body);
	color: var(--agraba-color-text);
	background: var(--agraba-color-white);
	line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--agraba-font-heading);
	color: var(--agraba-color-dark);
	line-height: 1.25;
	margin: 0 0 0.6em;
}

h1 { font-size: 48px; }
h2 { font-size: 36px; }
h3 { font-size: 24px; }
h4, h5, h6 { font-size: 20px; }

p { margin: 0 0 1em; }

a {
	color: var(--agraba-color-primary);
	transition: color 0.2s ease;
}

a:hover,
a:focus {
	color: var(--agraba-color-primary-hover);
}

/* Ancho de contenido más angosto para texto largo (términos, políticas, single post) */
.agraba-container--narrow {
	max-width: 860px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-right: 24px;
	box-sizing: border-box;
}

.agraba-section {
	padding: 64px 0;
}

.agraba-section--cream { background: var(--agraba-bg-cream); }
.agraba-section--beige { background: var(--agraba-bg-beige); }
.agraba-section--dark {
	background: var(--agraba-color-dark);
	color: var(--agraba-color-white);
}
.agraba-section--dark h1,
.agraba-section--dark h2,
.agraba-section--dark h3 {
	color: var(--agraba-color-white);
}

/* Botones */
.agraba-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 14px 32px;
	border-radius: var(--agraba-radius-pill);
	font-family: var(--agraba-font-body);
	font-weight: 700;
	font-size: 0.95rem;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	border: 2px solid transparent;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}

.agraba-btn:hover,
.agraba-btn:focus {
	transform: translateY(-1px);
}

.agraba-btn__arrow {
	font-size: 1.2em;
	line-height: 1;
}

.agraba-btn--primary {
	background: var(--agraba-color-primary);
	color: var(--agraba-color-white);
}
.agraba-btn--primary:hover,
.agraba-btn--primary:focus {
	background: var(--agraba-color-primary-hover);
	color: var(--agraba-color-white);
}

.agraba-btn--secondary {
	background: var(--agraba-bg-accent);
	color: var(--agraba-color-white);
}
.agraba-btn--secondary:hover,
.agraba-btn--secondary:focus {
	background: var(--agraba-color-dark);
	color: var(--agraba-color-white);
}

.agraba-btn--outline {
	background: transparent;
	border-color: var(--agraba-color-white);
	color: var(--agraba-color-white);
}
.agraba-btn--outline:hover,
.agraba-btn--outline:focus {
	background: var(--agraba-color-white);
	color: var(--agraba-color-dark);
}

.agraba-btn--dark {
	background: var(--agraba-color-dark);
	color: var(--agraba-color-white);
}
.agraba-btn--dark:hover,
.agraba-btn--dark:focus {
	background: var(--agraba-bg-dark-2);
	color: var(--agraba-color-white);
}

.agraba-btn--dark-outline {
	background: transparent;
	border-color: var(--agraba-color-dark);
	color: var(--agraba-color-dark);
}
.agraba-btn--dark-outline:hover,
.agraba-btn--dark-outline:focus {
	background: var(--agraba-color-dark);
	color: var(--agraba-color-white);
}

.agraba-btn--white-on-primary {
	background: var(--agraba-color-white);
	color: var(--agraba-color-primary);
}
.agraba-btn--white-on-primary:hover,
.agraba-btn--white-on-primary:focus {
	background: var(--agraba-color-dark);
	color: var(--agraba-color-white);
}

/* Tarjetas */
.agraba-card {
	background: var(--agraba-color-white);
	border-radius: var(--agraba-radius-card);
	box-shadow: var(--agraba-shadow-card);
	overflow: hidden;
}

/* WordPress core: usar la misma paleta en el editor de bloques */
.wp-element-button,
.wp-block-button__link {
	background-color: var(--agraba-color-primary);
	border-radius: var(--agraba-radius-pill);
	font-family: var(--agraba-font-body);
}

/* =========================================================
   FORMULARIOS (contacto, y base para checkout más adelante)
   ========================================================= */
.agraba-form {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 32px;
}
.agraba-form__honeypot {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	opacity: 0;
}
.agraba-form__row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}
@media (max-width: 600px) {
	.agraba-form__row { grid-template-columns: 1fr; }
}
.agraba-form__field {
	display: flex;
	flex-direction: column;
	gap: 7px;
}
.agraba-form__field label {
	font-family: var(--agraba-font-body);
	font-size: 14px;
	color: var(--agraba-color-muted);
}
.agraba-form__field input,
.agraba-form__field select,
.agraba-form__field textarea {
	font-family: var(--agraba-font-body);
	font-size: 16px;
	color: var(--agraba-color-muted);
	background: var(--agraba-color-white);
	border: none;
	border-bottom: 1px solid #AEB4BD;
	border-radius: 1px;
	padding: 10px 4px;
}
.agraba-form__field input:focus,
.agraba-form__field select:focus,
.agraba-form__field textarea:focus {
	outline: none;
	border-color: var(--agraba-color-primary);
}
.agraba-form__error {
	background: #fdecea;
	color: #b3261e;
	border-radius: var(--agraba-radius-sm);
	padding: 14px 18px;
	margin: 0 0 20px;
}

/* =========================================================
   PÁGINA LEGAL / CONTENIDO LARGO (Aviso, Términos, Convenio, Devoluciones)
   ========================================================= */
.agraba-legal__hero {
	background-color: var(--agraba-color-dark);
	background-size: cover;
	background-position: center;
	padding: 80px 0;
	position: relative;
}
.agraba-legal__hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(2, 1, 1, 0.45);
}
.agraba-legal__hero .contenedor_principal {
	position: relative;
}
.agraba-legal__hero h1 {
	margin: 0;
}

.agraba-legal__content {
	line-height: 1.8;
}
.agraba-legal__content p {
	margin: 0 0 1.4em;
}
.agraba-legal__content table {
	width: 100%;
	border-collapse: collapse;
	margin: 1.5em 0;
	font-family: inherit;
	font-size: inherit;
	background: transparent;
}
.agraba-legal__content table td {
	border: 1px solid var(--agraba-bg-beige);
	padding: 12px;
}

/* =========================================================
   HEADER
   ========================================================= */
/* El header usa exactamente el mismo ancho y geometría en todo el sitio. */
.agraba-header .contenedor_principal {
	width: 90% !important;
	max-width: 1536px !important;
}

.agraba-header__main {
	background: var(--agraba-color-white);
	border-bottom: 2px solid var(--agraba-bg-beige);
}

.agraba-header__main-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	min-height: 102px;
	padding-top: 16px;
	padding-bottom: 16px;
}

.agraba-header__brand {
	display: flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	flex-shrink: 0;
}

.agraba-header__logo {
	width: 46px;
	max-width: 46px;
	max-height: 58px;
	object-fit: contain;
	height: auto;
	display: block;
}

.agraba-header__brand-text {
	display: flex;
	flex-direction: column;
	line-height: 1.2;
}

.agraba-header__brand-title {
	font-size: 30px;
	line-height: 1;
}

.agraba-header__brand-tagline { font-size: 12px !important; white-space: nowrap; }

.agraba-header__nav {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	justify-content: center;
}

.agraba-header__actions {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-shrink: 0;
}

.agraba-header__search-toggle,
.agraba-header__account,
.agraba-header__cart {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	text-decoration: none;
	position: relative;
}

.agraba-header__search-toggle,
.agraba-header__account,
.agraba-header__cart {
	width: 38px;
	height: 38px;
	justify-content: center;
	border-radius: 50%;
	transition: background-color 0.2s ease, transform 0.2s ease;
}

.agraba-header__search-toggle svg [stroke],
.agraba-header__account svg [stroke],
.agraba-header__cart svg [stroke] {
	transition: stroke 0.2s ease;
}

.agraba-header__cart svg [fill]:not([fill="none"]) {
	transition: fill 0.2s ease;
}

.agraba-header__search-toggle:hover,
.agraba-header__search-toggle:focus,
.agraba-header__account:hover,
.agraba-header__account:focus,
.agraba-header__cart:hover,
.agraba-header__cart:focus {
	background-color: var(--agraba-bg-cream);
	color: var(--agraba-color-primary-hover);
	transform: translateY(-1px);
}

.agraba-header__search-toggle:hover svg [stroke],
.agraba-header__search-toggle:focus svg [stroke],
.agraba-header__account:hover svg [stroke],
.agraba-header__account:focus svg [stroke],
.agraba-header__cart:hover svg [stroke],
.agraba-header__cart:focus svg [stroke] {
	stroke: var(--agraba-color-primary-hover);
}

.agraba-header__cart:hover svg [fill]:not([fill="none"]),
.agraba-header__cart:focus svg [fill]:not([fill="none"]) {
	fill: var(--agraba-color-primary-hover);
}

.agraba-header__search-toggle:focus-visible,
.agraba-header__account:focus-visible,
.agraba-header__cart:focus-visible {
	outline: 2px solid var(--agraba-color-primary);
	outline-offset: 2px;
}

.agraba-header__cart-count {
	position: absolute;
	top: -8px;
	right: -10px;
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	border-radius: 50%;
	background: var(--agraba-color-primary);
	color: var(--agraba-color-white);
	font-family: var(--agraba-font-body);
	font-size: 10px;
	font-weight: 700;
	line-height: 16px;
	text-align: center;
}

.agraba-header__search-panel {
	background: var(--agraba-bg-cream);
	border-bottom: 1px solid var(--agraba-bg-beige);
	padding: 16px 0;
}

.agraba-header__search-panel[hidden] {
	display: none;
}

/* Carrito lateral global */
.agraba-cart-drawer { position:fixed; z-index:99999; inset:0; visibility:hidden; pointer-events:none; }
.agraba-cart-drawer.is-open { visibility:visible; pointer-events:auto; }
.agraba-cart-drawer__overlay,
.agraba-cart-drawer__overlay:hover,
.agraba-cart-drawer__overlay:focus,
.agraba-cart-drawer__overlay:active { position:absolute; inset:0; width:100%; height:100%; padding:0; border:0; border-radius:0; background:rgba(20,27,15,.42); color:transparent; opacity:0; outline:0; transition:opacity .25s ease; }
.agraba-cart-drawer.is-open .agraba-cart-drawer__overlay { opacity:1; }
.agraba-cart-drawer__panel { position:absolute; top:0; right:0; display:flex; width:min(440px,100%); height:100%; flex-direction:column; background:#fff; box-shadow:-16px 0 44px rgba(20,27,15,.18); outline:0; transform:translateX(100%); transition:transform .3s ease; }
.agraba-cart-drawer.is-open .agraba-cart-drawer__panel { transform:translateX(0); }
.agraba-cart-drawer__header { display:flex; min-height:84px; padding:22px 26px; align-items:center; justify-content:space-between; border-bottom:1px solid #e7e7e1; }
.agraba-cart-drawer__header h2 { margin:0; color:var(--agraba-color-dark); font:600 25px/1.2 var(--agraba-font-heading); }
.agraba-cart-drawer__header h2 span { color:var(--agraba-color-muted); font:500 14px var(--agraba-font-body); }
.agraba-cart-drawer__close,
.agraba-cart-drawer__close:hover,
.agraba-cart-drawer__close:focus,
.agraba-cart-drawer__close:active { display:grid; width:38px; height:38px; padding:0; place-items:center; border:0; border-radius:50%; background:var(--agraba-bg-cream); color:var(--agraba-color-dark); font-size:26px; line-height:1; }
.agraba-cart-drawer__content { flex:1; overflow-y:auto; padding:8px 26px; }
.agraba-cart-drawer__item { display:grid; grid-template-columns:82px minmax(0,1fr) 24px; gap:14px; align-items:center; padding:18px 0; border-bottom:1px solid #ecece7; }
.agraba-cart-drawer__image { display:grid; width:82px; height:82px; place-items:center; border-radius:10px; background:#fafaf7; overflow:hidden; }
.agraba-cart-drawer__image img { width:100%; height:100%; object-fit:contain; }
.agraba-cart-drawer__item-info { display:flex; min-width:0; flex-direction:column; gap:8px; }
.agraba-cart-drawer__item-info a { color:var(--agraba-color-dark); font:700 14px/1.35 var(--agraba-font-body); text-decoration:none; }
.agraba-cart-drawer__item-info span { color:var(--agraba-color-primary); font:700 14px var(--agraba-font-body); }
.agraba-cart-drawer__remove { color:#999; font-size:22px; text-align:center; text-decoration:none; }
.agraba-cart-drawer__footer { padding:22px 26px 26px; border-top:1px solid #e7e7e1; background:#fff; }
.agraba-cart-drawer__subtotal { display:flex; align-items:center; justify-content:space-between; color:var(--agraba-color-dark); font:600 16px var(--agraba-font-body); }
.agraba-cart-drawer__subtotal strong { color:var(--agraba-color-primary); font-size:19px; }
.agraba-cart-drawer__footer p { margin:8px 0 18px; color:var(--agraba-color-muted); font:400 12px/1.5 var(--agraba-font-body); }
.agraba-cart-drawer__checkout,.agraba-cart-drawer__view { display:flex; min-height:48px; align-items:center; justify-content:center; border-radius:999px; font:700 14px var(--agraba-font-body); text-decoration:none; }
.agraba-cart-drawer__checkout { margin-bottom:10px; background:var(--agraba-color-primary); color:#fff; }
.agraba-cart-drawer__view { border:1px solid var(--agraba-bg-accent); color:var(--agraba-bg-accent); background:#fff; }
.agraba-cart-drawer__empty { display:flex; min-height:60vh; flex-direction:column; align-items:center; justify-content:center; gap:18px; text-align:center; }
.agraba-cart-drawer__empty p { margin:0; font:600 20px var(--agraba-font-heading); }
.agraba-cart-drawer__empty a { color:var(--agraba-color-primary); font-weight:700; }
html.agraba-cart-drawer-open { overflow:hidden; }

/* Modal de preorden */
.agraba-preorder-modal { position:fixed; z-index:99999; inset:0; display:grid; place-items:center; padding:20px; visibility:hidden; pointer-events:none; }
.agraba-preorder-modal.is-open { visibility:visible; pointer-events:auto; }
.agraba-preorder-modal__overlay,
.agraba-preorder-modal__overlay:hover,
.agraba-preorder-modal__overlay:focus,
.agraba-preorder-modal__overlay:active { position:absolute; inset:0; width:100%; height:100%; padding:0; border:0; border-radius:0; background:rgba(20,27,15,.5); color:transparent; opacity:0; outline:0; transition:opacity .2s ease; }
.agraba-preorder-modal.is-open .agraba-preorder-modal__overlay { opacity:1; }
.agraba-preorder-modal__panel { position:relative; width:min(440px,100%); max-height:90vh; overflow-y:auto; padding:32px; background:#fff; border-radius:16px; box-shadow:0 20px 60px rgba(20,27,15,.28); outline:0; transform:translateY(12px) scale(.98); opacity:0; transition:transform .2s ease, opacity .2s ease; }
.agraba-preorder-modal.is-open .agraba-preorder-modal__panel { transform:translateY(0) scale(1); opacity:1; }
.agraba-preorder-modal__close,
.agraba-preorder-modal__close:hover,
.agraba-preorder-modal__close:focus,
.agraba-preorder-modal__close:active { position:absolute; top:16px; right:16px; display:grid; width:34px; height:34px; padding:0; place-items:center; border:0; border-radius:50%; background:var(--agraba-bg-cream); color:var(--agraba-color-dark); font-size:22px; line-height:1; cursor:pointer; }
.agraba-preorder-modal__panel h2 { margin:0 0 6px; padding-right:34px; color:var(--agraba-color-dark); font:600 24px/1.2 var(--agraba-font-heading); }
.agraba-preorder-modal__product { margin:0 0 20px; }
.agraba-preorder-modal__feedback { margin:0 0 16px; font:600 14px var(--agraba-font-body); }
.agraba-preorder-modal__feedback.is-success { color:var(--agraba-color-primary, #667A4F); }
.agraba-preorder-modal__feedback.is-error { color:#b3261e; }

.agraba-btn--preorder { background:var(--agraba-bg-accent); color:#fff; border:0; }
.agraba-btn--preorder:hover { opacity:.9; }

@media (max-width: 767px) {
	.agraba-header .contenedor_principal { width: 90% !important; }
	.agraba-header__main-inner {
		display: grid;
		grid-template-columns: 38px minmax(0, 1fr) auto;
		gap: 8px;
		min-height: 74px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.agraba-header__nav {
		grid-column: 1;
		grid-row: 1;
		width: 38px;
		justify-content: flex-start;
	}
	.agraba-header__brand {
		grid-column: 2;
		grid-row: 1;
		justify-self: center;
		gap: 7px;
		min-width: 0;
	}
	.agraba-header__logo { width: 34px; max-width: 34px; max-height: 43px; }
	.agraba-header__brand-text { display: flex; min-width: 0; }
	.agraba-header__brand-title { font-size: 22px; }
	.agraba-header__brand-tagline { font-size: 8px !important; }
	.agraba-header__actions {
		grid-column: 3;
		grid-row: 1;
		gap: 3px;
		justify-self: end;
	}
	.agraba-header__search-toggle,
	.agraba-header__account,
	.agraba-header__cart { width: 34px; height: 34px; }
	.agraba-header__search-toggle svg,
	.agraba-header__account svg,
	.agraba-header__cart svg { width: 20px; height: 20px; }
	.agraba-header__cart-count { top: -4px; right: -2px; }
}

@media (max-width: 380px) {
	.agraba-header .contenedor_principal { width: 94% !important; }
	.agraba-header__main-inner { grid-template-columns: 36px minmax(0, 1fr) auto; gap: 4px; }
	.agraba-header__brand { gap: 5px; }
	.agraba-header__logo { width: 30px; max-width: 30px; }
	.agraba-header__brand-title { font-size: 19px; }
	.agraba-header__brand-tagline { font-size: 7px !important; }
	.agraba-header__actions { gap: 0; }
	.agraba-header__search-toggle,
	.agraba-header__account,
	.agraba-header__cart { width: 32px; height: 32px; }
}

/* =========================================================
   FOOTER
   ========================================================= */
.agraba-footer {
	background: var(--agraba-color-dark);
	padding: 64px 0 28px;
}

.agraba-footer__columns {
	display:grid;
	grid-template-columns:1.15fr 1fr .7fr;
	gap:80px;
	align-items:start;
	min-height:164px;
}

.agraba-footer__col {
	min-width:0;
}

.agraba-footer__col--brand {
	max-width:320px;
}

.agraba-footer__brand {
	display:inline-flex;
	flex-direction:column;
	align-items:flex-start;
	gap:6px;
	text-decoration: none;
	margin-bottom:8px;
}

.agraba-footer__logo {
	display:block;
	width:52px;
	height:52px;
	object-fit:contain;
}

.agraba-footer__brand > span { font-size:30px!important; line-height:1; }
.agraba-footer__col--brand > p { max-width:270px; margin:0; line-height:1.5; }

.agraba-footer__col-title {
	margin:0 0 16px;
}

.agraba-footer__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap:10px;
}

.agraba-footer__list a {
	text-decoration: none;
}
.agraba-footer__list a:hover {
	color: var(--agraba-color-primary) !important;
}

.agraba-footer__bottom {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	margin-top:0;
	padding-top:32px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.agraba-footer__bottom p {
	margin: 0;
}

.agraba-footer__legal {
	display: flex;
	gap: 24px;
}

.agraba-footer__legal a {
	text-decoration: none;
}
.agraba-footer__legal a:hover {
	color: var(--agraba-color-primary) !important;
}

@media (max-width: 600px) {
	.agraba-footer { padding-top:48px; text-align:center; }
	.agraba-footer__columns { grid-template-columns:1fr; gap:34px; justify-items:center; }
	.agraba-footer__col,
	.agraba-footer__col--brand { width:100%; max-width:320px; grid-column:auto; }
	.agraba-footer__brand { align-items:center; }
	.agraba-footer__logo { margin-right:auto; margin-left:auto; }
	.agraba-footer__col--brand > p { margin-right:auto; margin-left:auto; }
	.agraba-footer__list { align-items:center; }
	.agraba-footer__bottom { flex-direction:column; align-items:center; text-align:center; }
	.agraba-footer__legal { justify-content:center; flex-wrap:wrap; }
}

@media (min-width:601px) and (max-width:900px) {
	.agraba-footer__columns { grid-template-columns:1.15fr .8fr .8fr; gap:36px; }
}