/*
 * Checkout (zonea-checkout; antes x86/arm/mac/linux): pagina autocontenida, sin header ni footer
 * del sitio. Valores de post-16872.css (Elementor) y del contexto de Twenty Twenty que hoy
 * alcanza a la plantilla canvas (tt-compat.css). Breakpoints: tablet <=1024, mobile <=767.
 */

/* Contexto de Twenty Twenty en el body (fuente variable si el navegador la soporta). */
body.pm-canvas {
	margin: 0;
	padding: 0;
	border: none;
}

@supports (font-variation-settings: normal) {
	body.pm-canvas {
		font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	}
}

/* ---- franja superior: logo + "SSL secured" ---- */
.pm-co-top {
	position: relative;
	background-color: #000;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #2A2F35;
	margin: 0;
	padding: 15px 40px 20px 40px;
}

.pm-co-top__inner {
	display: flex;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.pm-co-top__col {
	display: flex;
	position: relative;
	min-height: 1px;
	width: 50%;
}

.pm-co-top__wrap {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	position: relative;
	width: 100%;
}

.pm-co-top__col--ssl .pm-co-top__wrap {
	justify-content: flex-end;
}

.pm-co-logo {
	position: relative;
	width: 100%;
	text-align: start;
}

.pm-co-logo a {
	display: inline-block;
	box-shadow: none;
	text-decoration: none;
}

.pm-co-logo img {
	display: inline-block;
	vertical-align: middle;
	height: 60px !important;
	width: auto !important;
	max-width: 100%;
	border: none;
	border-radius: 0;
	box-shadow: none;
}

/* listas de iconos (SSL arriba, links abajo) */
.pm-co-list {
	position: relative;
	width: 100%;
}

.pm-co-list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.pm-co-list li {
	display: flex;
	align-items: center;
	font-size: inherit;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	position: relative;
}

.pm-co-list a {
	display: flex;
	align-items: center;
	font-size: inherit;
	box-shadow: none;
	text-decoration: none;
}

.pm-co-list__icon {
	display: flex;
	position: relative;
	padding-inline-end: 8px;
}

.pm-co-list__text {
	align-self: center;
	padding-inline-start: 5px;
}

.pm-co-ssl li {
	justify-content: flex-end;
	text-align: right;
}

.pm-co-ssl .pm-co-list__text {
	font-family: "Inter", Sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
	transition: color 0.3s;
}

/* candado: SVG de Font Awesome 5 (solid) en mascara, caja de 1.25em x 1em como el <i> de FA
   (el glifo queda alineado como el texto de la lista: a la derecha, centrado en mobile) */
.pm-co-lock {
	display: block;
	width: 1.25em;
	height: 1em;
	font-size: 16px;
	line-height: 1;
	background-color: #ffffff;
	transition: background-color 0.3s;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z'/%3E%3C/svg%3E") no-repeat right center / 0.875em 1em;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z'/%3E%3C/svg%3E") no-repeat right center / 0.875em 1em;
}

/* ---- franja central: tarjeta blanca con el checkout ---- */
.pm-co-main {
	display: block;
	position: relative;
	background-color: #000000; /* antes #101216 (gris azulado); Pablo pidió negro 100 % el 27-sep-2026 */
	padding: 15px 40px 20px 40px;
}

.pm-co-main__inner {
	display: flex;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.pm-co-card {
	position: relative;
	width: 100%;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #DEE0E3;
	border-radius: 12px 12px 12px 12px;
	box-shadow: 0px 12px 24px -12px rgba(0, 0, 0, 0.16);
	margin: 0;
	padding: 15px 40px 20px 40px;
}

.pm-co-card > .pm-sc-wrap {
	position: relative;
}

/* checkout-side-grid (Customizer): la misma regla, con el selector de este tema */
body:is(.page-id-16872,.page-id-16934,.page-id-16935,.page-id-16936) .pm-co-main{position:relative}
body:is(.page-id-16872,.page-id-16934,.page-id-16935,.page-id-16936) .pm-co-main>.pm-co-main__inner{position:relative;z-index:1}

/* ---- franja inferior: copyright + links ---- */
.pm-co-foot {
	position: relative;
	background-color: #000000;
	border-style: solid;
	border-width: 1px 0 0 0;
	border-color: #2A2F35;
	padding: 15px 40px 20px 40px;
}

.pm-co-foot__inner {
	display: flex;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.pm-co-foot__wrap {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	position: relative;
	width: 100%;
}

.pm-co-copy {
	position: relative;
	width: 100%;
	margin: 0 0 30px 0;
	padding: 0;
	text-align: center;
	font-family: "Inter", Sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1em;
	color: #B8B8B8;
}

.pm-co-links ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-inline: calc(-32px / 2);
}

.pm-co-links li {
	justify-content: center;
	margin-inline: calc(32px / 2);
	white-space: normal;
	word-break: break-word;
}

.pm-co-links a {
	justify-content: center;
	font-family: "Inter", Sans-serif;
	font-size: 14px;
}

.pm-co-links .pm-co-list__text {
	padding-inline-start: 0; /* items sin icono: Elementor no deja el hueco de 5px */
	color: #B8B8B8;
	transition: color 0.3s;
}

.pm-co-links li:hover .pm-co-list__text {
	color: #1A1E23;
}

/* seccion final vacia: hoy es una seccion de Elementor sin contenido (80px + 20px + 80px) */
.pm-co-tail {
	padding: 5rem 0;
}

.pm-co-tail::before {
	content: "";
	display: block;
	height: 20px;
}

@media (min-width: 700px) {
	.pm-co-tail {
		padding: 8rem 0;
	}
}

/* ---- tablet ---- */
@media (max-width: 1024px) and (min-width: 768px) {
	.pm-co-top__col--logo {
		width: 25%;
	}

	.pm-co-top__col--ssl {
		width: 75%;
	}
}

@media (max-width: 1024px) {
	.pm-co-top {
		padding: 24px 24px 24px 24px;
	}

	.pm-co-main {
		padding: 40px 44px 64px 44px;
	}

	.pm-co-card {
		padding: 32px 32px 32px 32px;
	}

	.pm-co-foot {
		padding: 24px 24px 24px 24px;
	}

	.pm-co-copy {
		margin-bottom: 20px;
	}

	.pm-co-links ul {
		margin-inline: calc(-20px / 2);
	}

	.pm-co-links li {
		margin-inline: calc(20px / 2);
	}
}

/* ---- mobile ---- */
@media (max-width: 767px) {
	.pm-co-top__inner,
	.pm-co-foot__inner {
		flex-wrap: wrap;
	}

	.pm-co-top__col {
		width: 100%;
	}

	.pm-co-top {
		margin: 0;
		padding: 24px 16px 24px 16px;
	}

	.pm-co-top__col--logo > .pm-co-top__wrap {
		padding: 0 0 20px 0;
	}

	.pm-co-logo {
		text-align: center;
	}

	.pm-co-top__col--ssl .pm-co-top__wrap {
		justify-content: center;
	}

	.pm-co-ssl li {
		justify-content: center;
		text-align: center;
	}

	.pm-co-ssl .pm-co-lock {
		font-size: 14px;
		-webkit-mask-position: center;
		mask-position: center;
	}

	.pm-co-ssl .pm-co-list__text {
		font-size: 13px;
	}

	.pm-co-main {
		padding: 24px 8px 24px 8px;
	}

	.pm-co-card {
		border-radius: 8px 8px 8px 8px;
		margin: 0;
		padding: 24px 0 24px 0;
	}

	.pm-co-foot {
		padding: 24px 20px 24px 20px;
	}

	.pm-co-links a {
		line-height: 2em;
	}
}