/*
Theme Name: Sandino Law Premium
Theme URI: https://sandinolaw.com/
Author: Sandino Law
Description: Tema WordPress premium y personalizado para Sandino Law. Mobile-first, componentizado y con administración propia, UX/UI premium y arquitectura escalable.
Version: 1.18.4
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: sandino-law
*/


/* =========================================================
   Admin-managed ambient hero backdrops
   ========================================================= */
.firm-hero,
.services-hub-hero,
.practice-archive-hero,
.team-platform-hero,
.archive-hero,
.resources-archive-hero,
.page-hero,
.professional-hero,
.service-hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.firm-hero__grid,
.services-hub-hero__visual-grid,
.services-hub-hero__meta,
.practice-archive-hero__grid,
.team-platform-hero__grid,
.archive-hero .container,
.resources-archive-hero__grid,
.page-hero .container,
.professional-hero__grid,
.service-hero__grid {
    position: relative;
    z-index: 2;
}

.firm-hero__ambient,
.services-hub-hero__ambient,
.practice-archive-hero__ambient,
.team-platform-hero__ambient,
.professional-hero__ambient,
.service-hero__ambient {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.sandino-hero-atmosphere {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

.sandino-hero-atmosphere__wash,
.sandino-hero-atmosphere__image {
    position: absolute;
    inset: -5%;
}

.sandino-hero-atmosphere__wash {
    background:
        radial-gradient(circle at 14% 22%, rgba(212, 168, 84, 0.16), transparent 34%),
        radial-gradient(circle at 82% 18%, rgba(212, 168, 84, 0.12), transparent 30%),
        radial-gradient(circle at 76% 78%, rgba(212, 168, 84, 0.10), transparent 28%),
        linear-gradient(135deg, rgba(4, 14, 43, 0.10), rgba(4, 14, 43, 0.02) 44%, rgba(4, 14, 43, 0.14));
}

.sandino-hero-atmosphere__image {
    background-image: var(--sandino-hero-atmosphere-image);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.05;
    filter: blur(28px) saturate(0.92);
    transform: scale(1.12);
}

.sandino-hero-atmosphere__motif {
    position: absolute;
    display: grid;
    place-items: center;
    width: clamp(42px, 4vw, 76px);
    height: clamp(42px, 4vw, 76px);
    border-radius: 18px;
    border: 1px solid rgba(216, 176, 96, 0.18);
    background: rgba(216, 176, 96, 0.06);
    color: rgba(239, 205, 132, 0.24);
    box-shadow: 0 18px 40px rgba(5, 18, 57, 0.08);
    backdrop-filter: blur(10px);
    opacity: .72;
    animation: sandinoHeroMotifBreath 8s ease-in-out infinite;
}

.sandino-hero-atmosphere__motif svg {
    width: 48%;
    height: 48%;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.55;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: blur(.18px) drop-shadow(0 0 10px rgba(233, 185, 82, .10));
}

.sandino-hero-atmosphere__motif--2 { animation-delay:-2.2s; }
.sandino-hero-atmosphere__motif--3 { animation-delay:-4.4s; }
.sandino-hero-atmosphere__motif--4 { animation-delay:-6.1s; }

@keyframes sandinoHeroMotifBreath {
    0%,100% { opacity:.48; filter:blur(.4px); }
    50% { opacity:.72; filter:blur(.9px); }
}

.sandino-hero-atmosphere__motif--1 { top: 15%; right: 10%; transform: rotate(8deg); }
.sandino-hero-atmosphere__motif--2 { left: 12%; bottom: 18%; transform: rotate(-10deg); }
.sandino-hero-atmosphere__motif--3 { top: 58%; right: 28%; transform: rotate(14deg); }
.sandino-hero-atmosphere__motif--4 { top: 24%; left: 30%; transform: rotate(-6deg); }

@media (max-width: 820px) {
    .sandino-hero-atmosphere__image {
        filter: blur(22px) saturate(0.92);
        transform: scale(1.1);
    }

    .sandino-hero-atmosphere__motif--1 { top: 12%; right: 7%; }
    .sandino-hero-atmosphere__motif--2 { left: 8%; bottom: 12%; }
    .sandino-hero-atmosphere__motif--3 { top: auto; right: 18%; bottom: 32%; }
    .sandino-hero-atmosphere__motif--4 { display:none; }
}