@import url("../fonts/stylesheet.css");
.jazmin {
  font-family: "Ramo de Jazmin", sans-serif !important;
}
.jazmin h1,
.jazmin h2,
.jazmin h3,
.jazmin h4,
.jazmin h5,
.jazmin h6,
.jazmin a,
.jazmin p,
.jazmin span {
  font-family: "Ramo de Jazmin", sans-serif !important;
}

.magnolia {
  font-family: "Ramo de Magnolia", sans-serif !important;
}
.magnolia h1,
.magnolia h2,
.magnolia h3,
.magnolia h4,
.magnolia h5,
.magnolia h6,
.magnolia a,
.magnolia p,
.magnolia span {
  font-family: "Ramo de Magnolia", sans-serif !important;
}

.avenir {
  font-family: "Avenir" !important;
}
.avenir h1,
.avenir h2,
.avenir h3,
.avenir h4,
.avenir h5,
.avenir h6,
.avenir a,
.avenir p,
.avenir span {
  font-family: "Avenir" !important;
}

::-moz-selection {
  background-color: #F57D22;
  color: white;
}

::selection {
  background-color: #F57D22;
  color: white;
}

.qodef-button.qodef-layout--rounded .qodef-m-circle svg {
  display: none;
}

.qodef-header-navigation > ul > li > a {
  font-family: "Ramo de Jazmin", sans-serif;
  color: #014425 !important;
  font-weight: normal;
  font-size: 18px;
  text-transform: lowercase;
  -webkit-text-decoration: underline solid transparent 3px;
          text-decoration: underline solid transparent 3px;
  text-underline-offset: 2px;
  -webkit-transition: text-decoration-color 0.4s ease, opacity 0.4s ease;
  transition: text-decoration-color 0.4s ease, opacity 0.4s ease;
}
.qodef-header-navigation > ul > li > a:hover {
  text-decoration-color: #014425;
  opacity: 1;
}
.qodef-header-navigation > ul > li.current-menu-item > a {
  color: #014425 !important;
  -webkit-text-decoration: underline solid #014425 3px !important;
          text-decoration: underline solid #014425 3px !important;
  text-underline-offset: 2px;
}
.qodef-header-navigation ul li a .qodef-menu-item-circle {
  display: none;
}

.qodef-mobile-header--standard #qodef-page-mobile-header {
  background-color: #FBCA1D !important;
}

.qodef-opener-icon.qodef-source--predefined {
  --qode-button-bg-color: #014425;
}

.qodef-svg--menu,
.qodef-svg--menu-close {
  fill: #FBCA1D;
}

.qodef-mobile-header-navigation {
  background-color: #FBCA1D;
}
.qodef-mobile-header-navigation > ul > li > a {
  color: #014425;
  font-family: "Ramo de Jazmin", sans-serif;
  text-transform: lowercase;
  font-size: 18px;
}
.qodef-mobile-header-navigation > ul > li > a .qodef-menu-item-circle svg {
  display: none;
}
.qodef-mobile-header-navigation > ul > li.current-menu-item a {
  color: #014425 !important;
  -webkit-text-decoration: underline solid #014425 3px;
          text-decoration: underline solid #014425 3px;
  text-underline-offset: 2px;
}

