/* =========================================================
   LA PUNTADA — PERSONALIZADOR V4.4
   CTA integrado en tarjeta también en móvil
========================================================= */

:root {
	--lp-bg: #f7f3ee;
	--lp-bg-2: #fbf8f4;
	--lp-card: #fff;

	--lp-text: #211d1a;
	--lp-muted: #766f69;

	--lp-accent: #a87d63;

	--lp-dark: #201c19;

	--lp-success: #72806b;
	--lp-success-soft: #edf3e9;

	--lp-line: rgba(33,29,26,.10);
	--lp-line-strong: rgba(33,29,26,.20);

	--lp-shadow:
		0 8px 24px
		rgba(40,28,21,.055);
}


/* =========================================================
   GLOBAL
========================================================= */

body.lp-customizer-v43-page {
	overflow-x: hidden;
}

#lp-personalizador,
#lp-personalizador *,
#lp-personalizador *::before,
#lp-personalizador *::after {
	box-sizing: border-box;
}

#lp-personalizador {
	position: relative;

	width: 100%;
	max-width: 100%;

	margin: 0;
	padding: 0;

	color: var(--lp-text);

	font-family: inherit;

	overflow: visible;
}

#lp-personalizador [hidden] {
	display: none !important;
}

#lp-personalizador button,
#lp-personalizador input {
	font: inherit;
}


/* =========================================================
   OCULTAR CONTROLES NATIVOS WOOCOMMERCE
========================================================= */

body.lp-customizer-v43-page
form.cart > .quantity,

body.lp-customizer-v43-page
form.cart > .single_add_to_cart_button,

body.lp-customizer-v43-page
form.cart > button.single_add_to_cart_button {
	display: none !important;
}


/* =========================================================
   ELIMINAR COMPLETAMENTE BARRA FIJA INFERIOR
========================================================= */

#lp-v3-mobile-bar,
.lp-v32-mobile-bar {
	display: none !important;
}


/* =========================================================
   FORM / SUMMARY
========================================================= */

body.lp-customizer-v43-page
form.cart {
	display: block !important;

	position: relative !important;

	top: auto !important;

	width: 100% !important;
	max-width: 100% !important;

	margin: 14px 0 0 !important;
	padding: 0 !important;

	transform: none !important;
}

body.lp-customizer-v43-page
.summary.entry-summary,

body.lp-customizer-v43-page
div.product div.summary {
	position: relative !important;

	top: auto !important;

	height: auto !important;

	transform: none !important;
}


/* =========================================================
   INTRO
========================================================= */

.lp-v43-intro {
	display: flex;

	align-items: center;
	justify-content: space-between;

	gap: 14px;

	width: 100%;

	margin: 0 0 7px;
	padding: 11px 13px;

	border: 1px solid var(--lp-line);
	border-radius: 14px;

	background: var(--lp-bg);
}

.lp-v43-eyebrow {
	display: block;

	margin-bottom: 3px;

	color: var(--lp-accent);

	font-size: 7px;
	font-weight: 850;

	letter-spacing: .14em;
}

.lp-v43-intro h2 {
	margin: 0;

	font-size: 20px;
	font-weight: 650;

	line-height: 1.08;
	letter-spacing: -.03em;
}

.lp-v43-intro p {
	margin: 4px 0 0;

	color: var(--lp-muted);

	font-size: 9px;
	line-height: 1.4;
}

.lp-v43-trust {
	display: flex;

	flex-direction: column;

	gap: 4px;
}

.lp-v43-trust span {
	padding: 5px 8px;

	border: 1px solid var(--lp-line);
	border-radius: 999px;

	background: #fff;

	color: var(--lp-muted);

	font-size: 7px;
	font-weight: 700;

	white-space: nowrap;
}


/* =========================================================
   PROGRESO
========================================================= */

.lp-v32-progress {
	position: relative;

	display: grid;

	grid-template-columns:
		repeat(
			4,
			minmax(0,1fr)
		);

	gap: 4px;

	width: 100%;

	margin: 7px 0;
	padding: 4px;

	border: 1px solid var(--lp-line);
	border-radius: 13px;

	background: #fff;
}

.lp-v32-progress__item {
	display: flex;

	min-width: 0;
	min-height: 43px;

	flex-direction: column;

	align-items: center;
	justify-content: center;

	gap: 3px;

	padding: 3px;

	border: 0;
	border-radius: 9px;

	background: transparent;
	color: var(--lp-muted);

	cursor: pointer;
}

