/* AMNSA S.A. de C.V. — tema público (superior a amnsa.com.mx) + portal cliente */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Source+Sans+3:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

body:has(#amnsa-brand-marker) {
    --amnsa-emerald-800: #065f46;
    --amnsa-emerald-700: #047857;
    --amnsa-emerald-600: #059669;
    --amnsa-teal-700: #0f766e;
    --amnsa-teal-600: #0d9488;
    --amnsa-teal-500: #14b8a6;
    --amnsa-teal-200: #99f6e4;
    --amnsa-teal-50: #f0fdfa;
    --amnsa-ink: #0a1210;
    --amnsa-gray-900: #111827;
    --amnsa-gray-800: #1f2937;
    --amnsa-gray-700: #374151;
    --amnsa-gray-500: #6b7280;
    --amnsa-gray-300: #d1d5db;
    --amnsa-gray-200: #e5e7eb;
    --amnsa-gray-100: #f3f4f6;
    --amnsa-gray-50: #f7f8f7;
    /* Remapeo marca SFE → AMNSA (portal + sitio + embed chat) */
    --primary: var(--amnsa-teal-600);
    --primary-dark: var(--amnsa-teal-700);
    --primary-light: var(--amnsa-teal-50);
    --sfe-primary: var(--amnsa-teal-600);
    --sfe-secondary: var(--amnsa-emerald-600);
    --sfe-accent: var(--amnsa-teal-600);
    --sfe-navy: var(--amnsa-ink);
    --shop-accent: var(--amnsa-teal-700);
    --shop-accent-2: var(--amnsa-teal-600);
    --shop-accent-soft: var(--amnsa-teal-50);
    --site-font-body: "Source Sans 3", "Segoe UI", sans-serif;
    --site-font-heading: "Barlow Condensed", "Source Sans 3", sans-serif;
    font-family: var(--site-font-body);
    color: var(--amnsa-gray-800);
}

/* Fondo plano solo en sitio público; el portal define sus propios washes */
body:has(#amnsa-brand-marker):not(.portal-body):not(.website-embed) {
    background: var(--amnsa-gray-50);
}

body:has(#amnsa-brand-marker) .site-main {
    padding: 0;
    min-height: auto;
}

body:has(#amnsa-brand-marker) .site-main > .site-container {
    max-width: none;
    padding: 0;
}

body:has(#amnsa-brand-marker) .site-content {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
}

/* —— Header —— */
.amnsa-site-header {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(255, 255, 255, 0.86);
    border-bottom: 1px solid transparent;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    transition: background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.amnsa-site-header.is-scrolled {
    background: rgba(255, 255, 255, 0.94);
    border-bottom-color: var(--amnsa-gray-200);
    box-shadow: 0 8px 28px rgba(10, 18, 16, 0.06);
}

.amnsa-site-header-inner {
    max-width: 80rem;
    margin: 0 auto;
    padding: 0.75rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.amnsa-site-logo {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    text-decoration: none;
    color: var(--amnsa-ink);
    font-family: var(--site-font-heading);
    font-weight: 800;
    font-size: 1.35rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.amnsa-site-logo img {
    height: 2.35rem;
    width: auto;
    display: block;
}

.amnsa-site-logo span {
    /* El PNG ya trae “AMNSA S.A. de C.V.” — evitar marca duplicada */
    display: none;
}

.amnsa-site-nav {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.35rem 0.85rem;
}

.amnsa-site-nav a {
    color: var(--amnsa-gray-700);
    text-decoration: none;
    font-family: var(--site-font-heading);
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    transition: color 0.15s;
}

.amnsa-site-nav a:hover,
.amnsa-site-nav a.is-active {
    color: var(--amnsa-gray-900);
}

.amnsa-site-nav .amnsa-nav-cta,
.amnsa-site-nav .amnsa-nav-signin {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.9rem;
    border-radius: 0.375rem;
    background: linear-gradient(90deg, var(--amnsa-emerald-600), var(--amnsa-teal-600));
    color: #fff !important;
    font-weight: 700;
    box-shadow: 0 1px 2px rgba(5, 150, 105, 0.25);
}

.amnsa-site-nav .amnsa-nav-signin {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 1.05rem;
    border-radius: 999px;
    background: linear-gradient(180deg, #ffffff 0%, var(--amnsa-gray-50, #f9fafb) 100%);
    color: var(--amnsa-emerald-700, #047857) !important;
    font-weight: 600;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    border: 1px solid rgba(5, 150, 105, 0.28);
    transition: color 0.18s ease, background 0.18s ease, border-color 0.18s ease,
        box-shadow 0.18s ease, transform 0.12s ease;
}

.amnsa-site-nav .amnsa-nav-signin::before {
    content: "";
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center / contain no-repeat;
}

.amnsa-site-nav .amnsa-nav-signin:hover {
    background: linear-gradient(90deg, var(--amnsa-emerald-600), var(--amnsa-teal-600));
    color: #fff !important;
    border-color: transparent;
    box-shadow: 0 4px 14px rgba(5, 150, 105, 0.28);
    transform: translateY(-1px);
}

.amnsa-site-nav .amnsa-nav-cta:hover {
    filter: brightness(1.05);
}

/* —— Landing layout —— */
.amnsa-wrap {
    max-width: 80rem;
    margin: 0 auto;
    padding: 0 1.25rem;
}

.amnsa-kicker {
    font-family: var(--site-font-heading);
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--amnsa-teal-200);
    margin: 0 0 0.55rem;
    background: none;
    -webkit-background-clip: unset;
    background-clip: unset;
}

.amnsa-kicker-dark {
    color: var(--amnsa-teal-700);
    background: none;
    -webkit-background-clip: unset;
    background-clip: unset;
}

.amnsa-section-title {
    margin: 0 0 1rem;
    font-family: var(--site-font-heading);
    font-size: clamp(2rem, 4vw, 2.75rem);
    font-weight: 700;
    color: var(--amnsa-ink);
    letter-spacing: 0.02em;
    text-transform: uppercase;
    line-height: 1.05;
}

.amnsa-section-title-light {
    color: #fff;
}

.amnsa-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.85rem 1.45rem;
    border-radius: 0.2rem;
    font-family: var(--site-font-heading);
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid transparent;
    transition: background 0.18s, color 0.18s, border-color 0.18s, transform 0.18s;
    cursor: pointer;
}

.amnsa-btn:hover {
    transform: translateY(-1px);
}

.amnsa-btn-primary,
body:has(#amnsa-brand-marker) .btn-primary {
    background: linear-gradient(90deg, var(--amnsa-emerald-600), var(--amnsa-teal-600));
    color: #fff;
    border-color: transparent;
}

.amnsa-btn-primary:hover,
body:has(#amnsa-brand-marker) .btn-primary:hover {
    background: linear-gradient(90deg, var(--amnsa-emerald-700), var(--amnsa-teal-700));
    color: #fff;
}

.amnsa-btn-light {
    background: #fff;
    color: var(--amnsa-teal-700);
}

.amnsa-btn-light:hover {
    background: var(--amnsa-teal-50);
}

.amnsa-btn-teal {
    background: rgba(20, 184, 166, 0.72);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(8px);
}

.amnsa-btn-teal:hover {
    background: rgba(20, 184, 166, 0.9);
    color: #fff;
}

.amnsa-btn-ghost {
    background: rgba(255, 255, 255, 0.04);
    color: var(--amnsa-teal-200);
    border-color: rgba(153, 246, 228, 0.45);
    backdrop-filter: blur(6px);
}

.amnsa-btn-ghost:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

/* Hero — full-bleed, brand-first (altura controlada, texto siempre legible) */
.amnsa-hero {
    position: relative;
    min-height: 0;
    max-height: none;
    display: grid;
    place-items: center;
    overflow: hidden;
    color: #fff;
    background: var(--amnsa-ink);
}

.amnsa-hero-media {
    position: absolute;
    inset: -8%;
    background-size: cover;
    background-position: center 40%;
    opacity: 0.55;
    transform: scale(1.06);
    will-change: transform;
}

.amnsa-hero-veil {
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        linear-gradient(105deg, rgba(6, 40, 32, 0.92) 0%, rgba(6, 80, 68, 0.72) 42%, rgba(10, 18, 16, 0.78) 100%),
        linear-gradient(180deg, rgba(10, 18, 16, 0.45) 0%, transparent 40%, rgba(10, 18, 16, 0.55) 100%);
}

.amnsa-hero-grain {
    position: absolute;
    inset: 0;
    opacity: 0.07;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

.amnsa-hero-inner {
    position: relative;
    z-index: 2;
    width: min(40rem, 100%);
    margin: 0 auto;
    padding: 2.25rem 1.35rem 2.15rem;
    text-align: left;
    opacity: 1 !important;
    transform: none !important;
}

.amnsa-hero-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0 0 0.55rem;
    font-family: var(--site-font-heading);
    font-size: clamp(1.5rem, 3.2vw, 2.15rem);
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
}

.amnsa-hero-mark {
    width: 1.75rem;
    height: 1.75rem;
    object-fit: contain;
    filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.35));
}

.amnsa-hero-title {
    margin: 0;
    font-family: var(--site-font-heading);
    font-size: clamp(1.65rem, 3.8vw, 2.55rem);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: 0.01em;
    text-transform: uppercase;
}

.amnsa-hero-line {
    display: block;
    color: rgba(255, 255, 255, 0.92);
}

.amnsa-hero-accent {
    display: block;
    color: var(--amnsa-teal-200);
    margin-top: 0.12em;
}

.amnsa-hero-lead {
    margin: 0.75rem 0 0;
    max-width: 34rem;
    font-size: clamp(0.95rem, 1.5vw, 1.05rem);
    line-height: 1.45;
    font-weight: 500;
    color: rgba(204, 251, 241, 0.95);
}

.amnsa-hero-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 1rem;
}

