.protagonistas-page{min-height:100vh}.protagonistas-hero{text-align:center;padding:var(--space-16) var(--space-6) var(--space-10);max-width:700px;margin:0 auto}.protagonistas-hero__back{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-6);transition:color var(--transition-fast);text-decoration:none;display:inline-block}.protagonistas-hero__back:hover{color:var(--color-accent)}.protagonistas-hero__badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-6);background:#2dd4a814;border:1px solid #2dd4a833;display:inline-flex}.protagonistas-hero__title{font-family:var(--font-family-display);font-size:var(--font-size-3xl);margin-bottom:var(--space-3);font-weight:800;line-height:1.15}.protagonistas-hero__highlight{background:linear-gradient(135deg, var(--color-accent) 0%, #60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.protagonistas-hero__subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);font-style:italic}.protagonista-section{padding:var(--space-4) var(--space-6);max-width:1000px;margin:0 auto}.protagonista-card{gap:var(--space-10);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:border-color var(--transition-base);grid-template-columns:1fr 1.2fr;align-items:center;display:grid;overflow:hidden}.protagonista-card:hover{border-color:#2dd4a84d}.protagonista-card--reverse{grid-template-columns:1.2fr 1fr}.protagonista-card__image-wrapper{height:100%;min-height:400px;position:relative;overflow:hidden}.protagonista-card__image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-base)}.protagonista-card:hover .protagonista-card__image{transform:scale(1.04)}.protagonista-card__content{padding:var(--space-10);gap:var(--space-4);flex-direction:column;display:flex}.protagonista-card__label{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-accent);text-transform:uppercase;letter-spacing:.08em;display:inline-flex}.protagonista-card__label-icon{font-size:1.2rem}.protagonista-card__title{font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.protagonista-card__text{font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.protagonista-card__callout{padding:var(--space-4);border-left:3px solid var(--color-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:var(--font-size-md);color:var(--color-accent);background:#2dd4a814}.protagonista-card__cta{margin-top:var(--space-2)}.protagonistas-valores{padding:var(--space-16) var(--space-6);max-width:1000px;margin:0 auto}.protagonistas-valores__title{text-align:center;font-size:var(--font-size-2xl);margin-bottom:var(--space-10)}.protagonistas-valores__grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.valor-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;transition:all var(--transition-base)}.valor-card:hover{box-shadow:var(--shadow-glow);border-color:#2dd4a84d;transform:translateY(-4px)}.valor-card__icon{margin-bottom:var(--space-4);font-size:2.5rem;display:block}.valor-card__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.valor-card__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}@media (max-width:768px){.protagonista-card,.protagonista-card--reverse{grid-template-columns:1fr}.protagonista-card__image-wrapper{min-height:280px}.protagonista-card__content{padding:var(--space-6)}.protagonista-card--reverse .protagonista-card__image-wrapper{order:-1}.protagonistas-valores__grid{grid-template-columns:1fr}.protagonistas-hero{padding:var(--space-10) var(--space-4) var(--space-6)}}