/*
	Theme Name: jm2
	Template: vexel-base

====================================================================
	TABLE OF CONTENTS
====================================================================
	# THEME SETUP
		# TYPOGRAPHY
	# UTILITIES
	# COMPONENTS
		# VX MENU 1
		# BUTTONS
		# VX MEDIA TEXT 8
*/
/*==================================================================
	# THEME SETUP
====================================================================*/
:root {
  /* COMMON */
  --mwm--color--principal: linear-gradient(90deg, #E5007D 0%, #E63312 100%);
  --mwm--color--secundario: #09283F;
  --mwm--color--gris-2: #BDBDBD;
  --mwm--max-width: 1328px;
  --mwm--body-bg: var(--mwm--color--blanco);
  /* COMPONENTS */
  --mwm--selection-bg: #E5007D;
  --mwm--selection-color: var(--mwm--color--blanco);
}

/*	# TYPOGRAPHY
===================================*/
h1,
h2,
h3,
h4,
h5,
h6,
.is-style-h1,
.is-style-h2,
.is-style-h3,
.is-style-h4,
.is-style-h5,
.is-style-h6 {
  font-family: var(--mwm--font-family);
  font-weight: var(--mwm--font-weight--bold);
}

h2,
h3,
h4,
h5,
h6,
.is-style-h2,
.is-style-h3,
.is-style-h4,
.is-style-h5,
.is-style-h6 {
  font-weight: var(--mwm--font-weight--regular);
}

/*	# UTILITIES
===================================*/
.wp-block-group__inner-container:after,
.wp-block-group__inner-container:before {
  content: unset;
}

/*	# BUTTONS
===================================*/
[type=button],
[type=submit],
.vx-btn-1,
.vx-btn-2,
.vx-btn-3,
.vx-btn-4,
.vx-btn-5,
.wp-block-button .wp-block-button__link {
  background: var(--mwm--color--principal);
  border: none;
  border-radius: 40px;
  font-family: var(--mwm--font-family);
  font-size: var(--mwm--font-size--texto);
  font-weight: var(--mwm--font-weight--regular);
  padding: 16px 24px;
  transition: all 0.3s;
}
[type=button]:hover,
[type=submit]:hover,
.vx-btn-1:hover,
.vx-btn-2:hover,
.vx-btn-3:hover,
.vx-btn-4:hover,
.vx-btn-5:hover,
.wp-block-button .wp-block-button__link:hover {
  gap: 1.5rem;
}
[type=button]:hover,
[type=submit]:hover,
.vx-btn-1:hover,
.vx-btn-2:hover,
.vx-btn-3:hover,
.vx-btn-4:hover,
.vx-btn-5:hover,
.wp-block-button .wp-block-button__link:hover {
  background: linear-gradient(90deg, #09283F 0%, #09283F 100%);
}

.vx-btn-2:hover {
  background: var(--mwm--color--secundario);
  background: linear-gradient(90deg, #E5007D 0%, #E63312 100%);
  -webkit-background-clip: text;
  background-clip: text;
  border: 0;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
  -webkit-text-fill-color: transparent;
}

/*	# FORMS
===================================*/
label > span:first-child {
  display: block;
  font-size: var(--mwm--font-size--detalles);
  line-height: var(--mwm--line-height--detalles);
  margin-bottom: 8px;
}

/* FORM */
form p:not(:last-child) {
  margin-bottom: 1.5rem;
}

/* FIELDS */
input:not([type=checkbox], [type=radio]),
textarea,
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

input:not([type=checkbox], [type=radio], [type=submit]),
textarea,
select,
.select-selected,
.select-items > div {
  background: transparent;
  border: 0;
  border: 1px solid var(--mwm--color--gris-2);
  border-radius: 4rem;
  display: block;
  font-size: var(--mwm--font-size--texto);
  line-height: var(--mwm--font-size--texto);
  padding: 1rem;
  width: 100%;
}
input:not([type=checkbox], [type=radio], [type=submit]):focus,
textarea:focus,
select:focus,
.select-selected:focus,
.select-items > div:focus {
  border-color: var(--mwm--color--secundario);
  outline: none;
}

textarea {
  border-radius: 1rem;
}

.select-items > div {
  border-color: transparent;
}

select,
.select-selected {
  appearance: none;
  background-clip: border-box;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 9L12 16L5 9' stroke='%232A54EA' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: calc(100% - 1rem) center;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  border-radius: 0;
  max-width: 100%;
  padding-right: 3.5rem;
  position: relative;
}

input[type=radio],
input[type=checkbox] {
  border-color: #717171;
  cursor: pointer;
  flex-shrink: 0;
}

/* PLADEHOLDER */
::-webkit-input-placeholder {
  color: #717171;
  font-family: var(--mwm--font-family);
}

:-moz-placeholder {
  color: #717171;
  font-family: var(--mwm--font-family);
}

::-moz-placeholder {
  color: #717171;
  font-family: var(--mwm--font-family);
  opacity: 1;
  /* Desde FF19, Firefox baja la opacidad de los placeholder por defecto */
}

:-ms-input-placeholder {
  color: #717171;
  font-family: var(--mwm--font-family);
}

/*	# CF7
===================================*/
.wpcf7-not-valid-tip {
  font-size: 12px;
  line-height: 1;
  margin-top: 0.5rem;
}

button[class*=vx-btn] {
  margin-top: 0;
}

.wpcf7-acceptance .wpcf7-list-item {
  margin: 0;
}
.wpcf7-acceptance a {
  background: linear-gradient(90deg, #E5007D 0%, #E63312 100%);
  -webkit-background-clip: text;
  background-clip: text;
  text-decoration: none;
  -webkit-text-fill-color: transparent;
}
.wpcf7-acceptance label {
  align-items: start;
  display: flex;
}

.wpcf7-checkboxes p {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.wpcf7-btns {
  margin-top: 1.9375rem;
}
.wpcf7-btns p {
  align-items: center;
  display: flex;
  gap: 1rem;
}
.wpcf7-btns p button {
  margin-left: auto;
}

/*	# VX HEADER 2
===================================*/
.vx-header-2__wrapper {
  padding: 1rem 0;
}
.vx-header-2__logo img {
  max-height: 51px;
  max-width: 150px;
}
.vx-header-2__bars {
  background: 0;
  font-size: 1.5rem;
  padding: 0.75rem;
}
.vx-header-2__bars:hover {
  background: 0;
}
.vx-header-2 .vx-btn-1 {
  gap: 0.5rem;
  padding: 0.5rem 1rem;
}
.vx-header-2 .vx-btn-1:hover {
  gap: 1rem;
}
@media (min-width: 768px) {
  .vx-header-2__logo img {
    max-width: 216px;
  }
}

/*	# VX MENU 1
===================================*/
.vx-menu-1 .vx-menu-1__menu li a:hover {
  background: linear-gradient(90deg, #E5007D 0%, #E63312 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 1280px) {
  .vx-menu-1 {
    border-radius: 0;
    box-shadow: unset;
    padding: 0.5rem;
    padding-left: 2rem;
  }
}

/*	# VX HERO 2
===================================*/
.vx-hero-2 {
  background: linear-gradient(90deg, #E5007D 0%, #E63312 100%);
  border-radius: 0px 0px 120px 0px;
  mix-blend-mode: multiply;
  padding: 4.5rem 0;
}
.vx-hero-2__title {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding-right: 2.5rem;
}
.vx-hero-2__title .icon {
  flex-shrink: 0;
  width: 2.5rem;
}
@media (min-width: 768px) {
  .vx-hero-2 {
    border-bottom-right-radius: 11.5rem;
  }
  .vx-hero-2__title {
    padding-right: 4rem;
  }
  .vx-hero-2__title .icon {
    width: 4rem;
  }
}
@media (min-width: 1440px) {
  .vx-hero-2__title {
    padding-right: 8.125rem;
  }
  .vx-hero-2__title .icon {
    width: 6rem;
  }
}

/*	# VX MEDIA TEXT 3
===================================*/
.vx-media-text-3 {
  margin-bottom: 40px;
  margin-top: 40px;
  padding: 0;
}
@media (min-width: 768px) {
  .vx-media-text-3 {
    margin-bottom: 64px;
    margin-top: 64px;
  }
}
@media (min-width: 1280px) {
  .vx-media-text-3 {
    margin-bottom: 72px;
    margin-top: 72px;
  }
}
.vx-media-text-3__title {
  margin-bottom: 2rem;
}
.vx-media-text-3__media img {
  border-radius: 2.5rem;
}
@media (min-width: 768px) {
  .vx-media-text-3__wrapper {
    grid-template-columns: 1fr;
  }
  .vx-media-text-3__media {
    aspect-ratio: unset;
    display: block;
    order: -1;
  }
}
@media (min-width: 1024px) {
  .vx-media-text-3__wrapper {
    align-items: normal;
    grid-template-columns: 1.2fr 1fr;
  }
  .vx-media-text-3__media {
    order: 1;
  }
  .vx-media-text-3__media img {
    height: auto;
    min-height: 30rem;
    object-fit: cover;
    width: 100%;
  }
}
@media (min-width: 1440px) {
  .vx-media-text-3__wrapper {
    gap: 8rem;
  }
}

/*	# VX MEDIA TEXT 8
===================================*/
.vx-media-text-8 {
  margin-bottom: 40px;
  margin-top: 40px;
}
@media (min-width: 768px) {
  .vx-media-text-8 {
    margin-bottom: 64px;
    margin-top: 64px;
  }
}
@media (min-width: 1280px) {
  .vx-media-text-8 {
    margin-bottom: 82px;
    margin-top: 82px;
  }
}
.vx-media-text-8__media img {
  border-radius: 2.5rem;
  height: auto;
}
.vx-media-text-8__subtitle {
  margin-bottom: 1.5rem;
}
.vx-media-text-8__btn {
  margin-top: 2rem;
}
@media (min-width: 1024px) {
  .vx-media-text-8__wrapper {
    grid-template-columns: 1fr 1.45fr;
  }
}

/*	# VX CTA 3
===================================*/
.vx-cta-3 {
  background: var(--mwm--color--secundario);
  color: var(--mwm--color--blanco);
}
.vx-cta-3__title {
  margin-bottom: 1.5rem;
}
.vx-cta-3__text, .vx-cta-3__desc {
  max-width: 34rem;
}
.vx-cta-3__btn {
  margin-top: 3rem;
}

/*	# VX FOOTER
===================================*/
.vx-footer-1 {
  padding: 4rem 0 1.9375rem;
}
.vx-footer-1__logo {
  margin-bottom: 1.25rem;
}
.vx-footer-1__legal {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.vx-footer-1 a:hover {
  background: linear-gradient(90deg, #E5007D 0%, #E63312 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.vx-footer-1__socials a:hover {
  color: #E63312;
}
@media (min-width: 768px) {
  .vx-footer-1__info {
    flex-shrink: 0;
    margin-top: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .vx-footer-1 {
    padding-top: 96px;
  }
  .vx-footer-1__columns {
    align-items: start;
  }
  .vx-footer-1__menus {
    grid-template-columns: 1fr auto;
  }
  .vx-footer-1__menu:nth-child(2) ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

/*==================================================================
	# LAYOUTS
====================================================================*/
/*	# VX LAYOUT PAGE 2
===================================*/
.vx-layout-page-2__wrapper {
  margin: 0 auto;
  max-width: 55rem;
}/*# sourceMappingURL=style.css.map */