/* img[src$=".svg"] {
    width: inherit !important;
    height: auto;
  } */

input[type="text"], 
input[type="password"],
input[type="number"],
input[type="email"],
input[type="tel"], 
select,
textarea {
    font-size:1.1rem;
    padding: 10px;
    border:0;
    border-bottom: 1px solid var(--wp--preset--color--primary);
    margin-bottom:10px;
    width:100%;
    transition:.3s ease all;
    outline:none;
    font-family:inherit;
	background-color: transparent;
}

textarea {
    field-sizing:content;
    line-height:1.5;
}

.wp-block-template-part {
    margin-top:0px;
}

body {
/*padding-top: 124px;*/
}
body.home {padding-top: 0 !important;}

.boxHome {position: relative;}

header.wp-block-template-part {position: sticky;top: 0;left: 0;width: 100%;z-index: 999;
}

header .navContent {
transition: padding 0.3s ease, background-color 0.3s ease;
}

header .navContent.shrink {
padding-top: var(--wp--preset--spacing--40) !important;
padding-bottom: var(--wp--preset--spacing--40) !important;
}

.home header {background-color: transparent;}

/* Hover style nav items */

.wp-block-navigation .wp-block-navigation-item__label:hover {color: #003E5D;}

.wp-block-navigation-item.current-menu-item a {
font-weight: 500;
}

footer ul {list-style:none;}
footer ul li a:hover {color: var(--wp--preset--color--aux);}

.colorIt {background-color: var(--wp--preset--color--aux) !important;}

header .navContent .custom-logo {
transition: height 0.3s ease;
height: 51px;
}

header .navContent.shrink .custom-logo {
height: 30px;
}

.page-id-9 header, .page-id-26 header {
background-color: var(--wp--preset--color--primary);
}

.page-id-19 header {
background-color: var(--wp--preset--color--secondary);
}

.page-id-13 header, .page-id-15 header, .page-id-24 header, .page-id-11 header, .page-id-476 header {
background-color: var(--wp--preset--color--aux);
}

.page-id-9 header a, .page-id-26 header a {
color: var(--wp--preset--color--secondary) !important;}

.page-id-9 header .custom-logo, .page-id-26 header .custom-logo {filter: brightness(0) saturate(100%) invert(98%) sepia(11%) saturate(273%) hue-rotate(21deg) brightness(101%) contrast(92%);}

.page-id-9 .is-content-justification-space-between, .page-id-26 .is-content-justification-space-between {border-bottom-color: var(--wp--preset--color--secondary) !important;}

.wp-block-navigation__submenu-container .wp-block-navigation-item__content {color: var(--wp--preset--color--primary) !important; font-size:18px;}

.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {left: 30px !important; border: 1px solid #ddd;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
border-radius: 10px; overflow: hidden;}

.wp-block-navigation__submenu-container a {
  padding: 14px 18px;
}

.wp-block-navigation__submenu-container a:hover {
  background-color: #f4f4f4;
}

.arrowLinkBox img {position: absolute; bottom: 7%; right: 8%; transition: transform 0.2s ease-in; will-change: transform;}

.arrowLinkBox a:hover img {transform: translateX(10px);}

.footerPattern {
  background-image: url('/wp-content/uploads/2025/06/Pattern.svg');
  background-repeat: repeat-x;
  background-position: bottom;
  background-size: auto 320px;
}

.wp-block-button__link {
  transition: color 0.3s ease, background-color 0.3s ease, border-color 0.2s ease;
}

.wp-block-button__link:hover {
  color: var(--wp--preset--color--secondary);
  background-color: var(--wp--preset--color--custom-primary-400);
  border-color: var(--wp--preset--color--custom-primary-400);
}

.is-style-outline .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--secondary) !important;
  color: var(--wp--preset--color--custom-primary) !important;
  border-color: var(--wp--preset--color--secondary) !important;
}

@media screen and (max-width: 680px) {
	.paddingLeftZero {padding-left: 0 !important}
	.imageMobile > img {
		width: auto !important;
		height: 400px !important;
	}
    .subHeroText, .heroText, .subHeroText *, .heroText * {
      max-width: 100% !important;
    }
.page-id-9  .wp-block-navigation__responsive-container-open svg, 
.page-id-26  .wp-block-navigation__responsive-container-open svg {
	fill: var(--wp--preset--color--secondary) !important;
}
.fullTwoColumnText {padding-top: 0 !important; padding-left: 20px !important; padding-right: 20px !important;}

header .navContent .custom-logo {
height: 30px;
}

/* Estilos del submenu mobile */
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {
    border: none;
    box-shadow: unset !important;
    border-radius: 0;
	line-height: 32px;
	padding-top: 8px;
	padding-right: 0 !important;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
 font-size: 16px !important;
	color: #666 !important;
	padding-right: 0 !important;
}
	
.wp-block-navigation__submenu-container a {
	padding-right: 0 !important;
}

.wp-block-navigation__container.is-responsive {
gap: 32px !important;
font-size: 20px;
}

.page-id-9 header a, .page-id-26 header a {
	color: var(--wp--preset--color--primary) !important;
}

.wpcf7-form p {
    flex: none !important;
    display: block !important;
    width: 100% !important;
    margin-bottom: 32px;
}

.wpcf7-form input[type="submit"] {
	width: auto !important;
}

.wpcf7-acceptance {
	margin-top: 24px !important;
}
}

/* Wrap the form in a container if needed */
.wpcf7-form {
  display: flex;
  flex-wrap: wrap;
  gap: 0 20px; /* space between columns and rows */
}

/* Apply to all labels except textarea */
.wpcf7-form p {
  flex: 1 1 calc(50% - 20px); /* two columns */
  display: flex;
  flex-direction: column;
margin-top:0;
overflow: hidden;
}

/* Make textarea full width */
.wpcf7-form textarea {
  width: 100%;
  min-height: 120px;
  box-sizing: border-box;
}

/* Optional: make submit button full width */
.wpcf7-form input[type="submit"] {
  width: 20%;
  padding: 10px 20px;
  box-sizing: border-box;
  cursor: pointer;
color: #fff;
}

/* Optional: adjust privacy checkbox styling */
.wpcf7-acceptance {
display: block;
margin-top: 80px;
}


/*Ocultamiento */

@media screen and (min-width: 1024px) {
    html .no-desktop {
      display: none !important;
    }
  }
  @media screen and (min-width: 681px) and (max-width: 1023px) {
    html .no-tablet {
      display: none !important;
    }
  }
  @media screen and (max-width: 680px) {
    html .no-mobile {
      display: none !important;
    }
  }