:root {
            --la-orange: #FD6A01;
            --la-orange-rgb: 253, 106, 1;
            --la-orange-hover: #E35F00;
            --la-orange-light: #FE974D;
            --la-orange-subtle: #FFE1CC;
            --la-orange-soft: #FFF0E6;
            --la-dark: #2B2D31;
            --la-dark-2: #1F2023;
 
            --bs-font-sans-serif: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
            --bs-primary: var(--la-orange);
            --bs-primary-rgb: var(--la-orange-rgb);
            --bs-link-color: var(--la-orange);
            --bs-link-color-rgb: var(--la-orange-rgb);
            --bs-link-hover-color: var(--la-orange-hover);
            --bs-link-hover-color-rgb: 227, 95, 0;
            --bs-primary-bg-subtle: var(--la-orange-subtle);
            --bs-primary-border-subtle: #FEC399;
            --bs-primary-text-emphasis: #652A00;
        }
 
        body { background: #F6F6F7; min-height: 100vh; }
 
        /* Botón y controles en naranja de marca */
        .btn-primary {
            --bs-btn-bg: var(--la-orange);
            --bs-btn-border-color: var(--la-orange);
            --bs-btn-hover-bg: var(--la-orange-hover);
            --bs-btn-hover-border-color: var(--la-orange-hover);
            --bs-btn-active-bg: #C95400;
            --bs-btn-active-border-color: #C95400;
            --bs-btn-disabled-bg: var(--la-orange);
            --bs-btn-disabled-border-color: var(--la-orange);
            --bs-btn-focus-shadow-rgb: var(--la-orange-rgb);
        }
        .form-control:focus, .form-check-input:focus {
            border-color: var(--la-orange-light);
            box-shadow: 0 0 0 .25rem rgba(var(--la-orange-rgb), .18);
        }
        .form-check-input:checked { background-color: var(--la-orange); border-color: var(--la-orange); }
        .input-group-text { background: var(--la-orange-soft); color: var(--la-orange); border-color: var(--bs-border-color); }
        .form-control, .input-group-text, .btn-toggle-pass { padding-top: .65rem; padding-bottom: .65rem; }
        .btn-toggle-pass { border-color: var(--bs-border-color); color: var(--bs-secondary-color); background: #fff; }
        .btn-toggle-pass:hover { color: var(--la-orange); background: #fff; border-color: var(--bs-border-color); }
 
        /* Logo de texto */
        .la-logo { display: inline-block; font-weight: 700; font-size: 1.75rem; letter-spacing: -.02em; color: var(--la-dark); text-decoration: none; line-height: 1; }
        .la-logo .la-a { color: var(--la-orange); }
        .la-logo .la-bar { display: block; height: 4px; width: 58%; margin: .3rem 0 0 auto; background: var(--la-orange); border-radius: 2px; }
        .la-logo--light { color: #fff; }
 
        /* Panel lateral */
        .auth-side { background: radial-gradient(120% 90% at 100% 0%, #3A3C41 0%, var(--la-dark) 45%, var(--la-dark-2) 100%); color: #fff; position: relative; overflow: hidden; }
        .auth-side > .position-relative { z-index: 1; }
        .la-stripe { position: absolute; left: -20%; width: 90%; transform: rotate(-28deg); transform-origin: left center; border-radius: 4px; pointer-events: none; }
        .la-stripe--1 { bottom: 4%;  height: 38px; background: var(--la-orange); }
        .la-stripe--2 { bottom: -2%; height: 16px; background: var(--la-orange-light); opacity: .85; }
        .la-stripe--3 { bottom: 13%; height: 10px; background: rgba(255,255,255,.12); }
        .la-stripe--top { top: 3%; left: auto; right: -35%; width: 70%; height: 14px; background: rgba(var(--la-orange-rgb), .55); }
 
        .la-showcase { max-width: 360px; }
        .la-showcase .carousel-item img { aspect-ratio: 1 / 1; object-fit: cover; }
 
        /* Los 4 pilares funcionan como indicadores del carrusel */
        .la-pillars.carousel-indicators { position: static; margin: 1.5rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: .5rem; }
        .la-pillars [data-bs-slide-to] {
            box-sizing: border-box; flex: initial; width: auto; height: auto; margin: 0; padding: .6rem .25rem;
            text-indent: 0; background: #34363B; border: 1px solid rgba(255,255,255,.1); border-radius: .75rem;
            opacity: 1; color: rgba(255,255,255,.7); font-size: .72rem; font-weight: 500; transition: all .2s ease;
        }
        .la-pillars [data-bs-slide-to] i {
            display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; margin: 0 auto .35rem;
            border-radius: 50%; background: rgba(255,255,255,.1); color: #fff; font-size: 1.05rem; transition: all .2s ease;
        }
        .la-pillars [data-bs-slide-to].active { background: #45362D; border-color: rgba(var(--la-orange-rgb), .6); color: #fff; }
        .la-pillars [data-bs-slide-to].active i { background: var(--la-orange); box-shadow: 0 0 0 4px rgba(var(--la-orange-rgb), .25); }
 
        /* Encabezado móvil */
        .auth-mobile-accent { height: 6px; background: linear-gradient(90deg, var(--la-orange) 0 70%, var(--la-orange-light) 70% 100%); }
 
        .auth-form { max-width: 440px; }
        .auth-divider { display: flex; align-items: center; gap: .75rem; color: var(--bs-secondary-color); font-size: .85rem; }
        .auth-divider::before, .auth-divider::after { content: ""; flex: 1; height: 1px; background: var(--bs-border-color); }