#qodef-page-header-inner.qodef-skin--dark nav > ul > li > a, #qodef-page-header-inner.qodef-skin--light nav > ul > li > a,
.qodef-custom-header-layout.qodef-skin--dark nav > ul > li > a,
.qodef-custom-header-layout.qodef-skin--light nav > ul > li > a {
  color: #014425 !important;
  font-size: 18px;
  -webkit-text-decoration: underline solid transparent 3px;
          text-decoration: underline solid transparent 3px;
  text-underline-offset: 2px;
  -webkit-transition: text-decoration-color 0.4s ease, opacity 0.4s ease;
  transition: text-decoration-color 0.4s ease, opacity 0.4s ease;
}
#qodef-page-header-inner.qodef-skin--dark nav > ul > li > a:hover, #qodef-page-header-inner.qodef-skin--light nav > ul > li > a:hover,
.qodef-custom-header-layout.qodef-skin--dark nav > ul > li > a:hover,
.qodef-custom-header-layout.qodef-skin--light nav > ul > li > a:hover {
  text-decoration-color: #014425;
  opacity: 1;
}
#qodef-page-header-inner.qodef-skin--dark nav > ul > li > a:hover, #qodef-page-header-inner.qodef-skin--light nav > ul > li > a:hover,
.qodef-custom-header-layout.qodef-skin--dark nav > ul > li > a:hover,
.qodef-custom-header-layout.qodef-skin--light nav > ul > li > a:hover {
  color: #014425 !important;
}
#qodef-page-header-inner.qodef-skin--dark nav > ul > li.current-menu-item > a, #qodef-page-header-inner.qodef-skin--light nav > ul > li.current-menu-item > a,
.qodef-custom-header-layout.qodef-skin--dark nav > ul > li.current-menu-item > a,
.qodef-custom-header-layout.qodef-skin--light nav > ul > li.current-menu-item > a {
  color: #014425 !important;
}
#qodef-page-header-inner.qodef-skin--dark .qodef--one .qodef-header-widget-area-one .wp-block-button a, #qodef-page-header-inner.qodef-skin--light .qodef--one .qodef-header-widget-area-one .wp-block-button a,
.qodef-custom-header-layout.qodef-skin--dark .qodef--one .qodef-header-widget-area-one .wp-block-button a,
.qodef-custom-header-layout.qodef-skin--light .qodef--one .qodef-header-widget-area-one .wp-block-button a {
  color: #014425 !important;
  font-family: "Ramo de Jazmin", sans-serif;
  font-size: 18px !important;
  text-transform: lowercase !important;
  -webkit-text-decoration: underline solid transparent 3px;
          text-decoration: underline solid transparent 3px;
  text-underline-offset: 2px;
  -webkit-transition: text-decoration-color 0.4s ease, opacity 0.4s ease;
  transition: text-decoration-color 0.4s ease, opacity 0.4s ease;
}
#qodef-page-header-inner.qodef-skin--dark .qodef--one .qodef-header-widget-area-one .wp-block-button a:hover, #qodef-page-header-inner.qodef-skin--light .qodef--one .qodef-header-widget-area-one .wp-block-button a:hover,
.qodef-custom-header-layout.qodef-skin--dark .qodef--one .qodef-header-widget-area-one .wp-block-button a:hover,
.qodef-custom-header-layout.qodef-skin--light .qodef--one .qodef-header-widget-area-one .wp-block-button a:hover {
  text-decoration-color: #014425;
  opacity: 1;
}
#qodef-page-header-inner.qodef-skin--dark .qodef--one .qodef-header-widget-area-one#block-34, #qodef-page-header-inner.qodef-skin--light .qodef--one .qodef-header-widget-area-one#block-34,
.qodef-custom-header-layout.qodef-skin--dark .qodef--one .qodef-header-widget-area-one#block-34,
.qodef-custom-header-layout.qodef-skin--light .qodef--one .qodef-header-widget-area-one#block-34 {
  background-color: #014425;
  padding: 1em 0.75em;
  border: none;
  border-radius: 2.5em;
  position: relative;
  overflow: hidden;
}
#qodef-page-header-inner.qodef-skin--dark .qodef--one .qodef-header-widget-area-one#block-34::after, #qodef-page-header-inner.qodef-skin--light .qodef--one .qodef-header-widget-area-one#block-34::after,
.qodef-custom-header-layout.qodef-skin--dark .qodef--one .qodef-header-widget-area-one#block-34::after,
.qodef-custom-header-layout.qodef-skin--light .qodef--one .qodef-header-widget-area-one#block-34::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -0.6em;
  clip-path: inset(0 round 2.5em);
  width: 40px;
  height: 40px;
  background: url(https://sanasanabyjarritos.com/wp-content/uploads/2025/10/Sana_ranita_hover.png) no-repeat center/contain;
  -webkit-transform: translate(-50%, 110%);
          transform: translate(-50%, 110%);
  opacity: 0;
  -webkit-transition: opacity 0.35s ease, -webkit-transform 0.35s ease;
  transition: opacity 0.35s ease, -webkit-transform 0.35s ease;
  transition: transform 0.35s ease, opacity 0.35s ease;
  transition: transform 0.35s ease, opacity 0.35s ease, -webkit-transform 0.35s ease;
  z-index: 1;
  pointer-events: none;
}
#qodef-page-header-inner.qodef-skin--dark .qodef--one .qodef-header-widget-area-one#block-34 a, #qodef-page-header-inner.qodef-skin--light .qodef--one .qodef-header-widget-area-one#block-34 a,
.qodef-custom-header-layout.qodef-skin--dark .qodef--one .qodef-header-widget-area-one#block-34 a,
.qodef-custom-header-layout.qodef-skin--light .qodef--one .qodef-header-widget-area-one#block-34 a {
  position: relative;
  z-index: 1;
  display: block;
  text-align: center;
  color: #FBCA1D;
  font-family: "Ramo de Jazmin", sans-serif !important;
  text-transform: lowercase;
  font-size: 18px !important;
}
#qodef-page-header-inner.qodef-skin--dark .qodef--one .qodef-header-widget-area-one#block-34 a span, #qodef-page-header-inner.qodef-skin--light .qodef--one .qodef-header-widget-area-one#block-34 a span,
.qodef-custom-header-layout.qodef-skin--dark .qodef--one .qodef-header-widget-area-one#block-34 a span,
.qodef-custom-header-layout.qodef-skin--light .qodef--one .qodef-header-widget-area-one#block-34 a span {
  display: block;
  line-height: 1;
}
#qodef-page-header-inner.qodef-skin--dark .qodef--one .qodef-header-widget-area-one#block-34:hover::after, #qodef-page-header-inner.qodef-skin--dark .qodef--one .qodef-header-widget-area-one#block-34:focus-within::after, #qodef-page-header-inner.qodef-skin--light .qodef--one .qodef-header-widget-area-one#block-34:hover::after, #qodef-page-header-inner.qodef-skin--light .qodef--one .qodef-header-widget-area-one#block-34:focus-within::after,
.qodef-custom-header-layout.qodef-skin--dark .qodef--one .qodef-header-widget-area-one#block-34:hover::after,
.qodef-custom-header-layout.qodef-skin--dark .qodef--one .qodef-header-widget-area-one#block-34:focus-within::after,
.qodef-custom-header-layout.qodef-skin--light .qodef--one .qodef-header-widget-area-one#block-34:hover::after,
.qodef-custom-header-layout.qodef-skin--light .qodef--one .qodef-header-widget-area-one#block-34:focus-within::after {
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  #qodef-page-header-inner.qodef-skin--dark .qodef--one .qodef-header-widget-area-one#block-34::after, #qodef-page-header-inner.qodef-skin--light .qodef--one .qodef-header-widget-area-one#block-34::after,
  .qodef-custom-header-layout.qodef-skin--dark .qodef--one .qodef-header-widget-area-one#block-34::after,
  .qodef-custom-header-layout.qodef-skin--light .qodef--one .qodef-header-widget-area-one#block-34::after {
    -webkit-transition: none;
    transition: none;
  }
}

