.ag-hero-v9,
.ag-hero-v9 * { box-sizing: border-box; }

.ag-hero-v9 {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(24px, 4vw, 50px) 0 clamp(40px, 5vw, 72px);
    background:
        radial-gradient(circle at 10% 16%, rgba(var(--careon-primary-rgb), .78) 0%, rgba(var(--careon-primary-rgb), 0) 22%),
        radial-gradient(circle at 94% 82%, rgba(var(--careon-black-rgb), .05) 0%, rgba(var(--careon-black-rgb), 0) 24%),
        linear-gradient(180deg, var(--color3) 0%, var(--careon-white) 52%, var(--careon-primary) 100%);
    font-family: var(--careon-font);
    color: var(--careon-gray);
}

.ag-hero-v9::before,
.ag-hero-v9::after {
    content: "";
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
    z-index: -1;
}

.ag-hero-v9::before {
    width: 300px;
    height: 300px;
    left: -160px;
    top: 40px;
    border: 1px solid rgba(var(--careon-black-rgb), .10);
    opacity: .4;
}

.ag-hero-v9::after {
    width: 180px;
    height: 180px;
    right: -60px;
    bottom: 0;
    background: rgba(var(--careon-base-rgb), .08);
}

.ag-hero-v9__container { position: relative; z-index: 1; }

.ag-hero-v9__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 0.92fr);
    gap: 28px;
    align-items: stretch;
}

.ag-hero-v9__content-wrap,
.ag-hero-v9__media-wrap { display: flex; }

.ag-hero-v9__content-card {
    position: relative;
    width: 100%;
    min-height: 100%;
    padding: clamp(32px, 4vw, 56px) clamp(26px, 3vw, 42px);
    border-radius: 28px;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 14%, rgba(var(--careon-white-rgb), .14) 0%, rgba(var(--careon-white-rgb), 0) 20%),
        linear-gradient(160deg, color-mix(in srgb, var(--color1) 92%, var(--color5)) 0%, var(--color1) 54%, var(--color1) 100%);
    border: 1px solid rgba(var(--careon-white-rgb), .10);
    box-shadow:
        0 26px 54px rgba(var(--careon-black-rgb), .16),
        inset 0 1px 0 rgba(var(--careon-white-rgb), .12),
        inset 0 -1px 0 rgba(var(--careon-black-rgb), .10);
}

.ag-hero-v9__content-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(var(--careon-white-rgb), .05) 0%, rgba(var(--careon-white-rgb), 0) 18%),
        radial-gradient(circle at 88% 82%, rgba(var(--careon-white-rgb), .08) 0%, rgba(var(--careon-white-rgb), 0) 18%);
    pointer-events: none;
}

.ag-hero-v9__content-card::after {
    content: "";
    position: absolute;
    inset: 12px;
    border-radius: 22px;
    border: 1px solid rgba(var(--careon-white-rgb), .06);
    pointer-events: none;
}

.ag-hero-v9__deco {
    position: absolute;
    pointer-events: none;
}

.ag-hero-v9__deco--top {
    width: 140px;
    height: 140px;
    top: -44px;
    right: -34px;
    border-radius: 50%;
    border: 18px solid rgba(var(--careon-white-rgb), .08);
}

.ag-hero-v9__deco--bottom {
    width: 160px;
    height: 160px;
    right: -52px;
    bottom: -60px;
    border-radius: 50%;
    border: 16px solid rgba(var(--careon-white-rgb), .08);
}

.ag-hero-v9__deco--dot {
    width: 12px;
    height: 12px;
    left: 28px;
    bottom: 28px;
    border-radius: 50%;
    background: var(--color2);
    box-shadow: 0 0 0 8px rgba(var(--careon-base-rgb), .10);
}

.ag-hero-v9__title,
.ag-hero-v9__subtitle,
.ag-hero-v9__text,
.ag-hero-v9__actions,
.ag-hero-v9__microcopy { position: relative; z-index: 1; }

.ag-hero-v9__title {
    margin: 0 0 12px !important;
    color: var(--white) !important;
    font-family: var(--careon-font);
    font-size: clamp(39px, 5.3vw, 70px);
    font-weight: 800;
    line-height: 1.03;
    letter-spacing: 2px;
    word-spacing: .03em;
    text-wrap: balance;
    text-shadow: 0 10px 26px rgba(var(--careon-black-rgb), .25);
}

