/* ==========================================================================
   template-eventos.php — port de dist/eventos/index.html + eventos.css
   ========================================================================== */

.eventos-hero{position:relative;display:flex;flex-direction:column;align-items:center;padding:48px var(--container-padding) 40px;background-color:var(--color-white);overflow:clip}
.eventos-hero__pattern{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:840px;height:364px;pointer-events:none;z-index:0}
.eventos-hero__pattern img{display:block;width:100%;height:100%}
.eventos-hero__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:342px;text-align:center}
.eventos-hero__title{font-size:32px;font-weight:500;line-height:40px;color:var(--color-dark-blue);margin:0}
.eventos-hero__subtitle{font-size:18px;font-weight:400;line-height:normal;color:var(--color-text-dark);margin:0}

.eventos-featured{padding:0 var(--container-padding) 40px;background-color:var(--color-white)}
.eventos-featured__card{position:relative;display:flex;flex-direction:column;gap:24px;padding:24px;background-color:var(--color-white);border:1px solid var(--color-border-solid);border-radius:8px}
.eventos-featured__media{position:relative;width:100%;border-radius:8px;overflow:hidden}
.eventos-featured__img{display:block;width:100%;aspect-ratio:760/380;object-fit:cover}
.eventos-featured__body{display:flex;flex-direction:column;gap:16px}
.eventos-featured__title{font-size:20px;font-weight:500;line-height:normal;color:var(--color-dark-blue);margin:0}
.eventos-featured__duration,.eventos-featured__text{font-size:16px;font-weight:400;line-height:normal;color:var(--color-dark-blue);margin:0}
.eventos-featured__duration strong{font-weight:700}

.eventos-badge{display:inline-flex;align-items:center;padding:8px 12px;font-size:14px;font-weight:500;line-height:19px;color:var(--color-blue);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:9999px;width:fit-content}
.eventos-badge--on-media{position:absolute;top:16px;left:16px;z-index:1;font-size:14px}

.eventos-meta{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0;margin:0}
.eventos-meta__item{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:400;color:var(--color-text-dark);line-height:normal}
.eventos-meta--sm .eventos-meta__item{font-size:14px}
.eventos-meta__icon{flex-shrink:0;color:var(--color-blue)}

.eventos-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:12px 24px;font-family:inherit;font-size:16px;font-weight:500;line-height:normal;border-radius:9999px;text-decoration:none;cursor:pointer;transition:opacity .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease;width:fit-content}
.eventos-btn--primary{background-color:var(--color-blue);color:var(--color-white);border:1px solid var(--color-blue)}
.eventos-btn--primary:hover{opacity:.9}
.eventos-btn--outline{background-color:var(--color-white);color:var(--color-dark-blue);border:1px solid var(--color-border)}
.eventos-btn--outline svg{color:var(--color-blue)}
.eventos-btn--outline:hover{border-color:var(--color-blue);color:var(--color-blue)}

.eventos-grid-section{display:flex;flex-direction:column;gap:40px;padding:24px var(--container-padding) 40px;background-color:var(--color-white)}
.eventos-grid{display:grid;grid-template-columns:1fr;gap:24px}
.eventos-card{display:flex;flex-direction:column;gap:24px;padding:24px;background-color:var(--color-white);border:1px solid var(--color-border-solid);transition:box-shadow .2s ease}
.eventos-card:hover{box-shadow:0 4px 24px rgba(0,0,0,.06)}
.eventos-card__media{width:100%;border-radius:8px;overflow:hidden}
.eventos-card__img{display:block;width:100%;aspect-ratio:600/300;object-fit:cover}
.eventos-card__body{display:flex;flex-direction:column;gap:16px;flex:1}
.eventos-card__title{font-size:16px;font-weight:500;line-height:normal;color:var(--color-dark-blue);margin:0}
.eventos-card__duration,.eventos-card__text{font-size:14px;font-weight:400;line-height:normal;color:var(--color-dark-blue);margin:0}
.eventos-card__duration strong{font-weight:700}

@media (min-width:768px){
  .eventos-hero{padding-top:24px;padding-bottom:80px}
  .eventos-hero__pattern{width:1440px;height:623px}
  .eventos-hero__content{max-width:778px;gap:24px}
  .eventos-hero__title{font-size:52px;line-height:56px}
  .eventos-featured{padding-top:0;padding-bottom:24px;padding-left:max(24px,calc((100% - 1000px) / 2));padding-right:max(24px,calc((100% - 1000px) / 2))}
  .eventos-featured__card{flex-direction:row;gap:40px;padding:24px;align-items:stretch}
  .eventos-featured__media{flex:1 1 0;min-width:0;align-self:stretch}
  .eventos-featured__img{height:100%;aspect-ratio:auto}
  .eventos-featured__body{flex:1 1 0;min-width:0;justify-content:flex-start}
  .eventos-featured__title{font-size:24px}
  .eventos-badge--on-media{top:24px;left:24px;font-size:16px}
  .eventos-grid-section{padding-top:24px;padding-bottom:40px;padding-left:max(24px,calc((100% - 1000px) / 2));padding-right:max(24px,calc((100% - 1000px) / 2))}
  .eventos-grid{grid-template-columns:repeat(3,1fr)}
}