.amcedh-contacto-hero { position: relative; overflow: hidden; padding: 70px 0 86px; background: linear-gradient(120deg, var(--contacto-hero-bg-start) 0%, var(--contacto-hero-bg-end) 100%); }
.amcedh-contacto-hero__container { position: relative; z-index: 1; max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.amcedh-contacto-hero__grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 48px; align-items: center; }
.amcedh-contacto-hero__breadcrumb { margin-bottom: 16px; color: var(--contacto-hero-crumb); font: 600 13px 'Roboto', Arial, sans-serif; }
.amcedh-contacto-hero__breadcrumb a { color: inherit; text-decoration: none; }
.amcedh-contacto-hero__breadcrumb a:hover { color: var(--contacto-hero-accent); }
.amcedh-contacto-hero__breadcrumb span { margin: 0 8px; color: var(--contacto-hero-separator); }
.amcedh-contacto-hero__title { margin: 0 0 14px; color: var(--contacto-hero-text); font: 800 44px/1.15 'Poppins', 'Roboto', sans-serif; letter-spacing: .3px; }
.amcedh-contacto-hero__title span { color: var(--contacto-hero-accent); }
.amcedh-contacto-hero__description { max-width: 640px; margin: 0; color: var(--contacto-hero-muted); font: 16.5px/1.7 'Roboto', Arial, sans-serif; }
.amcedh-contacto-hero__shape { position: absolute; border-radius: 50%; pointer-events: none; }
.amcedh-contacto-hero__shape--solid { width: 340px; height: 340px; top: -120px; right: -90px; background: var(--contacto-hero-accent); opacity: .15; }
.amcedh-contacto-hero__shape--outline { width: 200px; height: 200px; right: 180px; bottom: -90px; border: 3px solid var(--contacto-hero-accent); opacity: .25; }
.amcedh-contacto-hero__media { position: relative; overflow: hidden; aspect-ratio: 4 / 3; border-radius: 20px; background: rgba(255,255,255,.08); box-shadow: 0 24px 54px rgba(0,0,0,.35); }
.amcedh-contacto-hero__media::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,26,77,0) 45%, rgba(10,26,77,.4) 100%); pointer-events: none; }
.amcedh-contacto-hero__image { width: 100%; height: 100%; display: block; object-fit: cover; }
.amcedh-contacto-hero__placeholder { width: 100%; height: 100%; display: flex; flex-direction: column; gap: 14px; align-items: center; justify-content: center; color: rgba(255,255,255,.9); font: 700 14px 'Roboto', Arial, sans-serif; }
.amcedh-contacto-hero__badge { position: absolute; z-index: 1; left: 14px; bottom: 14px; display: inline-flex; gap: 8px; align-items: center; padding: 9px 16px; border-radius: 999px; background: var(--contacto-hero-badge-bg); color: var(--contacto-hero-badge-text); font: 700 12px 'Roboto', Arial, sans-serif; }
.amcedh-contacto-hero__badge svg { flex-shrink: 0; color: var(--contacto-hero-badge-icon); }
@media (max-width: 900px) { .amcedh-contacto-hero { padding: 56px 0 70px; } .amcedh-contacto-hero__grid { grid-template-columns: 1fr; gap: 32px; } .amcedh-contacto-hero__title { font-size: 32px; } .amcedh-contacto-hero__shape--outline { right: 40px; } }
@media (max-width: 640px) { .amcedh-contacto-hero__container { padding: 0 18px; } .amcedh-contacto-hero__description { font-size: 15px; } .amcedh-contacto-hero__badge { right: 12px; left: 12px; bottom: 12px; justify-content: center; } .amcedh-contacto-hero__shape--solid { width: 240px; height: 240px; } .amcedh-contacto-hero__shape--outline { width: 150px; height: 150px; bottom: -72px; } }