.ag-hero-v9__subtitle {
    margin: 0;
    color: var(--careon-primary) !important;
    font-size: clamp(20px, 1.65vw, 29px);
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: .008em;
}

.ag-hero-v9__rule {
    position: relative;
    z-index: 1;
    display: block;
    width: 88px;
    height: 4px;
    margin: 16px 0 22px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--color2) 0% 58%, rgba(var(--careon-white-rgb), .55) 58% 100%);
    box-shadow: 0 6px 14px rgba(var(--careon-base-rgb), .18);
}

.ag-hero-v9__text {
    max-width: 640px;
    margin: 0 0 26px;
    color: rgba(var(--careon-white-rgb), .96) !important;
    font-size: clamp(16px, 1.15vw, 18px);
    font-weight: 500;
    line-height: 1.9;
    letter-spacing: .004em;
    text-wrap: pretty;
}

.ag-hero-v9__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin: 0 0 18px;
}

.ag-hero-v9__contact {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1 1 245px;
    min-height: 72px;
    padding: 12px 15px;
    border-radius: 999px;
    border: 1px solid rgba(var(--careon-white-rgb), .18);
    overflow: hidden;
    box-shadow:
        0 14px 28px rgba(var(--careon-black-rgb), .18),
        inset 0 1px 0 rgba(var(--careon-white-rgb), .16);
    transition: transform .28s ease, box-shadow .28s ease, filter .28s ease;
}

.ag-hero-v9__contact::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(var(--careon-white-rgb), .10), rgba(var(--careon-white-rgb), 0));
    pointer-events: none;
}

.ag-hero-v9__contact::after {
    content: "";
    position: absolute;
    top: -25%;
    bottom: -25%;
    left: -72%;
    width: 38%;
    background: linear-gradient(90deg, transparent, rgba(var(--careon-white-rgb), .34), transparent);
    transform: skewX(-22deg);
    transition: left .72s ease;
    pointer-events: none;
}

.ag-hero-v9__contact:hover {
    transform: translateY(-5px) scale(1.01);
    box-shadow:
        0 20px 38px rgba(var(--careon-black-rgb), .25),
        inset 0 1px 0 rgba(var(--careon-white-rgb), .18);
    filter: saturate(1.06);
}

.ag-hero-v9__contact:hover::after { left: 132%; }

.ag-hero-v9__contact--phone {
    background: linear-gradient(135deg, var(--color5) 0%, color-mix(in srgb, var(--color1) 88%, var(--color5)) 100%);
}

.ag-hero-v9__contact--whatsapp {
    background: linear-gradient(135deg, var(--color2) 0%, color-mix(in srgb, var(--color2) 90%, var(--color2)) 100%);
}

.ag-hero-v9__contact-glow {
    position: absolute;
    right: -14px;
    top: 50%;
    width: 78px;
    height: 78px;
    border-radius: 50%;
    transform: translateY(-50%);
    background: rgba(var(--careon-white-rgb), .08);
    filter: blur(1px);
    pointer-events: none;
}

.ag-hero-v9__contact-icon {
    position: relative;
    z-index: 1;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--white);
    background: rgba(var(--careon-white-rgb), .16);
    border: 1px solid rgba(var(--careon-white-rgb), .18);
    box-shadow: inset 0 1px 0 rgba(var(--careon-white-rgb), .18);
    transition: transform .28s ease;
}

.ag-hero-v9__contact:hover .ag-hero-v9__contact-icon {
    transform: rotate(-10deg) scale(1.08);
}

.ag-hero-v9__contact-icon i { font-size: 18px; line-height: 1; }

.ag-hero-v9__contact-content {
    position: relative;
    z-index: 1;
    min-width: 0;
    flex: 1;
}

.ag-hero-v9__contact-subtitle {
    margin: 0 0 2px;
    color: rgba(var(--careon-white-rgb), .76);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: .035em;
}

.ag-hero-v9__contact-number {
    margin: 0;
    font-size: clamp(16px, 1.02vw, 17px);
    line-height: 1.3;
    font-weight: 800;
}

.ag-hero-v9__contact-number a {
    color: var(--white) !important;
    text-decoration: none !important;
    overflow-wrap: anywhere;
}

