.eventos {
    margin: 5rem 0;
}

.eventos_items--flex {
    display: flex;
    gap: 0rem;
    /* align-items: center; */
}

.eventos__items--fecha {
    width: 9%;
    /* display: flex; */
    background: var(--color-gray-soft);
    padding: 1rem;
    border-radius: 20px 0 0px  20px;
}

.eventos_items--img {
    width: 48%;
    padding: 1rem;
    position: relative;
    align-self: flex-start;
}

.eventos_items--content {
    width: 50%;
    padding: 1rem;
}

.eventos_items--img_img {
    width: 100%;
}

.eventos_items--img img {
    width: 100%;
    border-radius: 15px;
}

.eventos-whraper {
    max-width: 83%;
    /* background: red; */
}

.eventos_items {
    margin: 0 0 2rem 0;
    background: #F4F4F4;
    padding: 0rem 0rem;
    border-radius: 20px;
}

.eventos_items--content h2 {
    font-size: 17px;
    font-family: var(--font-secondary);
}

.eventos_items--content_text p, .eventos_items--content_detalle p, .eventos_items--content_detalle ul li, 
.eventos_items--content_detalle a, .eventos_items--content_detalle span, .eventos_items--content_detalle strong, 
.eventos_items--content_detalle em {
    font-size: 12px;
    font-family: var(--font-secondary);
}
.eventos_items--content_detalle strong{
    font-weight: bold;
}
.eventos__items--fechaflex {
    display: flex;
    flex-direction: column;
    gap: 5rem;
    align-items: center;
    /* flex-wrap: wrap; */
}

.items--fechaflex_contaier p,.items--fechaflex_contaier p span {
    font-family: var(--font-secondary);
    display: block;
    margin:  0 auto;
    text-align: center;
    /* font-size: 28px; */
    color: var(--color-red-light);
    font-weight: bold;
    font-size: clamp(23px, 2vw, 22px);
    white-space: nowrap;
}

.items--fechaflex_contaier p span {
    display: block;
    font-size: 12px;
    color: #0A0A0A;
    font-weight: 400;
    text-transform: uppercase;
}

.items--fechaflex_contaier2 p {
    font-size: 12px;
    color: #0A0A0A;
    font-weight: 500;
    text-align: center;
}

.eventos_items--img_categoria {
    position: absolute;
    background: var(--color-gray-bg-light);
    color: var( --color-red-light);
    padding: 6px 22px;
    border-radius: 20px;
    transform: translate(-50%, -50%);
    left: 21%;
    top: 27%;
}

.eventos_items--img_categoria span {
    font-size: 11px;
    font-weight: 600;
    text-transform: capitalize;
}

.eventos_items--content_cta a {
    font-family: var(--font-secondary);
}

.eventos_items--content_cta {
    display: flex;
    gap: 1rem;
    margin: 3rem 0 0 0;
}

.eventos_items--content_cta a {
    font-size: 13px;
    padding: 10px 30px;
    width: max-content;
    border-radius: 40px;
    margin: 0;
    border: 2px solid var(--color-red-light);
    font-family: var(--font-secondary);
    font-weight: 600;
    color: var(--color-red-light);
    cursor: pointer;
}
.eventos_items--content_cta a  + a{
    background: var(--color-red-light);
    color:var(--color-white) !important;
}

.eventos_items--content_cta a:hover {
    background: var(--color-black);
    border: 2px solid var(--color-black);
    color: var(--color-white) !important;
}
.eventos_items--content_detalle {
  display: grid;
  grid-template-rows: 0fr;
  position: relative;
  padding: 0;
  transition: grid-template-rows 0.35s ease, padding 0.35s ease;
}

.eventos_items--content_detalle > .detalle-inner {
  overflow: hidden;
  position: relative;
}

