/*
Theme Name: Cadoven
Theme URI: https://salamanca.design
Description: Theme personalizado para Cadoven
Author: Erick Salamanca
Author URI: https://salamanca.design
Template: Divi
Version: 1.0.0
*/

@font-face {
  font-family: "Prelo Slab";
  src: url("./fonts/preloslab-hairline-webfont.woff2") format("woff2"),
    url("./fonts/preloslab-hairline-webfont.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Prelo Slab";
  src: url("./fonts/preloslab-hairline_italic-webfont.woff2") format("woff2"),
    url("./fonts/preloslab-hairline_italic-webfont.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Prelo Slab";
  src: url("./fonts/preloslab-extralight-webfont.woff2") format("woff2"),
    url("./fonts/preloslab-extralight-webfont.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Prelo Slab";
  src: url("./fonts/preloslab-extralight_italic-webfont.woff2") format("woff2"),
    url("./fonts/preloslab-extralight_italic-webfont.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Prelo Slab";
  src: url("./fonts/preloslab-book-webfont.woff2") format("woff2"),
    url("./fonts/preloslab-book-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Prelo Slab";
  src: url("./fonts/preloslab-book_italic-webfont.woff2") format("woff2"),
    url("./fonts/preloslab-book_italic-webfont.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Prelo Slab";
  src: url("./fonts/preloslab-bold-webfont.woff2") format("woff2"),
    url("./fonts/preloslab-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Prelo Slab";
  src: url("./fonts/preloslab-bold_italic-webfont.woff2") format("woff2"),
    url("./fonts/preloslab-bold_italic-webfont.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Prelo Slab";
  src: url("./fonts/preloslab-extrabold-webfont.woff2") format("woff2"),
    url("./fonts/preloslab-extrabold-webfont.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Prelo Slab";
  src: url("./fonts/preloslab-extrabold_italic-webfont.woff2") format("woff2"),
    url("./fonts/preloslab-extrabold_italic-webfont.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Prelo Slab";
  src: url("./fonts/preloslab-black-webfont.woff2") format("woff2"),
    url("./fonts/preloslab-black-webfont.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Prelo Slab";
  src: url("./fonts/preloslab-black_italic-webfont.woff2") format("woff2"),
    url("./fonts/preloslab-black_italic-webfont.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

#page-container {
  font-family: "lexia-variable", sans-serif;
  font-variation-settings: "wght" 400;
}

.et_pb_button {
  font-family: "lexia-variable", sans-serif;
  font-variation-settings: "wght" 500;
}

/* Current Link */
.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item>a {
  text-decoration: underline;
  text-underline-offset: 45%;
  text-decoration-thickness: 16%;
}

/* quitar wrap menu ul */
.et_pb_menu .et_pb_menu__menu>nav>ul {
  flex-wrap: nowrap;
}

/* Botón de follow, plugin instagram feed */
#noticias-insta .sbi_follow_btn,
#noticias-insta .sb_instagram_header {
  display: none;
}

/* botón header */
@media screen and (max-width: 768px) {
  .et-l--header .et_flex_column>.et_pb_button_module_wrapper.et_pb_module {
    display: none;
  }
}

/* Modulo de Eventos */

.cadoven-events-module__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
}

.cadoven-events-module .cadoven-event-card {
  background: #eef3fb;
  border: 1px solid #d8e1ef;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  width: 100%;
  max-width: 530px;
}

.cadoven-events-module .cadoven-event-card__media {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #d8e1ef;
}

.cadoven-events-module .cadoven-event-card__media a,
.cadoven-events-module .cadoven-event-card__media .et_portfolio_image {
  display: block;
  width: 100%;
  height: 100%;
}

.cadoven-events-module .cadoven-event-card__media .et_portfolio_image {
  margin: 0;
}

.cadoven-events-module .cadoven-event-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}

.cadoven-events-module .cadoven-event-card:hover .cadoven-event-card__media img {
  transform: scale(1.04);
}

.cadoven-events-module .cadoven-event-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 16px;
  padding: 24px 24px 26px;
}

.cadoven-events-module .cadoven-event-card__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin: 0;
  color: #1f2937;
  font-size: 15px;
  line-height: 1;
  font-weight: 700;
}

.cadoven-events-module .cadoven-event-card__category {
  font-family: "Prelo Slab";
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  border-radius: 8px;
  background: #dbe7ff;
  color: #2d63c5;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 12px;
  line-height: 1;
}

.cadoven-events-module .cadoven-event-card__date {
  color: #1f2937;
  display: none;
}

.cadoven-events-module .cadoven-event-card__title {
  margin: 0;
  font-family: "Prelo Slab", serif;
  font-size: clamp(1.45rem, 1.2rem + 0.5vw, 1.85rem);
  line-height: 1.18;
  font-weight: 700;
}

.cadoven-events-module .cadoven-event-card__title a {
  font-family: "Prelo Slab";
  font-size: 22px;
  font-weight: 600;
  color: #2b5faf;
  text-decoration: none;
}

.cadoven-events-module .cadoven-event-card__excerpt {
  margin: 0;
  color: #354052;
  font-size: 1rem;
  line-height: 1.7;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cadoven-events-module .cadoven-event-card__button {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 14px 18px;
  border: 2px solid #2d63c5;
  border-radius: 14px;
  color: #2d63c5;
  font-family: "Prelo Slab", serif;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.cadoven-events-module .cadoven-event-card__button:hover {
  background: #295CA9;
  border-color: #295CA9;
  color: #ffffff;
}

#ver_eventos_todos.cadoven-events-filter-active,
#ver_eventos_proximos.cadoven-events-filter-active,
#ver_eventos_pasados.cadoven-events-filter-active,
#ver_eventos_todos .cadoven-events-filter-active,
#ver_eventos_proximos .cadoven-events-filter-active,
#ver_eventos_pasados .cadoven-events-filter-active {
  background: #EC1C24 !important;
  color: #ffffff !important;
  border-color: #EC1C24 !important;
  border-radius: 0.65rem !important;
}

#ver_eventos_todos:not(.cadoven-events-filter-active),
#ver_eventos_proximos:not(.cadoven-events-filter-active),
#ver_eventos_pasados:not(.cadoven-events-filter-active),
#ver_eventos_todos:not(.cadoven-events-filter-active) a,
#ver_eventos_proximos:not(.cadoven-events-filter-active) a,
#ver_eventos_pasados:not(.cadoven-events-filter-active) a {
  color: #333 !important;
  border-radius: 0.65rem !important;
}

#ver_eventos_todos:hover,
#ver_eventos_proximos:hover,
#ver_eventos_pasados:hover,
#ver_eventos_todos a:hover,
#ver_eventos_proximos a:hover,
#ver_eventos_pasados a:hover {
  background: #EC1C24 !important;
  color: #ffffff !important;
  border-color: #EC1C24 !important;
  border-radius: 0.65rem !important;
}

/* Menu Footer */
.footer-menu ul,
.menu-social ul {
  list-style-type: none;
  padding: 0;
}

.footer-menu li,
.menu-social li {
  font-family: "Prelo Slab Medium";
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
  letter-spacing: 0.3px;
}

.footer-menu li a,
.menu-social li a {
  color: #333;
}

.menu-social ul {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.menu-social li a {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.menu-social li a .fa-brands {
  font-size: 24px;
}

/* menu icono mobile toggle */
.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before {
  font-size: 2.5rem !important;
}

.et_mobile_menu {
  margin-top: 22px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

/* margen del formulario */
.renderer-components-field-wrapper .renderer-components-field-wrapper__content-wrapper .renderer-core-block-scroller {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  max-height: 100%;
  min-height: 100%;
  overflow-y: auto;
  padding: 40px 0px;
  width: 100%;
  overflow: hidden;
}

.renderer-components-field-content {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  width: 100%;
}

/* search */
.et_pb_search input.et_pb_searchsubmit {
  font-size: 1.1rem !important;
  line-height: 1 !important;
  padding: 0.5rem;
  background: #EDEDED;
}

.et_pb_search input.et_pb_s,
.et_pb_search input.et_pb_searchsubmit {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: 0.0625rem;
  color: #333;
  text-transform: uppercase;
}

.et_pb_search {
    border-radius: 0.625rem !important;
    background: #EDEDED !important;
}

@media (max-width: 767px) {
  .cadoven-events-module__grid {
    gap: 16px;
  }

  .cadoven-events-module .cadoven-event-card__body {
    padding: 20px 18px 22px;
  }

  .cadoven-events-module .cadoven-event-card__title {
    font-size: 1.55rem;
  }
}

@media (max-width: 470px) {
  .footer-menu ul {
    display: flex;
    flex-direction: row;
    gap: 8px;
  }
}