.gs-home-about {
    padding: var(--space-xl) 0px;
}

.gs-home-about__card {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr) 430px;
gap: var(--space-xl);
align-items: center;
overflow: hidden;
padding: clamp(30px, 4vw, 56px);
border: 1px solid rgba(78, 115, 185, 0.1);
border-radius: var(--radius-lg);
background:
radial-gradient(circle at 92% 18%, rgba(241, 145, 35, 0.18) 0, rgba(241, 145, 35, 0) 28%),
linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(249, 246, 243, 0.96) 52%, rgba(238, 243, 255, 0.92) 100%);
box-shadow: 0 24px 55px rgba(35, 31, 32, 0.08);
}

.gs-home-about__card::before {
content: "";
position: absolute;
inset: 18px;
border: 1px solid rgba(255, 255, 255, 0.78);
border-radius: calc(var(--radius-lg) - 10px);
pointer-events: none;
}

.gs-home-about__content {
position: relative;
z-index: 2;
max-width: 640px;
}

.gs-home-about__eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
margin-bottom: var(--space-md);
color: var(--color-primario-anaranjado);
font-size: 12px;
font-weight: var(--font-bold);
letter-spacing: 0.24em;
text-transform: uppercase;
}

.gs-home-about__eyebrow::before {
content: "";
width: 34px;
height: 2px;
border-radius: 999px;
background: currentColor;
}

.gs-home-about__content h2 {
max-width: 700px;
margin: 0;
color: var(--color-text-cafe);
font-size: clamp(34px, 4.4vw, 62px);
font-weight: var(--font-bold);
line-height: 0.98;
letter-spacing: -0.05em;
}

.gs-home-about__content p {
max-width: 590px;
margin: var(--space-lg) 0 0;
color: var(--color-text-negro);
font-size: var(--text-md);
line-height: 1.75;
}

.gs-home-about__actions {
display: flex;
flex-wrap: wrap;
gap: var(--space-sm);
margin-top: var(--space-lg);
}

.gs-home-about__primary,
.gs-home-about__secondary {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 0 22px;
border-radius: var(--radius-md);
font-size: var(--text-sm);
font-weight: var(--font-semibold);
text-decoration: none;
transition: transform .2s ease, background-color .2s ease, color .2s ease, box-shadow .2s ease;
}

.gs-home-about__primary {
background: var(--color-primario-anaranjado);
color: var(--color-text-blanco);
box-shadow: 0 14px 28px rgba(241, 145, 35, 0.25);
}

.gs-home-about__secondary {
background: var(--color-blanco);
color: var(--color-text-cafe);
box-shadow: inset 0 0 0 1px rgba(105, 90, 85, 0.12);
}

.gs-home-about__primary:hover,
.gs-home-about__secondary:hover {
transform: translateY(-2px);
}

.gs-home-about__primary:hover {
background: var(--color-primario-anaranjado-oscuro);
}

.gs-home-about__secondary:hover {
color: var(--color-primario);
box-shadow: inset 0 0 0 1px rgba(78, 115, 185, 0.25);
}

.gs-home-about__visual {
position: relative;
z-index: 2;
min-height: 430px;
}

.gs-home-about__visual::before {
content: "";
position: absolute;
right: -26px;
top: 30px;
width: 260px;
height: 260px;
border-radius: 999px;
background: rgba(78, 115, 185, 0.14);
}

.gs-home-about__visual::after {
content: "";
position: absolute;
left: 16px;
bottom: 18px;
width: 190px;
height: 190px;
border-radius: 999px;
background: rgba(241, 145, 35, 0.14);
}

.gs-home-about__image-wrap {
position: absolute;
inset: 30px 16px 26px 34px;
overflow: hidden;
border: 10px solid var(--color-blanco);
border-radius: var(--radius-lg);
background: var(--color-bg-soft);
box-shadow: 0 24px 45px rgba(35, 31, 32, 0.16);
transform: rotate(2deg);
}

.gs-home-about__image-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
filter: saturate(1.05) contrast(1.02);
}

.gs-home-about__image-wrap::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(35, 31, 32, 0) 44%, rgba(35, 31, 32, 0.36) 100%);
}

.gs-home-about__floating {
position: absolute;
z-index: 3;
display: inline-flex;
align-items: center;
gap: 10px;
max-width: 230px;
padding: 12px 14px;
border: 1px solid rgba(78, 115, 185, 0.1);
border-radius: var(--radius-md);
background: rgba(255, 255, 255, 0.92);
color: var(--color-text-cafe);
font-size: 13px;
font-weight: var(--font-semibold);
line-height: 1.25;
box-shadow: 0 16px 32px rgba(35, 31, 32, 0.12);
backdrop-filter: blur(10px);
}

.gs-home-about__floating--top {
top: 0;
right: 0;
}

.gs-home-about__floating--bottom {
left: 0;
bottom: 0;
}

.gs-home-about__floating-icon {
flex: 0 0 auto;
width: 18px;
height: 18px;
color: var(--color-primario-anaranjado);
stroke-width: 2.4;
}

@media (max-width: 1024px) {
.gs-home-about {
padding: var(--space-md) 0 var(--space-xl);
}

.gs-home-about__card {
grid-template-columns: 1fr;
padding: var(--space-lg);
}

.gs-home-about__visual {
min-height: 320px;
}
}

@media (max-width: 640px) {
.gs-home-about__content h2 {
font-size: var(--text-xl);
line-height: 1.08;
letter-spacing: -0.03em;
}

.gs-home-about__content p {
font-size: var(--text-base);
line-height: 1.65;
}

.gs-home-about__visual {
min-height: 260px;
}

.gs-home-about__image-wrap {
inset: 24px 0 20px 10px;
border-width: 7px;
}

.gs-home-about__floating {
max-width: 190px;
font-size: 12px;
}
}