.qodef-header--sticky-display .qodef-header-sticky .qodef-header-sticky-inner {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #FBCA1D;
  padding-bottom: 1em !important;
  padding-top: 1em !important;
  border-radius: 4em;
  border: 1px solid #014425;
}
.qodef-header--sticky-display .qodef-header-sticky .qodef-header-sticky-inner .qodef--one .wp-block-button a {
  color: #014425 !important;
  font-family: "Ramo de Jazmin", sans-serif;
  font-size: 18px !important;
  text-transform: lowercase !important;
  -webkit-text-decoration: underline solid transparent 3px;
          text-decoration: underline solid transparent 3px;
  text-underline-offset: 2px;
  -webkit-transition: text-decoration-color 0.4s ease, opacity 0.4s ease;
  transition: text-decoration-color 0.4s ease, opacity 0.4s ease;
}
.qodef-header--sticky-display .qodef-header-sticky .qodef-header-sticky-inner .qodef--one .wp-block-button a:hover {
  text-decoration-color: #014425;
  opacity: 1;
}
.qodef-header--sticky-display .qodef-header-sticky .qodef-header-sticky-inner .qodef--one .widget_text {
  background-color: #014425;
  padding: 1em 0.75em;
  border: none;
  border-radius: 2.5em;
  position: relative;
  overflow: hidden;
}
.qodef-header--sticky-display .qodef-header-sticky .qodef-header-sticky-inner .qodef--one .widget_text::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -0.6em;
  clip-path: inset(0 round 2.5em);
  width: 40px;
  height: 40px;
  background: url(https://sanasanabyjarritos.com/wp-content/uploads/2025/10/Sana_ranita_hover.png) no-repeat center/contain;
  -webkit-transform: translate(-50%, 110%);
          transform: translate(-50%, 110%);
  opacity: 0;
  -webkit-transition: opacity 0.35s ease, -webkit-transform 0.35s ease;
  transition: opacity 0.35s ease, -webkit-transform 0.35s ease;
  transition: transform 0.35s ease, opacity 0.35s ease;
  transition: transform 0.35s ease, opacity 0.35s ease, -webkit-transform 0.35s ease;
  z-index: 1;
  pointer-events: none;
}
.qodef-header--sticky-display .qodef-header-sticky .qodef-header-sticky-inner .qodef--one .widget_text a {
  position: relative;
  z-index: 1;
  display: block;
  text-align: center;
  color: #FBCA1D;
  font-family: "Ramo de Jazmin", sans-serif !important;
  text-transform: lowercase;
  font-size: 18px !important;
}
.qodef-header--sticky-display .qodef-header-sticky .qodef-header-sticky-inner .qodef--one .widget_text a span {
  display: block;
  line-height: 1;
}
.qodef-header--sticky-display .qodef-header-sticky .qodef-header-sticky-inner .qodef--one .widget_text:hover::after, .qodef-header--sticky-display .qodef-header-sticky .qodef-header-sticky-inner .qodef--one .widget_text:focus-within::after {
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .qodef-header--sticky-display .qodef-header-sticky .qodef-header-sticky-inner .qodef--one .widget_text::after {
    -webkit-transition: none;
    transition: none;
  }
}

