/* ========== from about.php ========== */

        .lc-about{
            --blue-50:  #EFF6FF;
            --blue-100: #DBEAFE;
            --blue-300: #93C5FD;
            --blue-400: #60A5FA;
            --blue-600: #2563EB;
            --blue-700: #1D4ED8;
            --blue-900: #1E3A5F;
            --cream:     #FFFDF8;
            --paper:     #FFFFFF;
            --line:      #E2E8F0;
            
            /* Color celeste del hero (Ajustado exactamente como en el Home) */
            --hero-bg-sky: #F0F7F9;

            font-family: 'Work Sans', -apple-system, BlinkMacSystemFont, sans-serif;
            color: var(--blue-900);
            background: var(--cream);
        }
        .lc-about *{ box-sizing: border-box; }
        .lc-about .lc-container{
            max-width: 1180px;
            margin: 0 auto;
            padding: 0 24px;
        }
        .lc-about h1, .lc-about h2, .lc-about h3{
            font-family: 'Fraunces', Georgia, serif;
            line-height: 1.15;
            margin: 0;
        }

        /* ---------- HERO CON FONDO CELESTE ---------- */
        .lc-about-hero{
            position: relative;
            padding: 84px 0 76px;
            overflow: hidden;
            background-color: var(--hero-bg-sky); 
            border-bottom: 1px solid var(--line);
        }
        .lc-about-hero::before{
            content: "";
            position: absolute;
            top: -220px;
            right: -140px;
            width: 520px;
            height: 520px;
            background: #BFE3EA; 
            opacity: .35;
            border-radius: 48% 52% 56% 44% / 44% 48% 52% 56%;
        }
        .lc-about-hero .lc-container{
            position: relative;
            z-index: 1;
            display: grid;
            grid-template-columns: 1.1fr 0.9fr;
            gap: 56px;
            align-items: center;
        }
        .lc-about-hero h1{
            font-size: clamp(2.2rem, 4vw, 3.2rem);
            font-weight: 600;
        }
        .lc-about-hero h1 em{
            display: block;
            font-style: italic;
            font-weight: 400;
            color: var(--blue-600);
            margin-top: 6px;
        }
        .lc-about-hero p.lc-subtitle{
            margin: 24px 0 0;
            font-size: 1.08rem;
            line-height: 1.65;
            max-width: 46ch;
            color: #445042;
        }
        .lc-about-hero-visual img{
            width: 100%;
            max-width: 440px;
            aspect-ratio: 4 / 3.4;
            object-fit: cover;
            border-radius: 46% 54% 52% 48% / 48% 42% 58% 52%;
            border: 6px solid var(--paper);
            box-shadow: 0 30px 50px -22px rgba(32,48,31,.25);
            display: block;
            margin: 0 auto;
        }

        .lc-stats{
            display: flex;
            flex-wrap: wrap;
            gap: 40px;
            margin-top: 38px;
            padding-top: 30px;
            border-top: 1px solid rgba(0,0,0,0.08);
        }
        .lc-stat strong{
            display: block;
            font-family: 'Fraunces', serif;
            font-size: 1.9rem;
            font-weight: 600;
            color: var(--blue-700);
        }
        .lc-stat span{
            font-size: 0.9rem;
            color: #5c665a;
        }

        /* ---------- STORY BLOCKS ---------- */
        .lc-story{
            padding: 80px 0 20px;
        }
        .lc-story-grid{
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 28px;
        }
        .lc-story-block{
            background: var(--paper);
            border: 1px solid var(--line);
            border-radius: 20px;
            padding: 38px 34px;
        }
        .lc-story-block .lc-block-icon{
            width: 58px;
            height: 58px;
            border-radius: 16px;
            background: var(--blue-50);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 24px;
        }
        .lc-story-block .lc-block-icon img{
            width: 30px;
            height: 30px;
            object-fit: contain;
        }
        .lc-story-block h2{
            font-size: 1.55rem;
            font-weight: 600;
            margin-bottom: 16px;
        }
        .lc-story-block p{
            font-size: 1rem;
            line-height: 1.7;
            color: #475569;
            margin: 0 0 14px;
            max-width: 52ch;
        }
        .lc-story-block p:last-child{ margin-bottom: 0; }

        /* ---------- PULL QUOTE ---------- */
        .lc-quote-wrap{
            padding: 70px 0 50px;
        }
        .lc-quote{
            position: relative;
            background: var(--blue-900);
            border-radius: 24px;
            padding: 60px 56px;
            overflow: hidden;
        }
        .lc-quote::after{
            content: "";
            position: absolute;
            right: -70px;
            bottom: -110px;
            width: 300px;
            height: 300px;
            background: var(--blue-400);
            opacity: .18;
            border-radius: 50%;
        }
        .lc-quote blockquote{
            position: relative;
            z-index: 1;
            margin: 0;
            font-family: 'Fraunces', serif;
            font-style: italic;
            font-weight: 400;
            font-size: clamp(1.35rem, 2.4vw, 1.9rem);
            line-height: 1.45;
            color: #fff;
            max-width: 34ch;
        }
        .lc-quote cite{
            display: block;
            position: relative;
            z-index: 1;
            margin-top: 26px;
            font-family: 'Work Sans', sans-serif;
            font-style: normal;
            font-size: 0.92rem;
            font-weight: 600;
            color: var(--blue-300);
        }

        /* ---------- WHY CHOOSE ---------- */
        .lc-why{
            background: var(--blue-50);
            padding: 40px 0 60px; /* Ajustado a 40px arriba */
        }
        .lc-why-head{
            max-width: 620px;
            margin-bottom: 30px;
        }
        .lc-why-head h2{
            font-size: clamp(1.8rem, 3vw, 2.4rem);
            font-weight: 600;
        }
        .lc-why-head p{
            margin-top: 14px;
            font-size: 1.05rem;
            color: #475569;
        }
        .lc-why-grid{
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
        }
        .lc-why-card{
            background: var(--paper);
            border: 1px solid var(--line);
            border-top: 5px solid var(--blue-400);
            border-radius: 18px;
            padding: 32px 28px 30px;
            transition: transform .18s ease, box-shadow .18s ease;
        }
        .lc-why-card:hover{
            transform: translateY(-4px);
            box-shadow: 0 20px 34px -20px rgba(32,48,31,.28);
        }
        .lc-why-card h3{
            font-size: 1.22rem;
            font-weight: 600;
            margin-bottom: 12px;
        }
        .lc-why-card p{
            font-size: 0.98rem;
            line-height: 1.62;
            color: #475569;
            margin: 0;
        }

        /* ---------- FINAL CTA ---------- */
        .lc-final-cta{
            padding: 40px 0 70px; /* Ajustado a 40px arriba */
            text-align: center;
        }
        .lc-final-cta h2{
            font-size: clamp(1.8rem, 3vw, 2.4rem);
            font-weight: 600;
            max-width: 640px;
            margin: 0 auto 28px;
        }

        .lc-about .btn-primary,
        .lc-about .btn-secondary{
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-family: 'Work Sans', sans-serif;
            font-weight: 600;
            font-size: 0.98rem;
            padding: 14px 26px;
            border-radius: 10px;
            text-decoration: none;
            transition: transform .15s ease, background .15s ease, border-color .15s ease;
        }
        .lc-about .btn-primary{
            background: var(--blue-600);
            color: #fff;
            box-shadow: 0 8px 20px -8px rgba(76,153,80,.55);
        }
        .lc-about .btn-primary:hover{
            background: var(--blue-700);
            transform: translateY(-1px);
        }
        .lc-about .btn-secondary{
            background: transparent;
            color: var(--blue-900);
            border: 1.5px solid var(--line);
        }
        .lc-about .btn-secondary:hover{
            border-color: var(--blue-600);
            color: var(--blue-700);
        }

        @media (max-width: 980px){
            .lc-why-grid{ grid-template-columns: repeat(2, 1fr); }
        }
        @media (max-width: 880px){
            .lc-about-hero .lc-container{ grid-template-columns: 1fr; }
            .lc-about-hero-visual{ order: -1; margin-bottom: 18px; }
            .lc-story-grid{ grid-template-columns: 1fr; }
            .lc-why-grid{ grid-template-columns: 1fr; }
            .lc-quote{ padding: 44px 30px; }
        }
        @media (prefers-reduced-motion: reduce){
            .lc-why-card, .lc-about .btn-primary, .lc-about .btn-secondary{ transition: none; }
        }