.elementor-490 .elementor-element.elementor-element-4eedd416{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-490 .elementor-element.elementor-element-4eedd416:not(.elementor-motion-effects-element-type-background), .elementor-490 .elementor-element.elementor-element-4eedd416 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-cd63381 ) 0%, #000000 100%);}.elementor-490 .elementor-element.elementor-element-404ffa44{--display:flex;}.elementor-490 .elementor-element.elementor-element-1e2a22c4{text-align:center;}.elementor-490 .elementor-element.elementor-element-1e2a22c4 .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:54px;color:var( --e-global-color-7d2a0a4 );}.elementor-490 .elementor-element.elementor-element-4dc695e1{text-align:center;font-family:"Helvetica", Sans-serif;font-size:18px;font-style:italic;color:var( --e-global-color-7d2a0a4 );}.elementor-490 .elementor-element.elementor-element-70913801{text-align:center;}.elementor-490 .elementor-element.elementor-element-70913801 .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:54px;color:#C0A1A1;}.elementor-490 .elementor-element.elementor-element-586b75ca .ehp-zigzag{--zigzag-content-position:center;--zigzag-description-color:var( --e-global-color-7d2a0a4 );--zigzag-image-height:380px;--zigzag-image-width:50%;--zigzag-image-position:center center;--zigzag-column-gap:100px;--zigzag-row-gap:120px;--zigzag-box-padding-block-end:60px;--zigzag-box-padding-block-start:60px;--zigzag-box-padding-inline-end:0px;--zigzag-box-padding-inline-start:0px;}.elementor-490 .elementor-element.elementor-element-586b75ca .ehp-zigzag .ehp-zigzag__title{color:var( --e-global-color-7d2a0a4 );}.elementor-490 .elementor-element.elementor-element-586b75ca .ehp-zigzag__title{font-family:"Anton", Sans-serif;font-size:42px;}.elementor-490 .elementor-element.elementor-element-586b75ca .ehp-zigzag__description{font-family:"Helvetica", Sans-serif;font-size:18px;font-style:italic;}.elementor-490 .elementor-element.elementor-element-586b75ca .ehp-zigzag__button--primary{flex-direction:row-reverse;}.elementor-490 .elementor-element.elementor-element-d90c0bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-490 .elementor-element.elementor-element-d90c0bb:not(.elementor-motion-effects-element-type-background), .elementor-490 .elementor-element.elementor-element-d90c0bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#050505;}@media(max-width:1024px){.elementor-490 .elementor-element.elementor-element-586b75ca .ehp-zigzag{--zigzag-image-position:center center;--zigzag-column-gap:60px;--zigzag-row-gap:40px;}}@media(max-width:767px){.elementor-490 .elementor-element.elementor-element-1e2a22c4 .elementor-heading-title{font-size:30px;}.elementor-490 .elementor-element.elementor-element-4dc695e1{font-size:15px;}.elementor-490 .elementor-element.elementor-element-70913801 .elementor-heading-title{font-size:40px;}.elementor-490 .elementor-element.elementor-element-586b75ca .ehp-zigzag__title{font-size:25px;}.elementor-490 .elementor-element.elementor-element-586b75ca .ehp-zigzag__description{font-size:15px;}.elementor-490 .elementor-element.elementor-element-586b75ca .ehp-zigzag{--zigzag-image-position:center center;--zigzag-column-gap:60px;--zigzag-row-gap:32px;}}/* Start custom CSS for html, class: .elementor-element-224bf2d *//* RESET */
*,
*::before,
*::after {
	box-sizing: border-box;
}
* {
	margin: 0;
}

:root {
	--color-background: #000;
	--color-text: #fff;
}

body {
	background: var(--color-background);
	color: var(--color-text);
	font-family: monospace;
	line-height: 1.5;
}

h2 {
	font-size: 1.5rem;
	line-height: 1.2;
	text-transform: uppercase;
	font-weight: 800;
}

h3 {
	font-size: 0.6rem;
	font-weight: 400;
}

img {
	display: block;
	width: 100%;
	height: auto;
}

/* BORDERS */
.border-outer,
.border-inner {
	clip-path: polygon(
		var(--corner-size) 0%,
		calc(100% - var(--corner-size)) 0%,
		100% var(--corner-size),
		100% calc(100% - var(--corner-size)),
		calc(100% - var(--corner-size)) 100%,
		var(--corner-size) 100%,
		0% calc(100% - var(--corner-size)),
		0% var(--corner-size)
	);
}

.border-outer {
	background: var(--color-text);
	padding: var(--border-width);
	display: flex;
	flex-direction: column;
}

.border-inner {
	flex-grow: 1;
	background: var(--color-background);
}

/* CARDS */
.cards {
	display: flex;
	min-height: 100dvh;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 1rem;
}

.card {
	--corner-size: 1.75rem;
	--border-width: 1px;
	--image-column-width: 8rem;
	--content-width: 19rem;

	display: grid;
	grid-template-columns: var(--image-column-width) calc(2 * var(--corner-size));
	position: relative;
	height: 28rem;
	overflow: clip;
	transition: grid-template-columns 450ms ease 50ms;
}

.card > * {
	grid-row: 1;
	min-width: 0;
}

.card-background {
	grid-column: 1 / -1;
}

.card-background img {
	height: 100%;
	object-fit: cover;
	width: calc(var(--image-column-width) + var(--corner-size));
}

.card-content {
	grid-column: 2;
	position: relative;
}

.card-content-layout {
	display: flex;
	gap: 2rem;
	position: absolute;
	top: var(--corner-size);
	left: var(--corner-size);
	height: calc(100% - 6rem);
	width: var(--content-width);
	translate: -1rem 0;
	transition: translate 450ms;
}

.card-copy {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

h2.vertical-title {
	writing-mode: vertical-lr;
}

/* TOGGLE */
.toggle {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 1rem;
}

.toggle input {
	display: none;
}

.toggle svg {
	transition: rotate 250ms;
}

.card:has(input:checked) {
	grid-template-columns: var(--image-column-width) var(--content-width);
}

.card:has(input:checked) .card-content-layout {
	translate: -4rem 0;
}

input:checked + svg {
	rotate: 45deg;
}

/* ✅ AJUSTE FINAL DE TEXTO (SIN ROMPER NADA) */
.card-copy p {
	font-size: 0.7rem;
	line-height: 1.35;
}

.card-copy p strong {
	font-size: 0.7rem;
	font-weight: 600;
}/* End custom CSS */