.error404 #qodef-page-header {
  background-color: #FBCA1D !important;
}
.error404 #qodef-404-page .qodef-404-text {
  font-family: "Ramo de Magnolia", sans-serif !important;
  font-size: 1.5em;
}
.error404 .qodef-button.qodef-layout--rounded {
  color: #014425 !important;
  font-family: "Ramo de Jazmin", sans-serif !important;
  letter-spacing: 0.1em;
}

.qodef-header--floating #qodef-page-header-inner {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent !important;
  padding-top: 1em !important;
  padding-bottom: 1em !important;
}
.qodef-header--floating .qodef-header-sticky-inner {
  background-color: #FBCA1D !important;
}

.sticky-shop .shop-btn {
  font-family: "Ramo de Jazmin", sans-serif !important;
}
.sticky-shop .shop-btn a {
  font-family: "Ramo de Jazmin", sans-serif !important;
}
.sticky-shop .shop-btn a span {
  font-family: "Ramo de Jazmin", sans-serif !important;
}

.widget.widget_block .wp-block-button .wp-block-button__link {
  font-family: "Ramo de Jazmin", sans-serif;
}

#qodef-back-to-top .qodef-back-to-top-icon {
  color: #014425;
  --qode-button-bg-color: #FBCA1D;
}

.widget.widget_nav_menu .qodef-menu-item-circle svg {
  display: none;
}

.pum-theme-7082 .pum-content + .pum-close,
.pum-theme-content-only .pum-content + .pum-close {
  color: #014425 !important;
}

.mfp-iframe-holder .mfp-close {
  color: #FBCA1D;
}