.ag-hero-v9__contact-number a:focus-visible {
    outline: 3px solid rgba(var(--careon-white-rgb), .9);
    outline-offset: 4px;
    border-radius: 12px;
}

.ag-hero-v9__microcopy {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: rgba(var(--careon-white-rgb), .88);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
}

.ag-hero-v9__microcopy-dot {
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    border-radius: 50%;
    background: var(--color2);
    box-shadow: 0 0 0 6px rgba(var(--careon-base-rgb), .13);
}

.ag-hero-v9__media-card {
    position: relative;
    width: 100%;
    padding: 16px;
    border-radius: 28px;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(var(--careon-white-rgb), .98) 0%, rgba(var(--careon-primary-rgb), .72) 100%);
    border: 1px solid rgba(var(--careon-black-rgb), .08);
    box-shadow:
        0 24px 54px rgba(var(--careon-black-rgb), .10),
        inset 0 1px 0 rgba(var(--careon-white-rgb), .75);
}

.ag-hero-v9__media-card::before {
    content: "";
    position: absolute;
    inset: 10px;
    border-radius: 22px;
    border: 1px solid rgba(var(--careon-black-rgb), .04);
    pointer-events: none;
}

.ag-hero-v9__media-shape {
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
}

.ag-hero-v9__media-shape--one {
    width: 136px;
    height: 136px;
    right: -34px;
    top: -28px;
    background: radial-gradient(circle, rgba(var(--careon-base-rgb), .16) 0%, rgba(var(--careon-base-rgb), 0) 72%);
}

.ag-hero-v9__media-shape--two {
    width: 92px;
    height: 92px;
    left: -24px;
    bottom: 88px;
    background: radial-gradient(circle, rgba(var(--careon-black-rgb), .07) 0%, rgba(var(--careon-black-rgb), 0) 72%);
}

.ag-hero-v9__media-frame {
    position: relative;
    overflow: hidden;
    border-radius: 22px;
    background: linear-gradient(180deg, var(--careon-extra) 0%, var(--careon-primary) 100%);
    aspect-ratio: 4 / 4.2;
    box-shadow: 0 18px 34px rgba(var(--careon-black-rgb), .09);
}

.ag-hero-v9__media-frame::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(var(--careon-white-rgb), .04) 0%, rgba(var(--careon-black-rgb), .06) 100%);
    pointer-events: none;
    z-index: 1;
}

.ag-hero-v9__media-frame img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transform: scale(1.01);
    transition: transform 1.3s ease;
}

.ag-hero-v9__media-card:hover .ag-hero-v9__media-frame img {
    transform: scale(1.05);
}



@keyframes agHeroV8Pulse {
    0%, 100% { box-shadow: 0 14px 28px rgba(var(--careon-black-rgb), .18), inset 0 1px 0 rgba(var(--careon-white-rgb), .16); }
    50% { box-shadow: 0 18px 34px rgba(var(--careon-black-rgb), .22), 0 0 0 4px rgba(var(--careon-white-rgb), .05), inset 0 1px 0 rgba(var(--careon-white-rgb), .18); }
}

.ag-hero-v9__contact--phone { animation: agHeroV8Pulse 3.4s ease-in-out infinite; }
.ag-hero-v9__contact--whatsapp { animation: agHeroV8Pulse 3.4s ease-in-out .6s infinite; }

@media (max-width: 1199px) {
    .ag-hero-v9__grid {
        grid-template-columns: minmax(0, 1fr) minmax(300px, .9fr);
        gap: 22px;
    }

    .ag-hero-v9__title { font-size: clamp(36px, 5.1vw, 60px); }
}

@media (max-width: 991px) {
    .ag-hero-v9__grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .ag-hero-v9__content-wrap { order: 1; }
    .ag-hero-v9__media-wrap { order: 2; }

    .ag-hero-v9__media-frame { aspect-ratio: 16 / 11; }
}