.amnsa-hero-scroll {
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 1.35rem;
    transform: translateX(-50%);
    width: 1.5rem;
    height: 2.35rem;
    border: 1.5px solid rgba(153, 246, 228, 0.45);
    border-radius: 999px;
    display: grid;
    place-items: start center;
    padding-top: 0.35rem;
    text-decoration: none;
}

.amnsa-hero-scroll span {
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 50%;
    background: var(--amnsa-teal-200);
    animation: amnsaScrollDot 1.6s ease-in-out infinite;
}

@keyframes amnsaScrollDot {
    0% { transform: translateY(0); opacity: 1; }
    70% { transform: translateY(12px); opacity: 0.15; }
    100% { transform: translateY(0); opacity: 1; }
}

/* Trusted brands — marquee */
.amnsa-trusted {
    background: #fff;
    padding: 2rem 0 1.75rem;
    border-bottom: 1px solid var(--amnsa-gray-200);
    overflow: hidden;
}

.amnsa-trusted-label {
    margin: 0 0 1.1rem;
    text-align: center;
    font-family: var(--site-font-heading);
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--amnsa-gray-500);
}

.amnsa-marquee {
    overflow: hidden;
    mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.amnsa-marquee-track {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 2.75rem;
    width: max-content;
    animation: amnsaMarquee 42s linear infinite;
    will-change: transform;
}

.amnsa-brand-logo {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 6.5rem;
    height: 2.75rem;
}

.amnsa-brand-logo img {
    height: 2rem;
    width: auto;
    max-width: 7.5rem;
    object-fit: contain;
    filter: grayscale(1);
    opacity: 0.72;
    transition: opacity 0.2s, filter 0.2s;
}

.amnsa-brand-logo img:hover {
    filter: grayscale(0);
    opacity: 1;
}

@keyframes amnsaMarquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
    .amnsa-hero-media,
    .amnsa-marquee-track,
    .amnsa-hero-scroll span {
        animation: none !important;
    }
    .amnsa-marquee-track {
        flex-wrap: wrap;
        justify-content: center;
        width: auto;
        max-width: 80rem;
        margin: 0 auto;
        padding: 0 1rem;
    }
}

/* Capabilities */
.amnsa-capabilities {
    padding: 4.5rem 0 4rem;
    background:
        linear-gradient(180deg, #fff 0%, var(--amnsa-gray-50) 100%);
}

.amnsa-section-head {
    max-width: 38rem;
    margin-bottom: 2rem;
}

.amnsa-section-lead {
    margin: 0.65rem 0 0;
    color: var(--amnsa-gray-500);
    font-size: 1.05rem;
    line-height: 1.55;
}

.amnsa-tools-rail {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid var(--amnsa-gray-200);
}

.amnsa-tool-item {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    column-gap: 0.85rem;
    row-gap: 0.15rem;
    padding: 1.25rem 1rem 1.25rem 0;
    border-bottom: 1px solid var(--amnsa-gray-200);
    border-right: 1px solid var(--amnsa-gray-200);
}

.amnsa-tool-item:nth-child(2n) {
    padding-left: 1rem;
    border-right: 0;
}

.amnsa-tool-idx {
    grid-row: 1 / span 2;
    font-family: var(--site-font-heading);
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--amnsa-teal-600);
    letter-spacing: 0.04em;
    padding-top: 0.1rem;
}

.amnsa-tool-name {
    font-family: var(--site-font-heading);
    font-size: 1.45rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--amnsa-ink);
}

.amnsa-tool-sub {
    font-size: 0.9rem;
    color: var(--amnsa-gray-500);
}

.amnsa-capabilities-cta {
    margin-top: 1.75rem;
}

@media (min-width: 900px) {
    .amnsa-tools-rail {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .amnsa-tool-item {
        border-right: 1px solid var(--amnsa-gray-200);
        padding: 1.35rem 1.15rem 1.35rem 0;
    }
    .amnsa-tool-item:nth-child(2n) {
        padding-left: 0;
    }
    .amnsa-tool-item:nth-child(3n) {
        border-right: 0;
        padding-left: 1.15rem;
    }
    .amnsa-tool-item:nth-child(3n-1) {
        padding-left: 1.15rem;
    }
}

/* History */
.amnsa-history {
    position: relative;
    background: var(--amnsa-ink);
    color: var(--amnsa-gray-300);
    padding: 5rem 0 4rem;
    overflow: hidden;
}

.amnsa-history-visual {
    position: absolute;
    inset: 0 0 0 48%;
    display: none;
}

.amnsa-history-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.28;
    filter: saturate(0.85);
}

.amnsa-history-body {
    position: relative;
    z-index: 1;
}

.amnsa-history-copy {
    max-width: 38rem;
}

.amnsa-history-body p,
.amnsa-history-copy p {
    line-height: 1.7;
    margin: 0 0 1.05rem;
    font-size: 1.05rem;
}

.amnsa-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.35rem 1.5rem;
    margin-top: 2.5rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(153, 246, 228, 0.18);
}

@media (min-width: 720px) {
    .amnsa-stats {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.amnsa-stat {
    padding: 0;
}

.amnsa-stat-num {
    display: block;
    font-family: var(--site-font-heading);
    font-size: clamp(2.25rem, 4vw, 3rem);
    font-weight: 800;
    color: #fff;
    line-height: 1;
    letter-spacing: 0.02em;
}

.amnsa-stat-label {
    display: block;
    margin-top: 0.45rem;
    font-size: 0.92rem;
    color: var(--amnsa-gray-300);
}

.amnsa-stat-label strong {
    color: var(--amnsa-teal-200);
}

/* Mission / vision — editorial, sin cards */
.amnsa-mission {
    padding: 5rem 0;
    background: #fff;
}

.amnsa-mission-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.75rem;
}

@media (min-width: 880px) {
    .amnsa-mission-grid {
        grid-template-columns: 1.15fr 0.85fr;
        gap: 3.5rem;
        align-items: start;
    }
}

.amnsa-mission-block {
    padding: 0;
    background: transparent;
    border: 0;
}

.amnsa-mission-block p {
    color: var(--amnsa-gray-500);
    line-height: 1.7;
    margin: 0 0 1.25rem;
    font-size: 1.05rem;
}

.amnsa-quote {
    margin: 1.75rem 0 0;
    padding: 1.25rem 0 0;
    border-top: 2px solid var(--amnsa-teal-500);
}

.amnsa-quote p {
    margin: 0;
    font-style: italic;
    color: var(--amnsa-gray-700);
    font-size: 1.08rem;
}

.amnsa-quote footer {
    margin-top: 0.75rem;
    font-family: var(--site-font-heading);
    font-weight: 700;
    font-size: 0.95rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--amnsa-ink);
}