.eventos_items--content_detalle.is-open {
  grid-template-rows: 1fr;
  padding: 2rem 0 0 0;
}
span.close-detalle {
    display: flex;
    position: absolute;
    width: 12px;
    height: 12px;
    background: red;
    top: 0px;
    right: 0;
    justify-content: center;
    align-items: center;
    padding: 12px;
    margin: 0;
    border-radius: 40px;
    color: #fff;
    cursor: pointer;
    transition: all 0.8s;
    font-size: 17px;
}
span.close-detalle:hover{
    background: var(--color-black);
}
    /* LISTA TODOS LOS EVENTOS  */

.eventos-whraper.eventos-cards {
    max-width: 100%;
}

.eventos-whraper.eventos-cards .eventos_list > div {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    justify-content: center;
}

.eventos-whraper.eventos-cards .eventos_items--flex {
    flex-direction: column;
}

.eventos-whraper.eventos-cards  .eventos_items--img {
    width: 100%;
    padding: 0;
    height: 258px;
}

.eventos-whraper.eventos-cards  .eventos_items--content {
    width: 100%;
    background: #F4F4F4;
    padding: 1rem  1rem  2rem  1rem;
    border-radius: 0 0 30px 0;
}

.eventos-whraper.eventos-cards  .eventos_items {
    background: none;
    width: 25%;
}



.eventos-whraper.eventos-cards  .eventos_items--img img {
    height: 258px;
    object-fit: cover;
    object-position: center;
}

.eventos-whraper.eventos-cards  .eventos_items--content_cta a {
    font-size: 12px;
    padding: 10px 8px;
}

.eventos-whraper.eventos-cards  .eventos_items--img_categoria {
    top: 12%;
    left: 17%;
}
@media (max-width: 1412px){
.eventos-whraper {
    max-width: 92%;
}
}

@media (max-width: 1367px){
.eventos-whraper {
    max-width: 96%;
}
}
@media (max-width: 1280px){

.eventos-whraper.eventos-cards .eventos_items {
    width: 35%;
}
}

@media (max-width: 768px){
.eventos-whraper {
    max-width: 96%;
}
    
.eventos_items--flex {
    flex-direction: column;
}

.eventos__items--fecha {
    width: 100%;
    padding: 11px 10px 12px 10px;
    border-radius: 20px 20px 0px  0px;
}

.eventos_items--img {
    width: 100%;
}

.eventos_items--content {
    width: 100%;
}

.eventos_items--content_cta {
    flex-direction: column;
    align-items: center;
    margin: 2rem 0 0 0;
}

.eventos_items--content_cta a {
    width: 100%;
    text-align: center;
    font-size: 12px;
}

.items--fechaflex_contaier p span {
    display: inline-block;
    vertical-align: middle;
}

.eventos__items--fechaflex {
    gap: 11rem;
    flex-direction: row;
    width: 100%;
    align-items: center;
}

.items--fechaflex_contaier {
    width: 56%;
}

.items--fechaflex_contaier2 {
    width: 71%;
    text-align: right;
}

.items--fechaflex_contaier2 p {
    margin: 0 0 0;
}

.items--fechaflex_contaier p {
    text-align: left;
}

.eventos {
    margin: 3rem 0 0rem 0;
}

.eventos_items--img_categoria {
    left: 25%;
}
.eventos-whraper.eventos-cards .eventos_items {
    width: 89%;
    margin: 0 0 1rem 0;
}

.eventos-whraper.eventos-cards .eventos_items--img_categoria {
    left: 16%;
    top: 21%;
}

.eventos-whraper.eventos-cards .eventos_items--img img {
    height: auto;
    object-fit: none;
}

.eventos-whraper.eventos-cards .eventos_items--img {
    height: auto;
}

.eventos-whraper.eventos-cards .eventos_list > div {
    gap: 1rem;
}
      .eventos__items--fechaflex {
        gap: 0;
        justify-content: space-between;
    }

    .items--fechaflex_contaier {
        width: auto;
        flex-shrink: 0;
    }

    .items--fechaflex_contaier2 {
        width: auto;
        flex-shrink: 0;
    }

    .items--fechaflex_contaier2 p {
        white-space: nowrap;
    }
}