.lp-v32-progress__item span {
	display: flex;

	width: 23px;
	height: 23px;

	align-items: center;
	justify-content: center;

	border: 1px solid var(--lp-line-strong);
	border-radius: 50%;

	background: #fff;

	font-size: 7.5px;
	font-weight: 850;
}

.lp-v32-progress__item small {
	overflow: hidden;

	max-width: 100%;

	font-size: 6.5px;
	font-weight: 760;

	white-space: nowrap;
	text-overflow: ellipsis;
}

.lp-v32-progress__item.is-active {
	background: var(--lp-bg);
	color: var(--lp-text);
}

.lp-v32-progress__item.is-active span {
	border-color: var(--lp-dark);

	background: var(--lp-dark);
	color: #fff;
}

.lp-v32-progress__item.is-complete span {
	border-color: var(--lp-success);

	background: var(--lp-success);
	color: #fff;
}


/* =========================================================
   STEP
========================================================= */

.lp-v32-step {
	width: 100%;

	margin: 0;
	padding: 15px 13px;

	border: 1px solid var(--lp-line);
	border-radius: 16px;

	background: #fff;

	box-shadow: var(--lp-shadow);
}

.lp-v32-step__header {
	margin-bottom: 11px;
}

.lp-v32-step__header > span {
	display: block;

	margin-bottom: 4px;

	color: var(--lp-accent);

	font-size: 7px;
	font-weight: 850;

	letter-spacing: .13em;
}

.lp-v32-step__header h2 {
	margin: 0;

	font-size: 24px;
	font-weight: 620;

	line-height: 1;
	letter-spacing: -.035em;
}

.lp-v32-step__header p {
	margin: 5px 0 0;

	color: var(--lp-muted);

	font-size: 9.5px;
	line-height: 1.4;
}


/* =========================================================
   MASCOTAS
========================================================= */

.lp-v32-pet-grid {
	display: grid;

	grid-template-columns:
		1fr 1fr;

	gap: 7px;
}

.lp-v32-pet-card {
	position: relative;

	display: block;

	min-width: 0;

	cursor: pointer;
}

.lp-v32-pet-card input {
	position: absolute;

	width: 1px;
	height: 1px;

	opacity: 0;
}

.lp-v32-pet-card__inner {
	display: flex;

	min-height: 88px;

	flex-direction: column;
	justify-content: center;

	padding: 11px;

	border: 1.5px solid var(--lp-line);
	border-radius: 13px;

	background: var(--lp-bg-2);
}

.lp-v32-pet-card__inner strong {
	margin-bottom: 4px;

	font-size: 10.5px;
}

.lp-v32-pet-card__inner b {
	font-size: 16px;
	font-weight: 850;
}

.lp-v32-pet-card__inner small {
	margin-top: 3px;

	color: var(--lp-muted);

	font-size: 7px;
}

.lp-v32-pet-card
input:checked
+ .lp-v32-pet-card__inner {
	border-color: var(--lp-dark);

	background: var(--lp-dark);
	color: #fff;
}

.lp-v32-pet-card
input:checked
+ .lp-v32-pet-card__inner small {
	color: rgba(255,255,255,.7);
}

.lp-v32-pet-card
input:checked
+ .lp-v32-pet-card__inner
.woocommerce-Price-amount {
	color: #fff;
}


/* =========================================================
   CONFIANZA
========================================================= */

.lp-v32-confidence {
	display: grid;

	grid-template-columns:
		auto 1fr;

	gap: 8px;

	margin-top: 9px;
	padding: 10px;

	border-radius: 12px;

	background: var(--lp-success-soft);
}

.lp-v32-confidence > span {
	display: flex;

	width: 27px;
	height: 27px;

	align-items: center;
	justify-content: center;

	border-radius: 50%;

	background: var(--lp-success);
	color: #fff;

	font-size: 9px;
}

.lp-v32-confidence strong {
	display: block;

	margin-bottom: 2px;

	font-size: 9.5px;
}

.lp-v32-confidence p {
	margin: 0;

	color: var(--lp-muted);

	font-size: 8.5px;
	line-height: 1.35;
}


/* =========================================================
   BOTONES PRINCIPALES
========================================================= */

