/*
 * Base tipografica y de controles del formulario de WooCommerce en el checkout y en Order (10-oct-2026).
 * Reemplaza a tt-compat.css (copia del style.css de Twenty Twenty): solo las reglas que alcanzaban a algun
 * elemento del checkout o del Order (auditadas contra el DOM real), mismo orden y misma especificidad
 * (:where = 0). Alcance: body.pm-woo (checkout) y .pm-woo-content > .pm-woo (Order).
 * Se carga despues de base.css, en el lugar que tenia tt-compat.css.
 */

:where(.pm-woo) h3, :where(.pm-woo) p, :where(.pm-woo) img, :where(.pm-woo) small, :where(.pm-woo) li, :where(.pm-woo) ul, :where(.pm-woo) form, :where(.pm-woo) label, :where(.pm-woo) button, :where(.pm-woo) table, :where(.pm-woo) tr, :where(.pm-woo) th, :where(.pm-woo) td, :where(.pm-woo) h2, :where(.pm-woo) address, :where(.pm-woo) ol {
	border-width: medium;
	border-style: none;
	border-color: currentcolor;
	border-image: none;
	font-size: inherit;
	line-height: inherit;
	margin: 0px;
	padding: 0px;
	text-align: inherit;
}

:where(.pm-woo) *, :where(.pm-woo) ::before, :where(.pm-woo) ::after { box-sizing: inherit; -webkit-font-smoothing: antialiased; word-break: break-word; overflow-wrap: break-word; }

.pm-woo-content::after { clear: both; content: ""; display: block; }

:where(.pm-woo) a, :where(.pm-woo) path { transition: 0.15s linear; }

:where(.pm-woo) .screen-reader-text {
	border: 0px;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0px;
	width: 1px;
	word-break: normal;
	position: absolute !important;
	overflow-wrap: normal !important;
}

:where(.pm-woo) .screen-reader-text:focus {
	background-color: rgb(241, 241, 241);
	border-radius: 3px;
	box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 2px 2px;
	clip-path: none;
	color: rgb(33, 117, 155);
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	right: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	clip: auto !important;
}

@media (prefers-reduced-motion: reduce) {
	:where(.pm-woo) * { animation-duration: 0s !important; transition-duration: 0s !important; }
}

:where(.pm-woo) main { display: block; }

:where(.pm-woo) h3, :where(.pm-woo) h2 {
	font-feature-settings: "lnum";
	font-variant-numeric: lining-nums;
	font-weight: 700;
	letter-spacing: -0.0415625em;
	line-height: 1.25;
	margin: 3.5rem 0px 2rem;
}

:where(.pm-woo) h2 { font-size: 3.2rem; }

:where(.pm-woo) h3 { font-size: 2.8rem; }

:where(.pm-woo) p { line-height: 1.5; margin: 0px 0px 1em; }

:where(.pm-woo) i { font-style: italic; }

:where(.pm-woo) small { font-size: 0.75em; }

:where(.pm-woo) strong { font-weight: 700; }

:where(.pm-woo) address { line-height: 1.5; margin: 0px 0px 2rem; }

:where(.pm-woo) a { color: rgb(205, 38, 83); text-decoration: underline; }

:where(.pm-woo) a:hover, :where(.pm-woo) a:focus { text-decoration: none; }

:where(.pm-woo) ul, :where(.pm-woo) ol { margin: 0px 0px 3rem 3rem; }

:where(.pm-woo) ul { list-style: disc; }

:where(.pm-woo) ol { list-style: decimal; }

:where(.pm-woo) li { line-height: 1.5; margin: 0.5rem 0px 0px 2rem; }

:where(.pm-woo) iframe { display: block; max-width: 100%; }

:where(.pm-woo) svg, :where(.pm-woo) img { display: block; height: auto; max-width: 100%; }

:where(.pm-woo) label { display: block; font-size: 1.6rem; font-weight: 400; margin: 0px 0px 0.5rem; }

:where(.pm-woo) input[type="checkbox"] {
	appearance: none;
	position: relative;
	top: 2px;
	display: inline-block;
	margin: 0px;
	width: 1.5rem;
	min-width: 1.5rem;
	height: 1.5rem;
	background: rgb(255, 255, 255);
	border-radius: 0px;
	border-style: solid;
	border-width: 0.1rem;
	border-color: rgb(220, 215, 202);
	box-shadow: none;
	cursor: pointer;
}

:where(.pm-woo) input[type="checkbox"]:checked::before {
	content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E");
	position: absolute;
	display: inline-block;
	margin: -0.1875rem 0px 0px -0.25rem;
	height: 1.75rem;
	width: 1.75rem;
}

:where(.pm-woo) input, :where(.pm-woo) textarea, :where(.pm-woo) button, :where(.pm-woo) .button { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; line-height: 1; }

@supports ( font-variation-settings: normal ) {
	:where(.pm-woo) input, :where(.pm-woo) textarea, :where(.pm-woo) button, :where(.pm-woo) .button { font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; }
}

