/* Shared styles extracted from the original code.html pages. */
/* Inicio */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .active-nav-link {
            border-bottom: 4px solid #006b34;
        }
        .bento-grid {
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            gap: 24px;
        }
        .glass-card {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(8px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

/* Proyectos */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .bento-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
            gap: 24px;
        }
        .filter-chip.active {
            background-color: #006b34;
            color: white;
        }

/* Registro */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            display: inline-block;
            vertical-align: middle;
        }
        .step-active {
            @apply border-primary text-primary bg-primary-fixed;
        }
        .step-inactive {
            @apply border-outline-variant text-outline;
        }
        /* Custom radio styling for accessibility */
        .custom-radio:checked + label {
            @apply border-primary ring-2 ring-primary bg-primary-fixed-dim/10;
        }

/* Quiénes Somos */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .tonal-layer {
            background-color: #ffffff;
            box-shadow: 0 4px 20px -2px rgba(56, 93, 146, 0.1);
        }
        .btn-hover-scale {
            transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
        }
        .btn-hover-scale:hover {
            transform: scale(1.02);
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
        }
        .about-bento {
            display: grid;
            grid-template-columns: minmax(0, 1fr);
            gap: 24px;
        }
        .about-story,
        .about-values,
        .about-stats {
            min-width: 0;
        }
        .about-stats {
            display: grid;
            grid-template-columns: minmax(0, 1fr);
            gap: 24px;
        }
        .about-stats > div {
            min-width: 0;
        }
        @media (min-width: 640px) {
            .about-stats {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }
        @media (min-width: 1180px) {
            .about-bento {
                grid-template-columns: repeat(12, minmax(0, 1fr));
            }
            .about-story {
                grid-column: span 8;
                flex-direction: row;
            }
            .about-story-image {
                width: 50%;
                height: auto;
            }
            .about-values {
                grid-column: span 4;
            }
            .about-stats {
                grid-column: 1 / -1;
                grid-template-columns: repeat(4, minmax(0, 1fr));
            }
        }
        html { scroll-behavior: smooth; }

/* Admin */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            display: inline-block;
            vertical-align: middle;
        }
        body {
            font-family: 'Atkinson Hyperlegible Next', sans-serif;
            -webkit-font-smoothing: antialiased;
        }
        .btn-hover-effect {
            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .btn-hover-effect:hover {
            transform: scale(1.02);
            filter: brightness(1.1);
        }
        .btn-hover-effect:active {
            transform: scale(0.98);
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 6px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: transparent;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #bdcabc;
            border-radius: 10px;
        }

/* Project detail page */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            display: inline-block;
            vertical-align: middle;
        }
        .active-nav-border {
            border-bottom: 4px solid #006b34;
        }
        body {
            background-color: #f8f9fa;
            color: #191c1d;
            font-family: 'Atkinson Hyperlegible Next', sans-serif;
        }



/* Project edit page */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        body {
            font-family: 'Atkinson Hyperlegible Next', sans-serif;
            background-color: #f8f9fa;
            scroll-behavior: smooth;
        }
        .form-section-card {
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }
        .form-section-card:focus-within {
            box-shadow: 0 10px 25px -5px rgba(0, 138, 69, 0.1);
        }