.lp-v32-primary,
.lp-v32-buy {
	display: flex !important;

	width: 100%;
	min-height: 50px;

	align-items: center;
	justify-content: center;

	gap: 7px;

	margin-top: 12px;
	padding: 0 15px;

	border: 0;
	border-radius: 999px;

	background: var(--lp-dark);
	color: #fff;

	font-size: 10.5px;
	font-weight: 800;

	cursor: pointer;

	box-shadow:
		0 7px 18px
		rgba(33,29,26,.12);
}

.lp-v32-primary:hover,
.lp-v32-buy:hover {
	background: #151311;
}


/* =========================================================
   SECCIONES
========================================================= */

.lp-v32-section
+ .lp-v32-section {
	margin-top: 14px;
}

.lp-v32-section__title {
	display: flex;

	align-items: center;
	justify-content: space-between;

	margin-bottom: 8px;
}

.lp-v32-section__title strong {
	font-size: 10.5px;
}

.lp-v32-section__title button {
	padding: 0;

	border: 0;

	background: none;

	font-size: 8px;
	font-weight: 750;

	text-decoration: underline;

	cursor: pointer;
}

.lp-v43-option-note {
	margin: -2px 0 10px;

	color: var(--lp-muted);

	font-size: 8.5px;
}


/* =========================================================
   TALLAS
========================================================= */

.lp-v32-size-grid {
	display: grid;

	grid-template-columns:
		repeat(
			3,
			minmax(0,1fr)
		);

	gap: 6px;
}

.lp-v32-size-grid label {
	position: relative;
}

.lp-v32-size-grid input {
	position: absolute;

	width: 1px;
	height: 1px;

	opacity: 0;
}

.lp-v32-size-grid span {
	display: flex;

	height: 43px;

	align-items: center;
	justify-content: center;

	border: 1.5px solid var(--lp-line);
	border-radius: 10px;

	background: var(--lp-bg-2);

	font-size: 9.5px;
	font-weight: 760;
}

.lp-v32-size-grid
input:checked
+ span {
	border-color: var(--lp-dark);

	background: var(--lp-dark);
	color: #fff;
}


/* =========================================================
   COLORES
========================================================= */

.lp-v32-color-grid {
	display: grid;

	grid-template-columns:
		1fr 1fr;

	gap: 6px;
}

.lp-v32-color {
	position: relative;

	display: flex;

	min-width: 0;
	min-height: 48px;

	align-items: center;

	gap: 7px;

	padding: 8px;

	border: 1.5px solid var(--lp-line);
	border-radius: 11px;

	background: var(--lp-bg-2);

	cursor: pointer;
}

.lp-v32-color input {
	position: absolute;

	width: 1px;
	height: 1px;

	opacity: 0;
}

.lp-v32-color:has(
	input:checked
) {
	border-color: var(--lp-dark);

	box-shadow:
		inset 0 0 0 1px
		var(--lp-dark);
}

.lp-v32-color__dot {
	width: 21px;
	height: 21px;

	flex: 0 0 21px;

	border: 1px solid rgba(0,0,0,.10);
	border-radius: 50%;
}

.lp-v32-color small {
	font-size: 8px;
	font-weight: 720;
}

.lp-v32-color--negro
.lp-v32-color__dot {
	background: #1d1d1d;
}

.lp-v32-color--beige
.lp-v32-color__dot {
	background: #d8c1a8;
}

.lp-v32-color--blanco
.lp-v32-color__dot {
	background: #fff;
}

.lp-v32-color--gris
.lp-v32-color__dot {
	background: #949494;
}

.lp-v32-color--verde-musgo
.lp-v32-color__dot {
	background: #5f694b;
}

.lp-v32-color--azul-rey
.lp-v32-color__dot {
	background: #2552a9;
}

.lp-v32-color--rojo
.lp-v32-color__dot {
	background: #aa3933;
}

.lp-v32-color--rosado
.lp-v32-color__dot {
	background: #d8a0ab;
}

.lp-v32-color--celeste
.lp-v32-color__dot {
	background: #80b9dc;
}

.lp-v32-color--amarillo
.lp-v32-color__dot {
	background: #e4bd45;
}


/* =========================================================
   ACCIONES
========================================================= */

.lp-v32-actions {
	display: grid;

	grid-template-columns:
		auto 1fr;

	align-items: center;

	gap: 10px;

	margin-top: 13px;
	padding-top: 10px;

	border-top: 1px solid var(--lp-line);
}

.lp-v32-actions
.lp-v32-primary {
	width: 100%;

	margin-top: 0;
}