.popup {
  position: relative;
  display: inline-block;
  line-height: 0;
}
.popup img {
  display: block;
  width: 100%;
}
.popup img.popup-d {
  position: relative;
  z-index: 1;
}
.popup img.popup-h {
  position: absolute;
  inset: 0;
  opacity: 0;
  z-index: 2;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.popup:hover .popup-h {
  opacity: 1;
}

.qodef-video-button {
  --qode-button-bg-color: #014425;
}

.qodef-svg--play path {
  fill: #FBCA1D;
}

footer #qodef-page-footer-top-area {
  background-color: #014425 !important;
}
footer #qodef-page-footer-top-area .qodef-grid-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
footer #qodef-page-footer-top-area #block-5 img {
  max-width: 180px !important;
}
footer #qodef-page-footer-top-area #nav_menu-8 a {
  color: #00BB74 !important;
  font-family: "Ramo de Magnolia", sans-serif;
  font-size: 24px;
  -webkit-text-decoration: underline solid transparent 3px;
          text-decoration: underline solid transparent 3px;
  text-underline-offset: 3px;
  -webkit-transition: text-decoration-color 0.4s ease, opacity 0.4s ease;
  transition: text-decoration-color 0.4s ease, opacity 0.4s ease;
}
footer #qodef-page-footer-top-area #nav_menu-8 a:hover {
  text-decoration-color: white;
  opacity: 1;
  color: white !important;
}
footer #qodef-page-footer-top-area #toddlerplay_core_contact_form_7-5 h4,
footer #qodef-page-footer-top-area #block-24 h4 {
  color: #00BB74 !important;
  font-family: "Ramo de Magnolia", sans-serif;
  font-size: 32px;
  letter-spacing: 0.2px;
}
footer #qodef-page-footer-top-area #toddlerplay_core_icon-2 span,
footer #qodef-page-footer-top-area #toddlerplay_core_icon-3 span,
footer #qodef-page-footer-top-area #toddlerplay_core_icon-4 span,
footer #qodef-page-footer-top-area #toddlerplay_core_icon-5 span {
  font-size: 28px;
}
footer #qodef-page-footer-top-area #toddlerplay_core_icon-2 svg,
footer #qodef-page-footer-top-area #toddlerplay_core_icon-3 svg,
footer #qodef-page-footer-top-area #toddlerplay_core_icon-4 svg,
footer #qodef-page-footer-top-area #toddlerplay_core_icon-5 svg {
  display: none;
}
footer #qodef-page-footer-top-area #toddlerplay_core_icon-2 .qodef-icon-holder.qodef-layout--rounded,
footer #qodef-page-footer-top-area #toddlerplay_core_icon-3 .qodef-icon-holder.qodef-layout--rounded,
footer #qodef-page-footer-top-area #toddlerplay_core_icon-4 .qodef-icon-holder.qodef-layout--rounded,
footer #qodef-page-footer-top-area #toddlerplay_core_icon-5 .qodef-icon-holder.qodef-layout--rounded {
  color: white;
}
footer #qodef-page-footer-top-area .widget.widget_toddlerplay_core_icon a:hover {
  color: #FBCA1D !important;
}
footer #qodef-page-footer-bottom-area {
  background-color: #014425 !important;
}
footer .wpcf7-not-valid-tip {
  color: #FBCA1D !important;
}
footer .wpcf7 form.invalid .wpcf7-response-output {
  border-color: #FBCA1D;
}
footer #block-40 img {
  display: inline-block !important;
}

