.historias-reales{background:#f8f9fa;padding:80px 20px}.historias-reales-container{max-width:1200px;margin:0 auto}.historias-reales-header{text-align:center;margin-bottom:50px}.historias-reales-title{color:#2d3748;margin-bottom:15px;font-family:Playpen Sans,sans-serif;font-size:2.5rem;font-weight:800}.historias-reales-subtitle{color:#718096;max-width:600px;margin:0 auto;font-family:Playpen Sans,sans-serif;font-size:1.15rem}.historias-reales-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.historia-card{color:inherit;background:#fff;border:2px solid #e2e8f0;border-radius:16px;flex-direction:column;text-decoration:none;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000001a}.historia-card:hover{border-color:#5b4ba6;transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.historia-card-image-wrapper{width:100%;height:220px;position:relative;overflow:hidden}.historia-card-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.historia-card:hover .historia-card-image{transform:scale(1.05)}.historia-card-category{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#5b4ba6e6;border-radius:20px;padding:6px 14px;font-family:Playpen Sans,sans-serif;font-size:.85rem;font-weight:600;position:absolute;top:15px;right:15px}.historia-card-content{flex-direction:column;flex-grow:1;gap:12px;padding:24px;display:flex}.historia-card-title{color:#2d3748;margin:0;font-family:Playpen Sans,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.3}.historia-card-excerpt{color:#718096;flex-grow:1;margin:0;font-family:Playpen Sans,sans-serif;font-size:1rem;line-height:1.6}.historia-card-link{color:#5b4ba6;font-family:Playpen Sans,sans-serif;font-size:1rem;font-weight:700;transition:all .3s;display:inline-block}.historia-card:hover .historia-card-link{transform:translate(4px)}@media (max-width:768px){.historias-reales{padding:60px 20px}.historias-reales-title{font-size:2rem}.historias-reales-subtitle{font-size:1rem}.historias-reales-grid{grid-template-columns:1fr;gap:20px}.historia-card-image-wrapper{height:200px}.historia-card-content{padding:20px}.historia-card-title{font-size:1.25rem}.historia-card-excerpt{font-size:.95rem}}@media (max-width:480px){.historias-reales-title{font-size:1.75rem}.historia-card-image-wrapper{height:180px}.historia-card-content{padding:16px}.historia-card-title{font-size:1.1rem}.historia-card-excerpt{font-size:.9rem}}