.lp-v32-back,
.lp-v32-change {
	padding: 0;

	border: 0;

	background: none;
	color: var(--lp-muted);

	font-size: 8.5px;
	font-weight: 720;

	cursor: pointer;
}

.lp-v32-back {
	min-width: 60px;
}


/* =========================================================
   UPLOAD
========================================================= */

.lp-v32-upload-list {
	display: grid;

	gap: 8px;
}

.lp-v32-upload-card {
	padding: 10px;

	border: 1px solid var(--lp-line);
	border-radius: 13px;

	background: var(--lp-bg-2);
}

.lp-v32-upload-card__top {
	display: flex;

	align-items: center;
	justify-content: space-between;

	margin-bottom: 7px;
}

.lp-v32-upload-card__top strong {
	font-size: 9.5px;
}

.lp-v32-upload-status {
	padding: 3px 6px;

	border-radius: 999px;

	background: #eee7e2;

	color: var(--lp-muted);

	font-size: 6.5px;
}

.lp-v32-photo-area {
	position: relative;

	overflow: hidden;

	min-height: 170px;

	border: 1.5px dashed
		rgba(168,125,99,.42);

	border-radius: 12px;

	background: #fff;
}

.lp-v32-photo-empty {
	position: absolute;

	inset: 0;

	display: flex;

	flex-direction: column;

	align-items: center;
	justify-content: center;

	padding: 14px;

	text-align: center;
}

.lp-v32-photo-empty > span {
	display: flex;

	width: 36px;
	height: 36px;

	align-items: center;
	justify-content: center;

	margin-bottom: 6px;

	border-radius: 50%;

	background: var(--lp-bg);

	font-size: 19px;
}

.lp-v32-photo-empty strong {
	font-size: 9.5px;
}

.lp-v32-photo-empty small {
	margin-top: 3px;

	color: var(--lp-muted);

	font-size: 7px;
}

.lp-v32-photo-preview {
	display: block;

	width: 100%;
	height: 170px;

	object-fit: cover;
}

.lp-v32-upload-trigger {
	position: relative;

	display: flex;

	min-height: 40px;

	align-items: center;
	justify-content: center;

	margin-top: 6px;

	border: 1px solid var(--lp-line);
	border-radius: 10px;

	background: #fff;
}

.lp-v32-upload-trigger input {
	position: absolute;

	inset: 0;

	width: 100%;
	height: 100%;

	opacity: 0;

	cursor: pointer;
}

.lp-v32-upload-trigger span {
	font-size: 8px;
	font-weight: 760;
}

.lp-v32-name {
	display: block;

	margin-top: 8px;
}

.lp-v32-name > span {
	display: block;

	margin-bottom: 4px;

	font-size: 8px;
	font-weight: 760;
}

.lp-v32-name small {
	color: var(--lp-muted);

	font-size: 7px;
}

.lp-v32-name input {
	display: block;

	width: 100%;
	height: 40px;

	padding: 0 9px;

	border: 1px solid var(--lp-line);
	border-radius: 10px;

	background: #fff;

	font-size: 9.5px;
}


/* =========================================================
   REVIEW
========================================================= */

.lp-v32-review {
	padding: 11px;

	border: 1px solid var(--lp-line);
	border-radius: 13px;

	background: var(--lp-bg-2);
}

.lp-v32-review__top {
	display: flex;

	justify-content: space-between;

	gap: 9px;

	padding-bottom: 8px;

	border-bottom: 1px solid var(--lp-line);
}

.lp-v32-review__top span {
	display: block;

	color: var(--lp-accent);

	font-size: 6px;
}

.lp-v32-review__top strong {
	display: block;

	margin-top: 3px;

	font-size: 11px;
}

.lp-v32-review__top b {
	font-size: 16px;
}

.lp-v32-review__details {
	display: grid;

	grid-template-columns:
		repeat(
			3,
			minmax(0,1fr)
		);

	gap: 5px;

	padding-top: 8px;
}

.lp-v32-review__details > div {
	padding: 7px;

	border-radius: 9px;

	background: #fff;
}

.lp-v32-review__details span {
	display: block;

	color: var(--lp-muted);

	font-size: 6px;
}

.lp-v32-review__details strong {
	font-size: 8px;
}

.lp-v32-review-photos {
	display: grid;

	grid-template-columns:
		repeat(
			2,
			minmax(0,1fr)
		);

	gap: 5px;

	margin-top: 7px;
}

.lp-v32-review-photo {
	overflow: hidden;

	aspect-ratio: 1;

	border-radius: 9px;
}

