.historia-card{max-width:300px;border:2px solid #e0e1db;border-radius:5px;cursor:pointer;overflow:hidden;display:flex;flex-direction:column}.historia-card--image{width:100%;height:200px;overflow:hidden;display:flex;align-items:center;justify-content:center}.historia-card--image img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(85%) brightness(90%);opacity:.9;mix-blend-mode:multiply;transition:filter .3s ease-in,opacity .3s ease-in,mix-blend-mode .3s ease-in}.historia-card--content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;border-top-left-radius:5px;border-top-right-radius:5px;transition:background-color .1s ease-in;flex-grow:1}.historia-card--title{font-weight:900;font-size:1.5rem}.historia-card--text{margin:10px 0;text-align:justify}.historia-card--divider{width:10%;height:2px;background-color:#000}.historia-card--more{margin-top:10px;color:#000;font-weight:900}.historia-card:hover .historia-card--image img{filter:grayscale(0%) contrast(100%) brightness(100%);opacity:1;mix-blend-mode:normal}.historia-card:hover .historia-card--content{background-color:#000;color:#fff}.historia-card:hover .historia-card--divider{background-color:#fff}.historia-card:hover .historia-card--more{color:#fff}.historia-container{width:100%;color:#000}.historia-title{text-align:center;padding:20px 0;font-weight:900;color:#a76e27;font-size:2.5rem}.historia-description{font-size:1.2rem;font-style:italic;text-align:center}.historia-content{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px 0}@media (width < 600px){.historia-title{font-size:2rem}}.historia-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.historia-modal-content{background:#fff;padding:20px;border-radius:10px;width:90%;max-height:90vh;overflow-y:auto;height:auto;position:relative}.historia-close-btn{position:absolute;top:10px;right:10px;border:none;background:transparent;font-size:20px;cursor:pointer}.historia-modal-title{font-size:1rem;font-weight:700;margin-bottom:10px}.historia-modal-text{max-width:100%;font-style:italic;text-align:justify;font-size:1.2rem;margin-bottom:20px}@media (min-width: 768px){.historia-modal-title{font-size:2rem}}