:where(.pm-woo) input, :where(.pm-woo) textarea { border-color: rgb(220, 215, 202); color: rgb(0, 0, 0); }

:where(.pm-woo) input[type="email"] { direction: ltr; }

:where(.pm-woo) input[type="text"], :where(.pm-woo) input[type="password"], :where(.pm-woo) input[type="email"], :where(.pm-woo) input[type="number"], :where(.pm-woo) textarea {
	appearance: none;
	background: rgb(255, 255, 255);
	border-radius: 0px;
	border-style: solid;
	border-width: 0.1rem;
	box-shadow: none;
	display: block;
	font-size: 1.6rem;
	letter-spacing: -0.015em;
	margin: 0px;
	max-width: 100%;
	padding: 1.5rem 1.8rem;
	width: 100%;
}

:where(.pm-woo) input[type="number"] { padding-right: 0.5rem; }

:where(.pm-woo) textarea { height: 12rem; line-height: 1.5; width: 100%; }

:where(.pm-woo) input::-webkit-input-placeholder { line-height: normal; }

:where(.pm-woo) button, :where(.pm-woo) .button {
	appearance: none;
	background: rgb(205, 38, 83);
	border-width: medium;
	border-style: none;
	border-color: currentcolor;
	border-image: none;
	border-radius: 0px;
	color: rgb(255, 255, 255);
	cursor: pointer;
	display: inline-block;
	font-size: 1.5rem;
	font-weight: 600;
	letter-spacing: 0.0333em;
	line-height: 1.25;
	margin: 0px;
	opacity: 1;
	padding: 1.1em 1.44em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: opacity 0.15s linear;
}

:where(.pm-woo) button:focus, :where(.pm-woo) button:hover, :where(.pm-woo) .button:focus, :where(.pm-woo) .button:hover { text-decoration: underline; }

:where(.pm-woo) input[type="text"]:focus, :where(.pm-woo) input[type="email"]:focus, :where(.pm-woo) input[type="password"]:focus, :where(.pm-woo) input[type="number"]:focus, :where(.pm-woo) textarea:focus { border-color: currentcolor; }

:where(.pm-woo) table {
	border: 0.1rem solid rgb(220, 215, 202);
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
	font-size: 1.6rem;
	margin: 4rem 0px;
	max-width: 100%;
	overflow: hidden;
	width: 100%;
}

:where(.pm-woo) th, :where(.pm-woo) td { border: 0.1rem solid rgb(220, 215, 202); line-height: 1.4; margin: 0px; overflow: visible; padding: 0.5em; }

:where(.pm-woo) thead { vertical-align: bottom; white-space: nowrap; }

:where(.pm-woo) th { font-weight: 700; }

:where(.pm-woo) section { padding: 5rem 0px; width: 100%; }

.pm-woo-content { line-height: 1.5; }

.pm-woo-content > * { margin-left: auto; margin-right: auto; margin-bottom: 1.25em; }

.pm-woo-content a:hover, .pm-woo-content a:focus { text-decoration: none; }

.pm-woo-content p, .pm-woo-content li { line-height: 1.4; }

.pm-woo-content {
	font-family: NonBreakingSpaceOverride, "Hoefler Text", "Noto Serif", Garamond, "Times New Roman", serif;
	letter-spacing: normal;
}

.pm-woo-content table { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; }

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

@media (max-width: 479px) {
	:where(.pm-woo) ul, :where(.pm-woo) ol { margin: 0px 0px 3rem 2rem; }
}

@media (max-width: 479px) {
	:where(.pm-woo) li { margin: 0.5rem 0px 0px 1rem; }
}

@media (min-width: 700px) {
	:where(.pm-woo) ul, :where(.pm-woo) ol { margin-bottom: 4rem; }
}

@media (min-width: 700px) {
	:where(.pm-woo) table { font-size: 1.8rem; }
}

@media (min-width: 700px) {
	:where(.pm-woo) h3, :where(.pm-woo) h2 { margin: 6rem auto 3rem; }
}

@media (min-width: 700px) {
	:where(.pm-woo) h2 { font-size: 4.8rem; }
}

@media (min-width: 700px) {
	:where(.pm-woo) h3 { font-size: 4rem; }
}

@media (min-width: 700px) {
	:where(.pm-woo) button, :where(.pm-woo) .button { font-size: 1.7rem; }
}

@media (min-width: 700px) {
	:where(.pm-woo) section { padding: 8rem 0px; }
}

@media (min-width: 700px) {
	.pm-woo-content { font-size: 2.1rem; }
}

@media (min-width: 700px) {
	.pm-woo-content p, .pm-woo-content li { line-height: 1.476; }
}

:where(.pm-woo) a { color: rgb(205, 38, 83); }

:where(.pm-woo) button, :where(.pm-woo) .button { background-color: rgb(205, 38, 83); }

:where(.pm-woo) input, :where(.pm-woo) textarea, :where(.pm-woo) table, :where(.pm-woo) table * { border-color: rgb(220, 215, 202); }