/* Values */
.amnsa-values {
    padding: 4.5rem 0 5rem;
    background:
        radial-gradient(ellipse 70% 50% at 100% 0%, rgba(20, 184, 166, 0.08), transparent 55%),
        var(--amnsa-gray-50);
}

.amnsa-values-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    border-top: 1px solid var(--amnsa-gray-200);
}

.amnsa-values-list li {
    display: grid;
    grid-template-columns: 3.25rem 1fr;
    gap: 0.85rem;
    align-items: baseline;
    padding: 1.15rem 0;
    border-bottom: 1px solid var(--amnsa-gray-200);
}

.amnsa-values-list li span {
    font-family: var(--site-font-heading);
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--amnsa-teal-600);
    letter-spacing: 0.06em;
}

.amnsa-values-list li strong {
    font-family: var(--site-font-heading);
    font-size: clamp(1.35rem, 2.5vw, 1.75rem);
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--amnsa-ink);
}

@media (min-width: 800px) {
    .amnsa-values-list {
        grid-template-columns: 1fr 1fr;
        column-gap: 2.5rem;
    }
}

/* Legacy class hooks (por si el CMS guarda markup anterior) */
.amnsa-mission-card { background: transparent; border: 0; border-radius: 0; padding: 0; }
.amnsa-icon-badge { display: none; }
.amnsa-values-grid { display: none; }
.amnsa-services { display: none; }

/* Reveal motion + premium transitions */
.amnsa-scroll-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    z-index: 100;
    transform-origin: 0 50%;
    transform: scaleX(0);
    background: linear-gradient(90deg, var(--amnsa-emerald-600), var(--amnsa-teal-500), #5eead4);
    pointer-events: none;
    box-shadow: 0 0 12px rgba(20, 184, 166, 0.45);
}

.amnsa-hero-media {
    animation: none; /* scroll + pointer drive transform */
    transition: none;
    will-change: transform;
}

.amnsa-hero-inner {
    transition: transform 0.2s linear;
    will-change: transform;
}

.amnsa-hero::after {
    content: "";
    position: absolute;
    inset: auto -20% -30% auto;
    width: min(48vw, 28rem);
    height: min(48vw, 28rem);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(20, 184, 166, 0.28), transparent 68%);
    filter: blur(8px);
    pointer-events: none;
    z-index: 0;
    animation: amnsaOrb 10s ease-in-out infinite alternate;
}

@keyframes amnsaOrb {
    from { transform: translate3d(0, 0, 0) scale(1); opacity: 0.55; }
    to { transform: translate3d(-12%, -18%, 0) scale(1.15); opacity: 0.9; }
}

.amnsa-hero-brand .amnsa-hero-mark {
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), filter 0.4s;
}

.amnsa-hero .amnsa-reveal.is-visible .amnsa-hero-mark {
    transform: rotate(-8deg) scale(1.05);
}

.amnsa-word {
    display: inline-block;
    overflow: visible;
    vertical-align: bottom;
    margin-right: 0.18em;
}

.amnsa-word-inner {
    display: inline-block;
    transform: none;
}

.amnsa-hero-lead,
.amnsa-hero-cta {
    transition-delay: 0.35s;
}

.amnsa-btn {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.amnsa-btn::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, 0.28) 50%, transparent 65%);
    transform: translateX(-120%);
    transition: transform 0.55s ease;
    z-index: 0;
    pointer-events: none;
}

.amnsa-btn:hover::after {
    transform: translateX(120%);
}

.amnsa-btn > * {
    position: relative;
    z-index: 1;
}

.amnsa-site-nav a {
    position: relative;
}

.amnsa-site-nav a:not(.amnsa-nav-cta)::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.2rem;
    height: 1.5px;
    background: var(--amnsa-teal-600);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

.amnsa-site-nav a:not(.amnsa-nav-cta):hover::after,
.amnsa-site-nav a:not(.amnsa-nav-cta).is-active::after {
    transform: scaleX(1);
}

.amnsa-nav-cta {
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.2s;
}

.amnsa-nav-cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 22px rgba(15, 118, 110, 0.28);
}

.amnsa-marquee-track {
    animation-duration: 38s;
}

.amnsa-marquee:hover .amnsa-marquee-track {
    animation-play-state: paused;
}

