/* =========================================
           ESTILOS GENERALES
           ========================================= */
        .specialty-content {
            padding: 80px 0;
            background-color: #fff;
        }

        .divider-center {
            height: 4px;
            width: 70px;
            background-color: var(--u-dorado);
            margin: 15px auto;
            border-radius: 2px;
        }

        /* Estilos Tarjeta Directora */
        .director-card-main {
            background: white;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);
            display: flex;
            flex-wrap: wrap;
            border: 1px solid #eee;
        }

        .director-photo-box {
            flex: 1;
            min-width: 300px;
            position: relative;
        }

        .director-photo-box img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            /* ARREGLO 1: Alineación superior para que no corte la cabeza */
            object-position: top center; 
        }

        .director-info-box {
            flex: 1.5;
            padding: 50px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .quote-icon {
            font-size: 2rem;
            color: var(--u-dorado);
            opacity: 0.5;
            margin-bottom: 10px;
        }

        /* Tarjetas del Staff */
        .staff-card {
            background: white;
            border: 1px solid #eee;
            border-radius: 12px;
            padding: 40px 20px;
            text-align: center;
            transition: all 0.3s;
            border-bottom: 5px solid var(--u-verde-profundo);
            height: 100%;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
        }

        .staff-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
            border-bottom-color: var(--u-dorado);
        }

        .staff-img-wrapper {
            width: 180px; /* Tamaño grande */
            height: 180px;
            margin: 0 auto 25px;
            position: relative;
        }

        .staff-img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            object-fit: cover;
            /* ARREGLO 2: Esto hace que la foto empiece desde arriba */
            /* Así nunca se corta la frente ni el pelo */
            object-position: top center; 
            
            border: 4px solid #fff;
            box-shadow: 0 0 0 3px var(--u-verde-profundo);
        }

        .staff-name {
            font-family: 'Merriweather', serif;
            font-weight: 700;
            color: #222;
            margin-bottom: 5px;
            font-size: 1.2rem;
        }

        .staff-role {
            font-size: 0.85rem;
            color: var(--u-verde-medio);
            text-transform: uppercase;
            font-weight: 800;
            letter-spacing: 1px;
            margin-bottom: 20px;
            display: block;
        }

        .staff-email {
            font-size: 0.85rem;
            color: #666;
            text-decoration: none;
            background: var(--u-gris-claro);
            padding: 8px 20px;
            border-radius: 20px;
            transition: all 0.3s;
            display: inline-block;
        }

        .staff-email:hover {
            background: var(--u-verde-profundo);
            color: white;
        }

        /* Ajustes Móvil */
        @media (max-width: 991px) {
            .director-card-main {
                flex-direction: column;
            }

            .director-photo-box {
                height: 350px;
            }

            .director-info-box {
                padding: 30px;
            }

            .staff-card {
                padding: 30px 15px;
            }
            
            .staff-img-wrapper {
                width: 160px;
                height: 160px;
            }
        }