.lp-v32-review-photo img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
}


/* =========================================================
   APROBACIÓN
========================================================= */

.lp-v32-approval {
	display: grid;

	grid-template-columns:
		auto 1fr;

	gap: 8px;

	margin-top: 8px;
	padding: 10px;

	border-radius: 12px;

	background: var(--lp-dark);
	color: #fff;
}

.lp-v32-approval__icon {
	display: flex;

	width: 28px;
	height: 28px;

	align-items: center;
	justify-content: center;

	border-radius: 50%;

	background: #fff;
	color: var(--lp-dark);

	font-size: 9px;
}

.lp-v32-approval span {
	display: block;

	color: #cba88f;

	font-size: 6px;
}

.lp-v32-approval strong {
	display: block;

	margin-top: 3px;

	font-size: 9.5px;
}

.lp-v32-approval p {
	margin: 3px 0 0;

	color: rgba(255,255,255,.70);

	font-size: 8px;
}


/* =========================================================
   PROCESO
========================================================= */

.lp-v32-process {
	display: grid;

	grid-template-columns:
		repeat(
			4,
			minmax(0,1fr)
		);

	gap: 4px;

	margin-top: 7px;
}

.lp-v32-process > div {
	padding: 7px 3px;

	border-radius: 8px;

	background: var(--lp-bg);

	text-align: center;
}

.lp-v32-process span {
	display: flex;

	width: 19px;
	height: 19px;

	align-items: center;
	justify-content: center;

	margin: 0 auto 3px;

	border-radius: 50%;

	background: var(--lp-dark);
	color: #fff;

	font-size: 6px;
}

.lp-v32-process p {
	margin: 0;

	color: var(--lp-muted);

	font-size: 6px;
}


/* =========================================================
   COMPRA FINAL
========================================================= */

.lp-v32-buy {
	justify-content: space-between;

	min-height: 52px;

	margin-top: 9px;
}

.lp-v32-buy strong {
	font-size: 12px;
}

.lp-v32-buy-note {
	margin: 5px 0 0;

	color: var(--lp-muted);

	font-size: 7px;

	text-align: center;
}

.lp-v32-change {
	display: block;

	margin: 8px auto 0;
}


/* =========================================================
   TOAST
========================================================= */

.lp-v3-toast {
	position: fixed;

	z-index: 100000;

	left: 50%;
	bottom: 24px;

	transform: translateX(-50%);

	max-width: calc(100% - 24px);

	padding: 9px 12px;

	border-radius: 999px;

	background: var(--lp-dark);
	color: #fff;

	font-size: 8.5px;

	text-align: center;

	opacity: 0;

	pointer-events: none;
}

.lp-v3-toast.is-visible {
	opacity: 1;
}


/* =========================================================
   CLIENTES FELICES
========================================================= */

.lp-client-love {
	clear: both;

	width: 100%;

	margin: 42px auto 36px;
	padding: 0;
}

.lp-client-love__header {
	max-width: 620px;

	margin-bottom: 16px;
}

.lp-client-love__eyebrow {
	display: block;

	margin-bottom: 5px;

	color: var(--lp-accent);

	font-size: 7px;
	font-weight: 850;

	letter-spacing: .14em;
}

.lp-client-love__header h2 {
	margin: 0;

	font-size: clamp(
		27px,
		4vw,
		42px
	);

	line-height: 1;
	letter-spacing: -.04em;
}

.lp-client-love__header p {
	margin: 7px 0 0;

	color: var(--lp-muted);

	font-size: 11px;
}

.lp-client-love__gallery {
	display: grid;

	grid-template-columns:
		repeat(
			4,
			minmax(0,1fr)
		);

	gap: 9px;
}

.lp-client-love__item {
	display: block;

	overflow: hidden;

	aspect-ratio: 4 / 5;

	border-radius: 14px;

	background: var(--lp-bg);

	box-shadow: var(--lp-shadow);
}

.lp-client-love__item img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
}


/* =========================================================
   MÓVIL
========================================================= */

