/* comunidad.css */
@import url('interna.css');

.coworkers-grid-full {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}
.coworker-card-full {
    background: var(--blanco);
    border-radius: var(--radio-xl);
    overflow: hidden;
    box-shadow: var(--sombra);
    transition: transform var(--transicion), box-shadow var(--transicion);
}
.coworker-card-full:hover { transform: translateY(-4px); box-shadow: var(--sombra-lg); }
.coworker-card-full .coworker-foto { aspect-ratio: 4/3; overflow: hidden; background: var(--gris-20); }
.coworker-card-full .coworker-foto img { width: 100%; height: 100%; object-fit: cover; }
.coworker-card-full .coworker-foto-placeholder {
    width: 100%; height: 100%; display: flex;
    align-items: center; justify-content: center; background: var(--gris-20);
}
.coworker-card-full .coworker-foto-placeholder i { font-size: 3rem; color: var(--gris-50); }
.coworker-card-full .coworker-info { padding: 1.5rem; }
.coworker-card-full h3 { color: var(--azul); margin-bottom: 0.25rem; }
.coworker-card-full .coworker-profesion { font-size: 0.85rem; color: var(--turquesa); font-weight: 600; display: block; margin-bottom: 0.85rem; }
.coworker-bio { font-size: 0.88rem; color: var(--gris-50); margin-bottom: 1rem; }
.coworker-testimonio {
    font-size: 0.85rem;
    font-style: italic;
    color: var(--gris-80);
    background: var(--gris-10);
    border-left: 3px solid var(--turquesa);
    padding: 0.75rem 1rem;
    border-radius: var(--radio);
    margin-bottom: 1rem;
    position: relative;
}
.coworker-testimonio i { color: var(--turquesa); margin-right: 0.4rem; }
.coworker-links { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
.coworker-links a {
    display: inline-flex; align-items: center; justify-content: center;
    width: 34px; height: 34px;
    background: var(--gris-10); color: var(--azul);
    border-radius: 50%; font-size: 1rem;
    transition: background var(--transicion), color var(--transicion);
}
.coworker-links a:hover { background: var(--azul); color: var(--blanco); }
.coworker-portafolio-link {
    width: auto !important; height: auto !important;
    border-radius: var(--radio) !important;
    padding: 0.4rem 0.85rem;
    font-size: 0.82rem; font-weight: 600;
    gap: 0.35rem;
}

/* Formulario de registro */
.registro-form-wrap {
    max-width: 760px;
    margin-inline: auto;
    background: var(--blanco);
    border-radius: var(--radio-xl);
    padding: 2.5rem;
    box-shadow: var(--sombra);
}
.form-registro { display: flex; flex-direction: column; gap: 1.25rem; }
.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
}
.form-row { display: flex; flex-direction: column; gap: 0.5rem; }
.form-row label { font-size: 0.85rem; font-weight: 600; color: var(--azul); }
.form-row input, .form-row textarea {
    font-family: var(--fuente); font-size: 0.95rem;
    padding: 0.85rem 1rem;
    border: 1.5px solid var(--gris-20);
    border-radius: var(--radio);
    transition: border-color var(--transicion);
    resize: vertical;
}
.form-row input:focus, .form-row textarea:focus { outline: none; border-color: var(--turquesa); }

@media (max-width: 900px) {
    .coworkers-grid-full { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
    .coworkers-grid-full { grid-template-columns: 1fr; }
    .form-grid { grid-template-columns: 1fr; }
    .registro-form-wrap { padding: 1.75rem; }
}