.amnsa-brand-logo img {
    transition: opacity 0.3s, filter 0.35s, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.amnsa-brand-logo img:hover {
    transform: translateY(-3px) scale(1.06);
}

.amnsa-tool-item {
    position: relative;
    transition: background 0.35s ease, padding-left 0.35s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.3s;
}

.amnsa-tool-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 18%;
    bottom: 18%;
    width: 2px;
    background: var(--amnsa-teal-500);
    transform: scaleY(0);
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.amnsa-tool-item.is-hot,
.amnsa-tool-item:hover {
    background: rgba(15, 118, 110, 0.04);
    padding-left: 0.65rem;
}

.amnsa-tool-item.is-hot::before,
.amnsa-tool-item:hover::before {
    transform: scaleY(1);
}

.amnsa-tool-item.is-hot .amnsa-tool-name,
.amnsa-tool-item:hover .amnsa-tool-name {
    color: var(--amnsa-teal-700);
}

.amnsa-tool-name {
    transition: color 0.25s ease;
}

.amnsa-stat-num {
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.amnsa-reveal.is-visible .amnsa-stat-num {
    animation: amnsaStatPop 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes amnsaStatPop {
    from { transform: translateY(12px); opacity: 0.4; }
    to { transform: none; opacity: 1; }
}

.amnsa-values-list li {
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), background 0.3s;
}

.amnsa-values-list li:hover {
    transform: translateX(6px);
}

.amnsa-values-list li:hover strong {
    color: var(--amnsa-teal-700);
}

.amnsa-contact-form {
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.45s;
}

.amnsa-reveal.is-visible .amnsa-contact-form,
.amnsa-contact-form.amnsa-reveal.is-visible {
    box-shadow: 0 18px 50px rgba(10, 18, 16, 0.08);
}

/* Nunca ocultar contenido: reveals son solo marcadores, no gate de visibilidad */
.amnsa-reveal,
.amnsa-reveal:not(.is-visible),
html.amnsa-motion-on .amnsa-page .amnsa-reveal,
html.amnsa-motion-on .amnsa-page .amnsa-reveal:not(.is-visible) {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    visibility: visible !important;
}

.amnsa-word-inner,
.amnsa-letter > span,
.amnsa-hero .amnsa-word-inner,
.amnsa-hero .amnsa-letter > span {
    transform: none !important;
}

.amnsa-history .amnsa-history-visual img {
    transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s;
}

.amnsa-history:has(.amnsa-reveal.is-visible) .amnsa-history-visual img {
    transform: scale(1.06);
}

.amnsa-section-title {
    position: relative;
}

.amnsa-mission-block .amnsa-btn,
.amnsa-capabilities-cta .amnsa-btn {
    transition: transform 0.25s ease, box-shadow 0.3s ease;
}

.amnsa-mission-block .amnsa-btn:hover,
.amnsa-capabilities-cta .amnsa-btn:hover {
    box-shadow: 0 12px 28px rgba(5, 150, 105, 0.28);
}

@media (prefers-reduced-motion: reduce) {
    .amnsa-reveal {
        opacity: 1;
        transform: none;
        filter: none;
        transition: none;
    }
    .amnsa-hero::after,
    .amnsa-scroll-progress,
    .amnsa-word-inner,
    .amnsa-hero-media,
    .amnsa-marquee-track {
        animation: none !important;
        transition: none !important;
    }
    .amnsa-word-inner {
        transform: none;
    }
    .amnsa-btn::after {
        display: none;
    }
}

/* ===== Premium+ cinematic layer ===== */
html.amnsa-smooth {
    scroll-behavior: smooth;
}

.amnsa-page--pro .amnsa-hero {
    min-height: 0;
    max-height: none;
}

.amnsa-hero-vignette {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
        radial-gradient(ellipse 70% 60% at 30% 40%, transparent 0%, rgba(10, 18, 16, 0.35) 100%),
        linear-gradient(90deg, rgba(10, 18, 16, 0.5) 0%, transparent 45%);
}

.amnsa-hero-frame {
    position: absolute;
    inset: 1.25rem;
    z-index: 1;
    pointer-events: none;
    transition: opacity 0.25s linear;
}

.amnsa-corner {
    position: absolute;
    width: 2.25rem;
    height: 2.25rem;
    border-color: rgba(153, 246, 228, 0.45);
    border-style: solid;
    border-width: 0;
}

.amnsa-corner--tl { top: 0; left: 0; border-top-width: 1.5px; border-left-width: 1.5px; }
.amnsa-corner--tr { top: 0; right: 0; border-top-width: 1.5px; border-right-width: 1.5px; }
.amnsa-corner--bl { bottom: 0; left: 0; border-bottom-width: 1.5px; border-left-width: 1.5px; }
.amnsa-corner--br { bottom: 0; right: 0; border-bottom-width: 1.5px; border-right-width: 1.5px; }

.amnsa-hero-meta {
    margin: 0 0 0.65rem;
    font-family: var(--site-font-heading);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(153, 246, 228, 0.75);
}

.amnsa-letter {
    display: inline-block;
    overflow: visible;
    vertical-align: bottom;
}

.amnsa-letter > span {
    display: inline-block;
    transform: none;
}

.amnsa-hero-accent .amnsa-word-inner {
    color: var(--amnsa-teal-200);
    background: none;
    -webkit-background-clip: unset;
    background-clip: unset;
}

.amnsa-title-rule {
    display: block;
    width: 4.5rem;
    height: 2px;
    margin: 0 0 1.1rem;
    background: linear-gradient(90deg, var(--amnsa-teal-600), transparent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.15s;
}

.amnsa-title-rule--light {
    background: linear-gradient(90deg, var(--amnsa-teal-200), transparent);
}

.amnsa-title-rule.is-drawn,
.amnsa-reveal.is-visible .amnsa-title-rule,
.amnsa-section-head.amnsa-reveal.is-visible .amnsa-title-rule,
.amnsa-mission-block.amnsa-reveal.is-visible .amnsa-title-rule {
    transform: scaleX(1);
}

.amnsa-marquee--rev {
    display: none; /* una sola franja: evita solapes visuales */
}

.amnsa-trusted {
    padding: 2.35rem 0 2rem;
    background:
        linear-gradient(180deg, #fff 0%, var(--amnsa-gray-50) 100%);
}

[data-amnsa-section] {
    position: relative;
}

[data-amnsa-section]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, transparent, var(--amnsa-teal-500), transparent);
    opacity: 0;
    transform: scaleY(0.4);
    transition: opacity 0.6s ease, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

[data-amnsa-section].is-inview::before {
    opacity: 0.85;
    transform: scaleY(1);
}

.amnsa-page--pro .amnsa-capabilities {
    padding: 5.5rem 0 5rem;
}

.amnsa-page--pro .amnsa-history {
    padding: 5.5rem 0 5rem;
}

.amnsa-page--pro .amnsa-contact-form {
    border: 1px solid var(--amnsa-gray-200);
    border-radius: 0.35rem;
    padding: 1.5rem 1.35rem;
    background:
        linear-gradient(160deg, rgba(255, 255, 255, 0.95), rgba(240, 253, 250, 0.65));
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    backdrop-filter: blur(10px);
}

.amnsa-page--pro .amnsa-contact-form h3 {
    font-family: var(--site-font-heading);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 1.15rem;
}

.amnsa-page--pro .amnsa-contact-list a {
    position: relative;
    transition: color 0.2s;
}

.amnsa-page--pro .amnsa-contact-list a:hover {
    color: var(--amnsa-teal-700);
}

.amnsa-page--pro .amnsa-quote {
    position: relative;
    padding-left: 1rem;
    border-top: 0;
    border-left: 2px solid var(--amnsa-teal-500);
    margin-top: 1.75rem;
    padding-top: 0.15rem;
}

.amnsa-scroll-progress {
    height: 3px;
    background: linear-gradient(90deg, #047857, #14b8a6, #99f6e4, #14b8a6);
    background-size: 200% 100%;
    animation: amnsaProgressShimmer 3.5s linear infinite;
}

@keyframes amnsaProgressShimmer {
    from { background-position: 0% 50%; }
    to { background-position: 200% 50%; }
}

.amnsa-page--pro .amnsa-hero-cta .amnsa-btn {
    min-width: 9.5rem;
}

.amnsa-page--pro .amnsa-stat {
    position: relative;
    padding-top: 0.35rem;
}

.amnsa-page--pro .amnsa-stat::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5rem;
    height: 1px;
    background: rgba(153, 246, 228, 0.5);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;
}

.amnsa-page--pro .amnsa-reveal.is-visible.amnsa-stat::before,
.amnsa-page--pro .amnsa-stat.amnsa-reveal.is-visible::before {
    transform: scaleX(1);
}

@media (max-width: 640px) {
    .amnsa-hero-frame { inset: 0.75rem; }
    .amnsa-marquee--rev { display: none; }
    [data-amnsa-section]::before { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    html.amnsa-smooth { scroll-behavior: auto; }
    .amnsa-scroll-progress { animation: none; }
    .amnsa-letter > span { transform: none; }
    .amnsa-title-rule { transform: none; }
}

/* Contact */
.amnsa-contact {
    padding: 5rem 0;
    background: #fff;
}

.amnsa-contact-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
    gap: 2rem;
    align-items: start;
}

.amnsa-contact-lead {
    color: var(--amnsa-gray-500);
    margin: 0 0 1rem;
}

.amnsa-contact-list {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1.7;
}

.amnsa-contact-list li {
    margin-bottom: 0.65rem;
}

.amnsa-contact-list a {
    color: var(--amnsa-teal-700);
    text-decoration: none;
    font-weight: 600;
}

.amnsa-contact-list a:hover {
    text-decoration: underline;
}

.amnsa-contact-form {
    background: var(--amnsa-gray-50);
    border: 1px solid var(--amnsa-gray-200);
    border-radius: 0.75rem;
    padding: 1.5rem;
}

.amnsa-contact-form h3 {
    margin: 0 0 1rem;
    font-size: 1.125rem;
}

.amnsa-contact-form .form-group,
.amnsa-contact-form label {
    display: block;
    margin-bottom: 0.75rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--amnsa-gray-700);
}

.amnsa-contact-form .form-control {
    width: 100%;
    padding: 0.55rem 0.65rem;
    border: 1px solid var(--amnsa-gray-300);
    border-radius: 0.375rem;
    font: inherit;
}

/* Footer */
.amnsa-site-footer {
    background: var(--amnsa-gray-900);
    color: var(--amnsa-gray-300);
    padding: 2.5rem 0 1.5rem;
}

.amnsa-site-footer-inner {
    max-width: 80rem;
    margin: 0 auto;
    padding: 0 1.25rem;
}

.amnsa-footer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.amnsa-footer-grid h3 {
    margin: 0 0 0.75rem;
    font-size: 0.8125rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #fff;
}

.amnsa-footer-grid a {
    display: block;
    color: var(--amnsa-gray-300);
    text-decoration: none;
    font-size: 0.875rem;
    margin-bottom: 0.4rem;
}

.amnsa-footer-grid a:hover {
    color: var(--amnsa-teal-200);
}

.amnsa-footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 1rem;
    font-size: 0.8125rem;
    color: var(--amnsa-gray-500);
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    justify-content: space-between;
}

/* —— Shop (tienda AMNSA) —— */
body:has(#amnsa-brand-marker) .site-main > .site-container:not(:has(.amnsa-page)) {
    max-width: 80rem;
    padding: 2rem 1.25rem 3rem;
}

body:has(#amnsa-brand-marker) .shop-title {
    font-size: clamp(1.75rem, 3vw, 2.25rem);
    font-weight: 800;
    color: var(--amnsa-gray-900);
    margin-bottom: 0.35rem;
}

body:has(#amnsa-brand-marker) .shop-title::after {
    content: "";
    display: block;
    width: 3.5rem;
    height: 0.25rem;
    margin-top: 0.65rem;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--amnsa-emerald-600), var(--amnsa-teal-500));
}

body:has(#amnsa-brand-marker) .shop-intro {
    color: var(--amnsa-gray-500);
    max-width: 42rem;
    margin: 0 0 1.75rem;
}

body:has(#amnsa-brand-marker) .shop-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    gap: 1.25rem;
}

body:has(#amnsa-brand-marker) .shop-card {
    background: #fff;
    border: 1px solid var(--amnsa-gray-200);
    border-radius: 0.65rem;
    padding: 0;
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
    overflow: hidden;
}