@media (max-width: 720px) {

	body.lp-customizer-v43-page {
		padding-bottom: 0 !important;
	}


	body.lp-customizer-v43-page
	.summary.entry-summary,

	body.lp-customizer-v43-page
	div.product div.summary {
		width: 100% !important;
		max-width: 100% !important;

		box-sizing: border-box !important;
	}


	body.lp-customizer-v43-page
	form.cart {
		width: 100% !important;
		max-width: 100% !important;

		margin-right: 0 !important;
		margin-left: 0 !important;

		padding-right: 0 !important;
		padding-left: 0 !important;
	}


	#lp-personalizador {
		position: relative !important;

		left: auto !important;
		right: auto !important;

		width: 100% !important;
		max-width: 100% !important;

		margin-right: 0 !important;
		margin-left: 0 !important;

		padding-right: 0 !important;
		padding-left: 0 !important;

		transform: none !important;
	}


	.lp-v43-intro,
	.lp-v32-progress,
	.lp-v32-step {
		width: 100% !important;
		max-width: 100% !important;

		margin-right: 0 !important;
		margin-left: 0 !important;
	}


	.lp-v43-intro {
		display: block;

		padding: 10px 11px;
	}


	.lp-v43-intro h2 {
		font-size: 18px;
	}


	.lp-v43-intro p {
		font-size: 8.5px;
	}


	.lp-v43-trust {
		display: flex;

		flex-direction: row;
		flex-wrap: wrap;

		margin-top: 7px;
	}


	.lp-v43-trust span {
		font-size: 6.5px;
	}


	/*
	 * IMPORTANTE:
	 * CTA visible dentro de cada tarjeta.
	 */
	.lp-v32-step
	> .lp-v32-primary {
		display: flex !important;
	}


	.lp-v32-actions
	.lp-v32-primary {
		display: flex !important;
	}


	/*
	 * PASOS 2 y 3:
	 * Volver arriba pequeño,
	 * CTA debajo ocupando todo.
	 */
	.lp-v32-actions {
		display: grid;

		grid-template-columns: 1fr;

		gap: 8px;

		margin-top: 11px;
		padding-top: 10px;
	}


	.lp-v32-actions
	.lp-v32-back {
		justify-self: start;

		order: 1;
	}


	.lp-v32-actions
	.lp-v32-primary {
		order: 2;

		width: 100%;

		min-height: 50px;
	}


	/*
	 * Botón del paso 1
	 * separado de la caja de confianza.
	 */
	.lp-v32-step[data-step="1"]
	> .lp-v32-primary {
		margin-top: 12px;
	}


	/*
	 * La tarjeta termina DESPUÉS
	 * del botón, como en desktop.
	 */
	.lp-v32-step {
		padding-bottom: 15px;
	}


	/* CLIENTES FELICES */

	.lp-client-love__gallery {
		display: flex;

		overflow-x: auto;

		gap: 8px;

		padding-bottom: 6px;

		scroll-snap-type: x mandatory;

		-webkit-overflow-scrolling: touch;

		scrollbar-width: none;
	}


	.lp-client-love__gallery::-webkit-scrollbar {
		display: none;
	}


	.lp-client-love__item {
		flex: 0 0 76%;

		scroll-snap-align: start;
	}
}


/* =========================================================
   DESKTOP
========================================================= */

@media (min-width: 721px) {

	#lp-v3-mobile-bar,
	.lp-v32-mobile-bar {
		display: none !important;
	}


	.lp-v32-pet-grid {
		grid-template-columns:
			repeat(
				4,
				minmax(0,1fr)
			);
	}


	.lp-v32-size-grid {
		grid-template-columns:
			repeat(
				6,
				minmax(0,1fr)
			);
	}


	.lp-v32-color-grid {
		grid-template-columns:
			repeat(
				4,
				minmax(0,1fr)
			);
	}


	.lp-v32-upload-card {
		display: grid;

		grid-template-columns:
			minmax(210px,.85fr)
			minmax(0,1fr);

		column-gap: 13px;
	}


	.lp-v32-upload-card__top {
		grid-column: 1 / -1;
	}


	.lp-v32-photo-area,
	.lp-v32-upload-trigger {
		grid-column: 1;
	}


	.lp-v32-name {
		grid-column: 2;

		grid-row: 2 / span 2;

		align-self: center;

		margin-top: 0;
	}


	.lp-v32-photo-area,
	.lp-v32-photo-preview {
		height: 220px;
	}


	.lp-v32-review-photos {
		grid-template-columns:
			repeat(
				4,
				minmax(0,1fr)
			);
	}
}


/* =========================================================
   MÓVIL PEQUEÑO
========================================================= */

@media (max-width: 390px) {

	.lp-v32-step__header h2 {
		font-size: 22px;
	}


	.lp-v32-review__details {
		grid-template-columns: 1fr;
	}
}