@media (max-width: 767px) {
    .ag-hero-v9 {
        padding: 16px 0 46px;
    }

    .ag-hero-v9__content-card,
    .ag-hero-v9__media-card {
        border-radius: 22px;
    }

    .ag-hero-v9__content-card {
        padding: 28px 18px 24px;
    }

    .ag-hero-v9__content-card::after { inset: 8px; border-radius: 16px; }

    .ag-hero-v9__title {
        font-size: clamp(34px, 9vw, 48px);
        text-align: center;
    }

    .ag-hero-v9__subtitle,
    .ag-hero-v9__text,
    .ag-hero-v9__microcopy { text-align: center; }

    .ag-hero-v9__rule {
        margin-left: auto;
        margin-right: auto;
    }

    .ag-hero-v9__actions { gap: 12px; }

    .ag-hero-v9__contact {
        flex-basis: 100%;
    }

    .ag-hero-v9__microcopy {
        justify-content: center;
        font-size: 14px;
    }

    .ag-hero-v9__media-card { padding: 12px; }

    .ag-hero-v9__media-frame {
        border-radius: 18px;
        aspect-ratio: 4 / 3;
    }

    .ag-hero-v9__media-caption {
        margin-top: 10px;
        height: 38px;
        border-radius: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ag-hero-v9__contact,
    .ag-hero-v9__contact::after,
    .ag-hero-v9__contact-icon,
    .ag-hero-v9__media-frame img {
        transition: none !important;
        animation: none !important;
    }
}

/* V9 — stronger visual finish; no additional text or empty content bands. */
.ag-hero-v9 {
  background:
    radial-gradient(ellipse 46% 60% at 3% 12%, rgba(var(--careon-base-rgb),.10),transparent 78%),
    radial-gradient(ellipse 50% 70% at 94% 88%, rgba(var(--careon-black-rgb),.08),transparent 75%),
    linear-gradient(150deg,var(--color3) 0%,var(--white) 47%,var(--careon-primary) 100%);
}
.ag-hero-v9__grid { align-items: stretch; gap: clamp(18px,2.1vw,32px); }
.ag-hero-v9__content-card {
  --ag-light-x: 15%; --ag-light-y: 12%;
  display:flex; flex-direction:column; justify-content:center;
  border-radius: 30px;
  padding: clamp(30px, 4vw, 56px) clamp(24px, 3.3vw, 46px);
  background: linear-gradient(150deg,var(--color1) 0%,color-mix(in srgb,var(--color1) 84%,var(--black)) 100%);
  box-shadow: 0 9px 20px rgba(var(--careon-black-rgb),.08), 0 32px 70px rgba(var(--careon-black-rgb),.21),inset 0 1px 0 rgba(var(--careon-white-rgb),.22);
  transition: box-shadow .4s ease, transform .5s ease;
}
.ag-hero-v9__content-card::before {
  background: radial-gradient(circle 240px at var(--ag-light-x) var(--ag-light-y),rgba(var(--careon-white-rgb),.15),transparent 80%),
  linear-gradient(110deg,rgba(var(--careon-white-rgb),.07),transparent 58%);
}
.ag-hero-v9__content-card::after { inset: 10px; border: 1px solid rgba(var(--careon-white-rgb),.10);border-radius:23px; }
.ag-hero-v9__deco--top {border-color:rgba(var(--careon-white-rgb),.07); transform:translate(8px,-2px);}
.ag-hero-v9__deco--bottom { border-color:rgba(var(--careon-base-rgb),.22); transform:translate(-8px,10px); }
.ag-hero-v9__title { text-shadow: 0 8px 24px rgba(var(--careon-black-rgb),.24); }
.ag-hero-v9__subtitle { color: var(--careon-primary) !important; }
.ag-hero-v9__text { line-height:1.76; margin-bottom:24px; }
.ag-hero-v9__actions {gap:12px; margin:0 0 20px;}
.ag-hero-v9__contact {
  min-height:78px; padding: 12px 16px; border-radius:999px; cursor:pointer;
  box-shadow:0 14px 25px rgba(var(--careon-black-rgb),.24),inset 0 1px 0 rgba(var(--careon-white-rgb),.32);
}
.ag-hero-v9__contact--phone {background:linear-gradient(122deg,var(--color5),var(--color1));}
.ag-hero-v9__contact--whatsapp {background:linear-gradient(122deg,var(--color2),color-mix(in srgb,var(--color2) 82%,var(--black)));}
.ag-hero-v9__contact-icon { flex-basis:46px;width:46px;height:46px;box-shadow:0 0 0 4px rgba(var(--careon-white-rgb),.08),inset 0 1px 0 rgba(var(--careon-white-rgb),.24); }
.ag-hero-v9__contact-icon i {font-size:21px;}
.ag-hero-v9__contact-number a {display:inline-block;position:relative;z-index:2;}
.ag-hero-v9__contact:focus-within {outline:3px solid var(--careon-white);outline-offset:3px;}
.ag-hero-v9__contact:hover { box-shadow:0 22px 42px rgba(var(--careon-black-rgb),.3),0 0 0 3px rgba(var(--careon-white-rgb),.15);}
.ag-hero-v9__microcopy {margin-top:2px;}
.ag-hero-v9__media-card {
  display:flex; position:relative; flex-direction:column; padding:14px;
  border: 1px solid rgba(var(--careon-black-rgb),.11); border-radius:30px;
  background:linear-gradient(155deg,var(--white),var(--careon-primary));
  box-shadow:0 10px 24px rgba(var(--careon-black-rgb),.07),0 30px 65px rgba(var(--careon-black-rgb),.13),inset 0 1px 0 var(--white);
}
.ag-hero-v9__media-card::after {
  content:"";position:absolute;left:18%;right:18%;bottom:6px;height:4px;border-radius:999px;
  background:linear-gradient(90deg,var(--color2) 0% 58%,var(--color6) 58%);opacity:.72;
}
.ag-hero-v9__media-frame {
  flex:1; min-height:0; aspect-ratio:4 / 4.1; border-radius:22px;
  box-shadow:inset 0 0 0 1px rgba(var(--careon-black-rgb),.08);
}
.ag-hero-v9__media-frame img { object-position:center center; transform:none; }
.ag-hero-v9__media-frame::after {
  content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
  box-shadow:inset 0 0 0 1px rgba(var(--careon-white-rgb),.4);border-radius:inherit;
}
.ag-hero-v9__media-caption {display:none;}
.ag-hero-v9__media-corner {
  position:absolute;right:27px;bottom:27px;z-index:3;display:flex;align-items:center;justify-content:center;
  width:54px;height:54px;border-radius:18px;color:var(--color2);background:rgba(var(--careon-white-rgb),.91);
  border:1px solid rgba(var(--careon-black-rgb),.08);box-shadow:0 10px 25px rgba(var(--careon-black-rgb),.13);
}
.ag-hero-v9__media-corner svg {width:24px;height:24px;}
.ag-hero-v9__media-shape--one { background:radial-gradient(circle,rgba(var(--careon-base-rgb),.18),transparent 72%); }
/* Entry animation only on supported browsers; content always remains visible. */
@keyframes agHeroV9Reveal {from{opacity:.85;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes agHeroV9SoftGlow {0%,100%{filter:brightness(1)}50%{filter:brightness(1.08)}}
.ag-hero-v9--entered .ag-hero-v9__content-card {animation:agHeroV9Reveal .65s ease both;}
.ag-hero-v9--entered .ag-hero-v9__media-card {animation:agHeroV9Reveal .75s .12s ease both;}
.ag-hero-v9--entered .ag-hero-v9__contact--whatsapp {animation:agHeroV9SoftGlow 4.2s 1s ease-in-out infinite;}
@media(max-width:991px){
  .ag-hero-v9__media-frame{aspect-ratio:16/11;}
  .ag-hero-v9__media-card{min-height:0;}
}
@media(max-width:767px){
  .ag-hero-v9__content-card {padding:30px 22px 26px;border-radius:24px;}
  .ag-hero-v9__content-card::after {inset:8px;border-radius:18px;}
  .ag-hero-v9__actions{flex-direction:column;}
  .ag-hero-v9__contact {flex-basis:auto;min-height:76px;width:100%;} 
  .ag-hero-v9__media-frame{aspect-ratio:4/3;}
  .ag-hero-v9__media-card{border-radius:24px;padding:12px;}
  .ag-hero-v9__media-corner{right:20px;bottom:20px;width:44px;height:44px;border-radius:14px;}
  .ag-hero-v9__media-corner svg{width:21px;height:21px;}
}
@media(prefers-reduced-motion:reduce){
  .ag-hero-v9--entered .ag-hero-v9__content-card,
  .ag-hero-v9--entered .ag-hero-v9__media-card,
  .ag-hero-v9--entered .ag-hero-v9__contact--whatsapp {animation:none!important;}
}