body:has(#amnsa-brand-marker) .shop-card:hover {
    border-color: rgba(13, 148, 136, 0.4);
    box-shadow: 0 10px 28px rgba(17, 24, 39, 0.07);
}

body:has(#amnsa-brand-marker) .shop-card h2,
body:has(#amnsa-brand-marker) .shop-card h3 {
    margin: 0 0 0.35rem;
    font-size: 1.05rem;
    line-height: 1.35;
}

body:has(#amnsa-brand-marker) .shop-card h2 a,
body:has(#amnsa-brand-marker) .shop-card h3 a {
    color: var(--amnsa-gray-900);
    text-decoration: none;
}

body:has(#amnsa-brand-marker) .shop-card h2 a:hover,
body:has(#amnsa-brand-marker) .shop-card h3 a:hover {
    color: var(--amnsa-teal-700);
}

body:has(#amnsa-brand-marker) .shop-price,
body:has(#amnsa-brand-marker) .shop-price-lg {
    color: var(--amnsa-emerald-700);
}

body:has(#amnsa-brand-marker) .shop-desc {
    color: var(--amnsa-gray-500);
}

body:has(#amnsa-brand-marker) .shop-product-detail,
body:has(#amnsa-brand-marker) .shop-cart-wrap {
    background: #fff;
    border: 1px solid var(--amnsa-gray-200);
    border-radius: 1rem;
    padding: 1.25rem;
}

body:has(#amnsa-brand-marker) .shop-checkout-page .shop-checkout {
    background: #fff;
    border: 1px solid var(--amnsa-gray-200);
    border-radius: 1rem;
    padding: 1.35rem 1.4rem 1.5rem;
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
}

body:has(#amnsa-brand-marker) .shop-checkout-page .shop-checkout .form-control:focus {
    border-color: var(--amnsa-teal-600);
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.14);
}

body:has(#amnsa-brand-marker) .shop-carrier-option:has(input:checked),
body:has(#amnsa-brand-marker) .shop-payment-option:has(input:checked) {
    border-color: var(--amnsa-teal-600);
    background: linear-gradient(180deg, var(--amnsa-teal-50) 0%, #fff 100%);
    box-shadow: 0 0 0 1px rgba(13, 148, 136, 0.2);
}

/* —— PDP premium industrial B2B —— */
body:has(#amnsa-brand-marker) .shop-product-detail.shop-pdp {
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
    gap: 1.75rem;
}

@media (min-width: 900px) {
    body:has(#amnsa-brand-marker) .shop-product-detail.shop-pdp {
        grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
        gap: 2.5rem;
        padding: 0;
        align-items: start;
    }
}

body:has(#amnsa-brand-marker) .shop-breadcrumb {
    margin: 0 0 1.1rem;
    font-size: 0.8125rem;
    color: var(--amnsa-gray-500);
}
body:has(#amnsa-brand-marker) .shop-breadcrumb a {
    color: var(--amnsa-teal-700);
    font-weight: 600;
    text-decoration: none;
}
body:has(#amnsa-brand-marker) .shop-breadcrumb a:hover {
    color: var(--amnsa-emerald-700);
    text-decoration: underline;
}

body:has(#amnsa-brand-marker) .shop-pdp-gallery {
    min-width: 0;
}

body:has(#amnsa-brand-marker) .shop-pdp-image-frame {
    position: relative;
    border-radius: 0.85rem;
    overflow: hidden;
    background:
        radial-gradient(ellipse 70% 55% at 50% 42%, rgba(13, 148, 136, 0.07), transparent 70%),
        linear-gradient(165deg, #f8faf9 0%, #eef2f0 55%, #e5e7eb 100%);
    border: 1px solid var(--amnsa-gray-200);
    box-shadow:
        0 1px 2px rgba(17, 24, 39, 0.04),
        0 12px 32px rgba(17, 24, 39, 0.06);
    aspect-ratio: 1;
}

body:has(#amnsa-brand-marker) .shop-pdp-image-frame img {
    object-fit: contain;
    padding: 1.35rem;
    width: 100%;
    height: 100%;
    transition: opacity 0.2s ease, transform 0.35s ease;
}

body:has(#amnsa-brand-marker) .shop-pdp-zoom-hit:hover img {
    transform: scale(1.025);
}

body:has(#amnsa-brand-marker) .shop-pdp-badge {
    left: 0.9rem;
    bottom: 0.9rem;
    background: rgba(17, 24, 39, 0.82);
    color: #f3f4f6;
    font-family: var(--site-font-heading);
    font-size: 0.68rem;
    font-weight: 650;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 0.38rem 0.7rem;
    border-radius: 0.35rem;
    backdrop-filter: blur(4px);
}

body:has(#amnsa-brand-marker) .shop-pdp-zoom-hint {
    right: 0.85rem;
    bottom: 0.85rem;
    background: rgba(17, 24, 39, 0.78);
    border-radius: 0.4rem;
    color: #f9fafb;
    transition: background 0.15s, opacity 0.15s;
}

body:has(#amnsa-brand-marker) .shop-pdp-image-frame:hover .shop-pdp-zoom-hint {
    background: var(--amnsa-teal-700);
    opacity: 1;
}

body:has(#amnsa-brand-marker) .shop-pdp-stock-overlay {
    background: #b91c1c;
    border-radius: 0.35rem;
    letter-spacing: 0.06em;
}

body:has(#amnsa-brand-marker) .shop-pdp-thumbs {
    gap: 0.6rem;
    margin-top: 0.85rem;
}

body:has(#amnsa-brand-marker) .shop-pdp-thumb {
    width: 4.1rem;
    height: 4.1rem;
    border: 1.5px solid var(--amnsa-gray-200);
    border-radius: 0.55rem;
    background: linear-gradient(180deg, #f8faf9, #eef2f0);
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
}

body:has(#amnsa-brand-marker) .shop-pdp-thumb img {
    object-fit: contain;
    padding: 0.35rem;
    background: transparent;
}

body:has(#amnsa-brand-marker) .shop-pdp-thumb.is-active,
body:has(#amnsa-brand-marker) .shop-pdp-thumb:hover {
    border-color: var(--amnsa-teal-600);
    box-shadow: 0 0 0 2px rgba(13, 148, 136, 0.18);
}

body:has(#amnsa-brand-marker) .shop-pdp-buy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0.15rem 0 0;
}

body:has(#amnsa-brand-marker) .shop-pdp-kicker {
    margin: 0 0 0.4rem;
    font-family: var(--site-font-heading);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--amnsa-teal-700);
}

body:has(#amnsa-brand-marker) .shop-pdp-title {
    margin: 0 0 0.65rem;
    font-family: var(--site-font-heading);
    font-size: clamp(1.45rem, 2.5vw, 1.95rem);
    font-weight: 750;
    line-height: 1.22;
    letter-spacing: -0.025em;
    color: var(--amnsa-gray-900);
}

body:has(#amnsa-brand-marker) .shop-pdp-meta {
    margin: 0 0 1rem;
    gap: 0.55rem 0.85rem;
}

body:has(#amnsa-brand-marker) .shop-pdp-sku {
    font-size: 0.8125rem;
    color: var(--amnsa-gray-500);
    font-variant-numeric: tabular-nums;
}

body:has(#amnsa-brand-marker) .shop-sku-copy {
    border-color: var(--amnsa-gray-200);
    color: var(--amnsa-gray-500);
    border-radius: 0.3rem;
    font-size: 0.65rem;
    letter-spacing: 0.05em;
}

body:has(#amnsa-brand-marker) .shop-sku-copy:hover,
body:has(#amnsa-brand-marker) .shop-sku-copy.is-copied {
    color: var(--amnsa-teal-700);
    border-color: var(--amnsa-teal-600);
    background: var(--amnsa-teal-50);
}

body:has(#amnsa-brand-marker) .shop-stock-badge {
    font-family: var(--site-font-heading);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 0.3rem 0.65rem;
    border-radius: 999px;
}

body:has(#amnsa-brand-marker) .shop-stock-badge.is-in {
    background: var(--amnsa-teal-50);
    color: var(--amnsa-teal-700);
    box-shadow: inset 0 0 0 1px rgba(13, 148, 136, 0.22);
}

body:has(#amnsa-brand-marker) .shop-stock-badge.is-out {
    background: #fef2f2;
    color: #b91c1c;
    box-shadow: inset 0 0 0 1px rgba(185, 28, 28, 0.2);
}

body:has(#amnsa-brand-marker) .shop-pdp-price-block {
    margin: 0 0 1.15rem;
    padding: 0.85rem 0 1rem;
    border-top: 1px solid var(--amnsa-gray-200);
    border-bottom: 1px solid var(--amnsa-gray-200);
}

body:has(#amnsa-brand-marker) .shop-pdp-price-block .shop-price,
body:has(#amnsa-brand-marker) .shop-pdp-price-block .shop-price-lg {
    font-family: var(--site-font-heading);
    font-size: clamp(1.55rem, 2.4vw, 1.85rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    color: var(--amnsa-emerald-700);
}

body:has(#amnsa-brand-marker) .shop-pdp-actions {
    gap: 0.85rem;
}

body:has(#amnsa-brand-marker) .shop-add-form {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.75rem;
    align-items: end;
}

body:has(#amnsa-brand-marker) .shop-qty-label {
    font-family: var(--site-font-heading);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--amnsa-gray-500);
    gap: 0.4rem;
}

body:has(#amnsa-brand-marker) .shop-qty-stepper {
    border: 1px solid var(--amnsa-gray-200);
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
}

body:has(#amnsa-brand-marker) .shop-qty-stepper button {
    width: 2.45rem;
    background: var(--amnsa-gray-50);
    color: var(--amnsa-gray-800);
    font-size: 1.05rem;
    transition: background 0.15s, color 0.15s;
}

body:has(#amnsa-brand-marker) .shop-qty-stepper button:hover {
    background: var(--amnsa-teal-50);
    color: var(--amnsa-teal-700);
}

body:has(#amnsa-brand-marker) .shop-qty-stepper input {
    width: 3.1rem;
    border-inline-color: var(--amnsa-gray-200);
    font-family: var(--site-font-heading);
    font-weight: 700;
    color: var(--amnsa-gray-900);
    background: #fff;
}

body:has(#amnsa-brand-marker) .shop-pdp-cta {
    min-height: 2.95rem;
    border-radius: 0.5rem;
    font-family: var(--site-font-heading);
    font-size: 0.9375rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

body:has(#amnsa-brand-marker) .shop-pdp-cta.btn-primary,
body:has(#amnsa-brand-marker) .shop-pdp-cta-primary {
    background: linear-gradient(135deg, var(--amnsa-emerald-700) 0%, var(--amnsa-teal-600) 100%);
    border-color: transparent;
    color: #fff;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.14) inset,
        0 8px 20px rgba(13, 148, 136, 0.22);
}

body:has(#amnsa-brand-marker) .shop-pdp-cta.btn-primary:hover:not(:disabled),
body:has(#amnsa-brand-marker) .shop-pdp-cta-primary:hover:not(:disabled) {
    background: linear-gradient(135deg, var(--amnsa-emerald-800) 0%, var(--amnsa-teal-700) 100%);
    border-color: transparent;
    filter: none;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.16) inset,
        0 10px 24px rgba(15, 118, 110, 0.28);
}

body:has(#amnsa-brand-marker) .shop-buy-now-form .shop-pdp-cta,
body:has(#amnsa-brand-marker) .shop-pdp-cta-secondary {
    width: 100%;
    background: #fff;
    border: 1.5px solid var(--amnsa-gray-300);
    color: var(--amnsa-gray-800);
    font-weight: 650;
    box-shadow: none;
}

body:has(#amnsa-brand-marker) .shop-buy-now-form .shop-pdp-cta:hover:not(:disabled),
body:has(#amnsa-brand-marker) .shop-pdp-cta-secondary:hover:not(:disabled) {
    border-color: var(--amnsa-teal-600);
    color: var(--amnsa-teal-700);
    background: var(--amnsa-teal-50);
}

body:has(#amnsa-brand-marker) .shop-pdp.is-out-of-stock .shop-pdp-cta:disabled {
    background: var(--amnsa-gray-100);
    border-color: var(--amnsa-gray-200);
    color: var(--amnsa-gray-500);
    box-shadow: none;
}

body:has(#amnsa-brand-marker) .shop-pdp-secondary {
    gap: 0.55rem;
    padding-top: 0.15rem;
}

body:has(#amnsa-brand-marker) .shop-icon-btn {
    width: 2.55rem;
    height: 2.55rem;
    border-radius: 0.5rem;
    border-color: var(--amnsa-gray-200);
    color: var(--amnsa-gray-700);
    background: #fff;
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
}

body:has(#amnsa-brand-marker) .shop-icon-btn:hover {
    border-color: rgba(13, 148, 136, 0.45);
    color: var(--amnsa-teal-700);
    background: var(--amnsa-teal-50);
}

body:has(#amnsa-brand-marker) .shop-icon-btn.is-active {
    border-color: var(--amnsa-teal-600);
    color: var(--amnsa-teal-700);
    background: var(--amnsa-teal-50);
}

body:has(#amnsa-brand-marker) .shop-share--pdp {
    margin-top: 0.35rem;
    padding-top: 0.85rem;
    border-top: 1px solid var(--amnsa-gray-200);
}

body:has(#amnsa-brand-marker) .shop-pdp-tabs {
    margin-top: 2rem;
    background: #fff;
    border: 1px solid var(--amnsa-gray-200);
    border-radius: 0.85rem;
    padding: 0 0 1.35rem;
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
    overflow: hidden;
}

body:has(#amnsa-brand-marker) .shop-tablist {
    gap: 0;
    padding: 0.4rem 0.55rem 0;
    background: linear-gradient(180deg, var(--amnsa-gray-50) 0%, #fff 100%);
    border-bottom: 1px solid var(--amnsa-gray-200);
}

body:has(#amnsa-brand-marker) .shop-tab {
    font-family: var(--site-font-heading);
    font-size: 0.875rem;
    font-weight: 650;
    color: var(--amnsa-gray-500);
    padding: 0.85rem 1.1rem;
    border-bottom-width: 2.5px;
    border-radius: 0.35rem 0.35rem 0 0;
    transition: color 0.15s, border-color 0.15s, background 0.15s;
}

body:has(#amnsa-brand-marker) .shop-tab:hover {
    color: var(--amnsa-gray-800);
    background: rgba(13, 148, 136, 0.04);
}

body:has(#amnsa-brand-marker) .shop-tab.is-active {
    color: var(--amnsa-teal-700);
    border-bottom-color: var(--amnsa-teal-600);
    background: transparent;
}

body:has(#amnsa-brand-marker) .shop-tabpanel {
    padding: 1.35rem 1.4rem 0.25rem;
}

body:has(#amnsa-brand-marker) .shop-product-body {
    color: var(--amnsa-gray-700);
    line-height: 1.7;
    font-size: 0.975rem;
}

body:has(#amnsa-brand-marker) .shop-spec-item {
    background: var(--amnsa-teal-50);
    border-color: rgba(13, 148, 136, 0.18);
    border-radius: 0.55rem;
}

body:has(#amnsa-brand-marker) .shop-lightbox {
    background: rgba(17, 24, 39, 0.84);
}

body:has(#amnsa-brand-marker) .shop-lightbox-img {
    border-radius: 0.65rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

body:has(#amnsa-brand-marker) .shop-lightbox-close {
    border-radius: 0.4rem;
    background: rgba(255, 255, 255, 0.1);
}

body:has(#amnsa-brand-marker) .shop-lightbox-close:hover {
    background: var(--amnsa-teal-700);
}

@media (min-width: 900px) {
    body:has(#amnsa-brand-marker) .shop-pdp-buy {
        top: 5.25rem;
        padding: 0.35rem 0 0;
    }
}

@media (max-width: 899px) {
    body:has(#amnsa-brand-marker) .shop-add-form {
        grid-template-columns: 1fr;
    }
    body:has(#amnsa-brand-marker) .shop-qty-label {
        width: fit-content;
    }
    body:has(#amnsa-brand-marker) .shop-pdp-cta-primary {
        width: 100%;
    }
    body:has(#amnsa-brand-marker) .shop-tab {
        flex: 1 1 auto;
        text-align: center;
        padding-inline: 0.65rem;
        font-size: 0.8125rem;
    }
}

body:has(#amnsa-brand-marker) .shop-review-form {
    background: #fff;
    border-color: var(--amnsa-gray-200);
}
body:has(#amnsa-brand-marker) .shop-reviews-summary {
    border-color: var(--amnsa-gray-200);
}
body:has(#amnsa-brand-marker) .shop-reviews-hist-fill {
    background: var(--amnsa-teal-600);
}
body:has(#amnsa-brand-marker) .shop-reviews-summary-score .shop-rating,
body:has(#amnsa-brand-marker) .shop-star-picker input:checked ~ label,
body:has(#amnsa-brand-marker) .shop-star-picker label:hover,
body:has(#amnsa-brand-marker) .shop-star-picker label:hover ~ label {
    color: #a16207;
}
body:has(#amnsa-brand-marker) .shop-share-btn:hover,
body:has(#amnsa-brand-marker) .shop-share-icon:hover {
    border-color: var(--amnsa-teal-600);
    color: var(--amnsa-teal-700);
    background: var(--amnsa-teal-50);
}
body:has(#amnsa-brand-marker) .shop-review-verified {
    color: var(--amnsa-teal-700);
    background: var(--amnsa-teal-50);
}

body:has(#amnsa-brand-marker) .site-footer {
    display: none;
}

body:has(#amnsa-brand-marker) .shop-services-banner {
    display: none;
}

body:has(#amnsa-brand-marker) .shop-catalog-strip {
    margin: 0 0 1.1rem;
    padding: 0.75rem 0 0.95rem;
    border-bottom: 1px solid var(--amnsa-gray-200);
}

body:has(#amnsa-brand-marker) .shop-catalog-strip-kicker {
    color: var(--amnsa-teal-700);
    letter-spacing: 0.14em;
}

body:has(#amnsa-brand-marker) .shop-catalog-strip-lead {
    color: var(--amnsa-gray-500);
    font-size: 0.9375rem;
}

body:has(#amnsa-brand-marker) .shop-catalog-head {
    margin-bottom: 1.15rem;
}

body:has(#amnsa-brand-marker) .shop-title {
    font-size: clamp(1.45rem, 2.4vw, 1.85rem);
    margin-bottom: 0.25rem;
}

body:has(#amnsa-brand-marker) .shop-title::after {
    width: 2.5rem;
    height: 0.18rem;
    margin-top: 0.45rem;
}

body:has(#amnsa-brand-marker) .shop-intro {
    margin: 0;
    font-size: 0.9375rem;
}

body:has(#amnsa-brand-marker) .shop-sidebar {
    border-color: var(--amnsa-gray-200);
    box-shadow: none;
}

body:has(#amnsa-brand-marker) .shop-filter-apply,
body:has(#amnsa-brand-marker) .shop-search-btn {
    background: linear-gradient(90deg, var(--amnsa-emerald-600), var(--amnsa-teal-600));
}

body:has(#amnsa-brand-marker) .shop-filter-apply:hover,
body:has(#amnsa-brand-marker) .shop-search-btn:hover {
    background: linear-gradient(90deg, var(--amnsa-emerald-700), var(--amnsa-teal-700));
}

body:has(#amnsa-brand-marker) .shop-card-media {
    background: linear-gradient(180deg, #f8faf9 0%, #eef2f0 100%);
}

body:has(#amnsa-brand-marker) .shop-card-media.is-placeholder {
    background:
        radial-gradient(ellipse 72% 58% at 50% 40%, rgba(13, 148, 136, 0.1), transparent 72%),
        linear-gradient(165deg, #f8fffe 0%, #eef2f0 55%, #e2e8f0 100%);
}

body:has(#amnsa-brand-marker) .shop-card-media.is-placeholder img.is-placeholder-img {
    padding: 1.1rem;
}

body:has(#amnsa-brand-marker) .shop-card-initials {
    color: var(--amnsa-teal-700, #0f766e);
    border-color: rgba(13, 148, 136, 0.32);
}

body:has(#amnsa-brand-marker) .shop-card[data-category="shipping"] .shop-card-chip {
    color: var(--amnsa-teal-700, #0f766e);
}

body:has(#amnsa-brand-marker) .shop-card.is-revealed:hover {
    transform: translateY(-2px);
}

body:has(#amnsa-brand-marker) .shop-card-actions {
    border-top-color: var(--amnsa-gray-200);
}

body:has(#amnsa-brand-marker) .shop-card-hint {
    color: var(--amnsa-gray-500, #6b7280);
}

body:has(#amnsa-brand-marker) .shop-toast-success {
    background: var(--amnsa-teal-700, #0f766e);
}

body:has(#amnsa-brand-marker) .shop-view-btn.is-active {
    background: var(--amnsa-gray-900);
}

body:has(#amnsa-brand-marker) .shop-page-btn.is-active {
    background: var(--amnsa-emerald-700);
    border-color: var(--amnsa-emerald-700);
}

body:has(#amnsa-brand-marker) .shop-toolbar {
    top: 4.15rem;
    background: rgba(249, 250, 251, 0.92);
}

@media (min-width: 900px) {
    body:has(#amnsa-brand-marker) .shop-sidebar {
        top: 5rem;
    }
}

body:has(#amnsa-brand-marker) .shop-cart-summary {
    border-color: rgba(5, 150, 105, 0.22);
    background: linear-gradient(180deg, var(--amnsa-teal-50) 0%, #fff 2.75rem);
}

body:has(#amnsa-brand-marker) .shop-checkout-page .shop-checkout-aside {
    border: 0;
    background: transparent;
    background-image: none;
    box-shadow: none;
}

body:has(#amnsa-brand-marker) .shop-checkout-summary-toggle,
body:has(#amnsa-brand-marker) .shop-checkout-summary-body {
    border-color: rgba(5, 150, 105, 0.22);
    background: linear-gradient(180deg, var(--amnsa-teal-50) 0%, #fff 2.75rem);
}

@media (min-width: 800px) {
    body:has(#amnsa-brand-marker) .shop-checkout-page .shop-checkout-aside {
        border: 1px solid rgba(5, 150, 105, 0.22);
        background: linear-gradient(180deg, var(--amnsa-teal-50) 0%, #fff 2.75rem);
        box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
    }
    body:has(#amnsa-brand-marker) .shop-checkout-summary-body {
        border: 0;
        background: transparent;
        background-image: none;
        box-shadow: none;
    }
}

body:has(#amnsa-brand-marker) .shop-checkout-aside .shop-checkout-summary-toggle strong {
    color: var(--amnsa-teal-700);
}

body:has(#amnsa-brand-marker) .shop-checkout-mini-qty {
    background: var(--amnsa-teal-700);
}

body:has(#amnsa-brand-marker) .shop-checkout-steps li.is-active {
    color: var(--amnsa-teal-700);
}
body:has(#amnsa-brand-marker) .shop-checkout-steps li.is-active .shop-checkout-step-num {
    background: var(--amnsa-teal-600);
    border-color: var(--amnsa-teal-600);
    color: #fff;
}

body:has(#amnsa-brand-marker) .shop-checkout-steps li.is-done {
    color: var(--amnsa-teal-700);
}
body:has(#amnsa-brand-marker) .shop-checkout-steps li.is-done .shop-checkout-step-num {
    background: var(--amnsa-teal-50);
    border-color: var(--amnsa-teal-600);
    color: var(--amnsa-teal-700);
}

body:has(#amnsa-brand-marker) .shop-filters-open {
    border-color: var(--amnsa-gray-200);
}

body:has(#amnsa-brand-marker) .shop-empty::before {
    background: linear-gradient(90deg, var(--amnsa-emerald-600), var(--amnsa-teal-500));
}

/* —— Live chat FAB (premium industrial B2B) —— */
body:has(#amnsa-brand-marker) .shop-livechat {
    --shop-livechat-accent: var(--amnsa-teal-600);
    --shop-livechat-accent-deep: var(--amnsa-teal-700);
    z-index: 1080;
    right: max(1.15rem, env(safe-area-inset-right));
    bottom: max(1.15rem, env(safe-area-inset-bottom));
    font-family: var(--site-font-body);
}

body:has(#amnsa-brand-marker) .shop-livechat-toggle {
    background: linear-gradient(135deg, var(--amnsa-emerald-700) 0%, var(--amnsa-teal-600) 58%, var(--amnsa-teal-500) 100%);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 0.55rem;
    padding: 0.72rem 1.1rem 0.72rem 0.88rem;
    font-family: var(--site-font-heading);
    font-weight: 650;
    font-size: 0.9rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.18) inset,
        0 10px 28px rgba(13, 148, 136, 0.28),
        0 2px 8px rgba(17, 24, 39, 0.12);
}

body:has(#amnsa-brand-marker) .shop-livechat-toggle:hover {
    filter: none;
    background: linear-gradient(135deg, var(--amnsa-emerald-800) 0%, var(--amnsa-teal-700) 55%, var(--amnsa-teal-600) 100%);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.2) inset,
        0 14px 32px rgba(15, 118, 110, 0.34),
        0 4px 12px rgba(17, 24, 39, 0.14);
}

body:has(#amnsa-brand-marker) .shop-livechat-toggle:active {
    filter: none;
    background: linear-gradient(135deg, var(--amnsa-emerald-800), var(--amnsa-teal-700));
    box-shadow: 0 4px 14px rgba(15, 118, 110, 0.22);
}

body:has(#amnsa-brand-marker) .shop-livechat-toggle:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px;
    box-shadow:
        0 0 0 4px rgba(20, 184, 166, 0.45),
        0 10px 28px rgba(13, 148, 136, 0.28);
}

body:has(#amnsa-brand-marker) .shop-livechat-toggle-icon {
    width: 1.25rem;
    height: 1.25rem;
    opacity: 0.95;
}

body:has(#amnsa-brand-marker) .shop-livechat-badge {
    background: var(--amnsa-emerald-800);
    box-shadow: 0 0 0 2px #fff, 0 2px 6px rgba(6, 95, 70, 0.35);
}

body:has(#amnsa-brand-marker) .shop-livechat-panel {
    border-radius: 0.65rem;
    border: 1px solid rgba(13, 148, 136, 0.18);
    box-shadow:
        0 18px 48px rgba(17, 24, 39, 0.16),
        0 0 0 1px rgba(15, 118, 110, 0.06);
}

body:has(#amnsa-brand-marker) .shop-livechat-header {
    background: linear-gradient(90deg, var(--amnsa-emerald-700), var(--amnsa-teal-600));
    padding: 0.8rem 0.95rem;
    font-family: var(--site-font-heading);
}

body:has(#amnsa-brand-marker) .shop-livechat-welcome {
    color: var(--amnsa-gray-700);
    background: linear-gradient(180deg, var(--amnsa-teal-50), #fff);
    border-bottom: 1px solid var(--amnsa-gray-200);
}

body:has(#amnsa-brand-marker) .wb-livechat {
    --wb-livechat-accent: var(--amnsa-teal-600);
    max-width: none;
}

body:has(#amnsa-brand-marker) .wb-livechat h1 {
    color: var(--amnsa-gray-900);
    font-family: var(--site-font-heading);
    font-size: 1.15rem;
    margin: 0 0 0.5rem;
}

body:has(#amnsa-brand-marker) .wb-livechat-welcome {
    color: var(--amnsa-gray-700);
}

body:has(#amnsa-brand-marker) .wb-livechat-start-form input,
body:has(#amnsa-brand-marker) .wb-livechat-start-form textarea,
body:has(#amnsa-brand-marker) .wb-livechat-send-form input {
    border-color: var(--amnsa-gray-300);
    border-radius: 0.4rem;
}

body:has(#amnsa-brand-marker) .wb-livechat-start-form input:focus,
body:has(#amnsa-brand-marker) .wb-livechat-start-form textarea:focus,
body:has(#amnsa-brand-marker) .wb-livechat-send-form input:focus {
    outline: 2px solid rgba(13, 148, 136, 0.35);
    border-color: var(--amnsa-teal-600);
}

body:has(#amnsa-brand-marker) .wb-livechat-bubble.is-operator {
    background: var(--amnsa-teal-50);
    border-color: var(--amnsa-teal-200);
}

body:has(#amnsa-brand-marker) .wb-livechat-bubble.is-bot {
    background: #ecfdf5;
    border-color: #a7f3d0;
}

body:has(#amnsa-brand-marker) .wb-livechat-start-form button,
body:has(#amnsa-brand-marker) .wb-livechat-send-form button {
    background: linear-gradient(90deg, var(--amnsa-emerald-700), var(--amnsa-teal-600));
    border-color: transparent;
    color: #fff;
    border-radius: 0.4rem;
    font-family: var(--site-font-heading);
    font-weight: 600;
}

@media (max-width: 640px) {
    body:has(#amnsa-brand-marker) .shop-livechat {
        right: max(0.75rem, env(safe-area-inset-right));
        bottom: max(0.9rem, env(safe-area-inset-bottom));
    }

    body:has(#amnsa-brand-marker) .shop-livechat-toggle {
        padding: 0.65rem 0.85rem 0.65rem 0.72rem;
        font-size: 0.8125rem;
        letter-spacing: 0.03em;
    }

    body:has(#amnsa-brand-marker) .shop-livechat-panel {
        width: min(100vw - 1.5rem, 360px);
    }
}

@media (min-width: 1024px) {
    .amnsa-history-visual {
        display: block;
    }

    .amnsa-history-body {
        max-width: 50%;
    }
}

@media (max-width: 900px) {
    .amnsa-site-nav {
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}

@media (max-width: 640px) {
    .amnsa-site-header-inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .amnsa-site-nav {
        width: 100%;
        flex-wrap: wrap;
    }

    .amnsa-hero-inner {
        padding: 1.75rem 1.1rem 1.85rem;
    }

    .amnsa-hero-scroll {
        display: none;
    }

    body:has(#amnsa-brand-marker) .shop-specs-grid {
        grid-template-columns: 1fr;
    }
}

/* —— Portal cliente (/portal/*) ——
 * Activo solo con #amnsa-brand-marker (mismo gate AmnsaThemeService).
 * No afecta el iframe livechat (body.website-embed).
 */
body.portal-body:has(#amnsa-brand-marker) {
    --portal-navy: var(--amnsa-gray-900);
    --portal-blue: var(--amnsa-teal-600);
    --portal-blue-soft: var(--amnsa-teal-50);
    --portal-line: color-mix(in srgb, var(--amnsa-teal-600) 18%, var(--amnsa-gray-200));
    font-family: "Source Sans 3", "IBM Plex Sans", system-ui, sans-serif;
}

body.portal-body:has(#amnsa-brand-marker) .portal-brand-logo {
    display: block;
    height: 36px;
    width: auto;
    max-width: 140px;
    object-fit: contain;
    flex-shrink: 0;
}

body.portal-body:has(#amnsa-brand-marker) .portal-brand-title {
    color: var(--amnsa-gray-900);
    font-weight: 800;
    letter-spacing: 0.02em;
}

body.portal-body:has(#amnsa-brand-marker) .portal-brand-sub {
    color: var(--amnsa-gray-500);
}

body.portal-body:has(#amnsa-brand-marker) .portal-user-avatar {
    background: linear-gradient(135deg, var(--amnsa-emerald-600), var(--amnsa-teal-600));
}

body.portal-body:has(#amnsa-brand-marker) .portal-nav-link.is-active {
    color: var(--amnsa-teal-700);
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.06), inset 0 0 0 1px color-mix(in srgb, var(--amnsa-teal-600) 28%, transparent);
}

body.portal-body:has(#amnsa-brand-marker) .portal-nav-link--shop {
    color: var(--amnsa-teal-700);
}

body.portal-body:has(#amnsa-brand-marker) .portal-nav-link--shop:hover {
    color: var(--amnsa-emerald-700);
    background: color-mix(in srgb, var(--amnsa-teal-50) 80%, #fff);
}

body.portal-body:has(#amnsa-brand-marker) .portal-badge-open,
body.portal-body:has(#amnsa-brand-marker) .portal-badge--info {
    background: var(--amnsa-teal-50);
    color: var(--amnsa-teal-700);
}

body.portal-body:has(#amnsa-brand-marker) .auth-link {
    color: var(--amnsa-teal-700);
}

body.portal-body:has(#amnsa-brand-marker) .auth-link:hover {
    color: var(--amnsa-emerald-700);
}

body.portal-body:has(#amnsa-brand-marker) .form-control:focus {
    border-color: var(--amnsa-teal-600);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--amnsa-teal-500) 28%, transparent);
}

body.portal-body:has(#amnsa-brand-marker) .portal-footer-brand {
    color: var(--amnsa-teal-700);
}