.home .qodef-page-header {
  background-color: transparent !important;
}
.home .qodef-header--floating #qodef-page-header-inner {
  background-color: transparent !important;
}
.home #home-icons-section .qodef-m-text {
  color: #014425;
}
.home #home-icons-section #icon-1 .qodef-m-title-text {
  color: #014425;
}
.home #home-icons-section #icon-2 .qodef-m-title-text {
  color: #E62632;
}
.home #home-icons-section #icon-3 .qodef-m-title-text {
  color: #EE6AA7;
}
.home #home-icons-section #icon-4 .qodef-m-title-text {
  color: #93C841;
}
.home #home-icons-section .qodef-m-title-text {
  font-family: "Ramo de Magnolia", sans-serif;
  font-weight: normal;
  font-size: 36px;
}
.home #home-icons-section img {
  max-width: 100px;
  max-height: 100px;
}
.home .qodef-services-list .qodef-m-media-inner {
  border-radius: 0;
}
.home #home-marquee .elementor-widget-container .qodef-text-marquee {
  padding: 1em 0;
  background-color: #F57D22;
}
.home #home-marquee .elementor-widget-container .qodef-text-marquee .qodef-marquee-item {
  color: #FBCA1D;
}
.home #home-marquee .elementor-widget-container .qodef-text-marquee .qodef-marquee-item .qodef-m-text {
  margin-bottom: -0.1em;
}
.home #home-marquee .elementor-widget-container .qodef-text-marquee .qodef-m-content {
  text-transform: uppercase;
  font-family: "Ramo de Magnolia", sans-serif;
  font-size: 64px;
  line-height: 1;
}
.home .desktop-img-marquee .qodef-m-content.qodef--desktop {
  height: 300px !important;
}
.home .desktop-img-marquee .qodef-m-content.qodef--desktop .qodef-m-image {
  height: 300px !important;
  width: 1934.5088161209px !important;
  background-size: auto 300px !important;
  background-repeat: no-repeat !important;
  background-position: 0 50% !important;
}
.home #contact-us-form input[type=date],
.home #contact-us-form input[type=email],
.home #contact-us-form input[type=number],
.home #contact-us-form input[type=password],
.home #contact-us-form input[type=search],
.home #contact-us-form input[type=tel],
.home #contact-us-form input[type=text],
.home #contact-us-form input[type=url],
.home #contact-us-form select,
.home #contact-us-form textarea {
  color: #014425;
  border-color: #E62632;
}
.home #contact-us-form .wpcf7-form-control-wrap {
  margin-bottom: 1.5em;
}
.home #contact-us-form .wpcf7-textarea {
  border: 1px solid #E62632 !important;
  border-radius: 5px;
}
.home #contact-us-form button[type=submit] {
  font-family: "Ramo de Magnolia", sans-serif;
  text-transform: uppercase;
  color: #FBCA1D;
  font-size: 16px;
  background-color: #014425;
  border: 1px solid #014425;
  border-radius: 2em;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.home #contact-us-form button[type=submit]:hover {
  background-color: #FBCA1D;
  color: #014425;
}
.home #contact-us-form input:-internal-autofill-selected {
  background-color: transparent;
}
.home #contact-us-form .wpcf7 form.invalid .wpcf7-response-output {
  border-color: #E62632;
  color: #E62632;
}

@media (max-width: 1024px) {
  footer #block-5 .qi-block-single-image {
    text-align: center;
  }
  footer #nav_menu-8 {
    text-align: center;
    margin-bottom: 2.5em !important;
  }
  footer #toddlerplay_core_contact_form_7-5 {
    margin: 0 0 50px !important;
  }
  footer #toddlerplay_core_contact_form_7-5 .qodef-m-title {
    text-align: center;
  }
  footer #block-24 {
    text-align: center !important;
  }
  footer #toddlerplay_core_icon-2 {
    margin-left: calc(50% - 6em) !important;
  }
}
@media (min-width: 1025px) {
  #qodef-page-footer-top-area .qodef-grid-inner {
    display: -ms-grid !important;
    display: grid !important;
    -ms-grid-columns: 2fr clamp(12px, 2vw, 28px) 3fr clamp(12px, 2vw, 28px) 5fr;
    grid-template-columns: 2fr 3fr 5fr;
    -webkit-column-gap: clamp(12px, 2vw, 28px);
       -moz-column-gap: clamp(12px, 2vw, 28px);
            column-gap: clamp(12px, 2vw, 28px);
    row-gap: 0;
  }
  #qodef-page-footer-top-area .qodef-grid-inner > .qodef-grid-item {
    margin: 0 !important;
    width: auto !important;
    max-width: none !important;
  }
  #qodef-page-footer-top-area .qodef-grid-inner > .qodef-grid-item:nth-child(1) {
    max-width: 75% !important;
  }
}
@media (max-width: 880px) {
  #block-42,
  #block-40 {
    text-align: center;
  }
}