/**
 * @file
 * Subtheme specific CSS.


 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&family=Ubuntu:wght@700&display=swap');*/
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css');
@import url('https://use.typekit.net/tqd1qhv.css');

/* Nunito Font */
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

/* Upgrade Font  */

:root {
  --yellow: #FFDD00;
  --black: #1E1E1E;
  --red: #FC0F26;
}

:root {
  --pb-px8: 0.5rem;
  --pb-px9: 0.5625rem;
  --pb-px10: 0.625rem;
  --pb-px11: 0.6875rem;
  --pb-px12: 0.75rem;
  --pb-px13: 0.8125rem;
  --pb-px14: 0.875rem;
  --pb-px15: 0.9375rem;
  --pb-px16: 1rem;
  --pb-px17: 1.063rem;
  --pb-px18: 1.125rem;
  --pb-px19: 1.1875rem;
  --pb-px20: 1.25rem;
  --pb-px21: 1.3125rem;
  --pb-px22: 1.375rem;
  --pb-px23: 1.4375rem;
  --pb-px24: 1.5rem;
  --pb-px25: 1.5625rem;
  --pb-px26: 1.625rem;
  --pb-px27: 1.6875rem;
  --pb-px28: 1.75rem;
  --pb-px29: 1.8125rem;
  --pb-px30: 1.875rem;
  --pb-px31: 1.9375rem;
  --pb-px32: 2rem;
  --pb-px33: 2.0625rem;
  --pb-px34: 2.125rem;
  --pb-px35: 2.1875rem;
  --pb-px36: 2.25rem;
  --pb-px37: 2.3125rem;
  --pb-px38: 2.375rem;
  --pb-px39: 2.4375rem;
  --pb-px40: 2.5rem;
  --pb-px41: 2.5625rem;
  --pb-px42: 2.625rem;
  --pb-px43: 2.6875rem;
  --pb-px44: 2.75rem;
  --pb-px45: 2.8125rem;
  --pb-px46: 2.875rem;
  --pb-px47: 2.9375rem;
  --pb-px48: 3rem;
  --pb-px49: 3.0625rem;
  --pb-px50: 3.125rem;
  --pb-px51: 3.1875rem;
  --pb-px52: 3.25rem;
  --pb-px53: 3.3125rem;
  --pb-px54: 3.375rem;
  --pb-px55: 3.4375rem;
  --pb-px56: 3.5rem;
  --pb-px57: 3.5625rem;
  --pb-px58: 3.625rem;
  --pb-px59: 3.6875rem;
  --pb-px60: 3.75rem;
  --pb-px61: 3.8125rem;
  --pb-px62: 3.875rem;
  --pb-px63: 3.9375rem;
  --pb-px64: 4rem;
  --pb-px65: 4.0625rem;
  --pb-px66: 4.125rem;
  --pb-px67: 4.1875rem;
  --pb-px68: 4.25rem;
  --pb-px69: 4.3125rem;
  --pb-px70: 4.375rem;
  --pb-px71: 4.4375rem;
  --pb-px72: 4.5rem;
  --pb-px73: 4.5625rem;
  --pb-px74: 4.625rem;
  --pb-px75: 4.6875rem;
  --pb-px76: 4.75rem;
  --pb-px77: 4.8125rem;
  --pb-px78: 4.875rem;
  --pb-px79: 4.9375rem;
  --pb-px80: 5rem;
  --pb-px81: 5.0625rem;
  --pb-px82: 5.125rem;
  --pb-px83: 5.1875rem;
  --pb-px84: 5.25rem;
  --pb-px85: 5.3125rem;
  --pb-px86: 5.375rem;
  --pb-px87: 5.4375rem;
  --pb-px88: 5.5rem;
  --pb-px89: 5.5625rem;
  --pb-px90: 5.625rem;
  --pb-px91: 5.6875rem;
  --pb-px92: 5.75rem;
  --pb-px93: 5.8125rem;
  --pb-px94: 5.875rem;
  --pb-px95: 5.9375rem;
  --pb-px96: 6rem;
  --pb-px97: 6.0625rem;
  --pb-px98: 6.125rem;
  --pb-px99: 6.1875rem;
  --pb-px100: 6.25rem;
  --pb-px101: 6.3125rem;
  --pb-px280: 17.5rem;
}

body {
  overflow-x: hidden;
}


/* ==========================================================================
   #RESET
   ========================================================================== */

* {
  font-family: 'Nunito', sans-serif;
}


/* ==========================================================================
   #ELEMENTS
   ========================================================================== */

h1 {
  /* font-family: upgrade, sans-serif; */
  font-weight: 700;
  font-style: normal;
}

h2 {
  /* font-family: upgrade, sans-serif; */
  font-weight: 700;
  font-style: normal;
}

h3 {
  /* font-family: upgrade, sans-serif; */
  font-weight: 700;
  font-style: normal;
}

h4 {
  /* font-family: upgrade, sans-serif; */
  font-weight: 700;
  font-style: normal;
}

h5 {
  margin-bottom: .8rem;
  /* font-family: upgrade, sans-serif; */
  font-weight: 900;
  font-style: normal;
}

h6 {
  /* font-family: upgrade, sans-serif; */
  font-weight: 700;
  font-style: normal;
}

p {
  font-size: 18px;
}

p:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  p {
    font-size: 15px;
  }
}


/* ==========================================================================
   #HEADINGS
   ========================================================================== */

.c-heading-primary {
  font-size: 30px;
  color: #1E1E1E;
}

.c-heading-secondary {
  font-size: 25px;
  color: #1E1E1E;
}

.c-heading-bar-large::after {
  content: "";
  height: 3px;
  display: block;
  background-color: var(--red);
  margin: 20px 0;
  width: 400px;
  margin: 20px auto;
}

.c-heading-bar-middle::after {
  content: "";
  height: 5px;
  display: block;
  background-color: var(--red);
  margin: 20px 0;
  width: 60px;
  margin: 20px auto;
}

.c-heading-bar:after {
  content: "";
  width: 100px;
  height: 3px;
  display: block;
  background-color: var(--red);
  margin: 10px 0;
  transform: translateX(-50%);
}

@media (max-width: 767px) {
  .c-heading-bar:after {
    transform: translateX(0);
  }
}

.c-heading-bar--right:after {
  margin-left: auto;
  transform: translateX(50%);
}


/* ==========================================================================
   #HEADER
   ========================================================================== */

.navbar>div>section {
  margin: 0 auto !important;
}

#main {
  padding: 0;
  overflow: hidden;
}

#navbar-top {
  position: fixed;
  top: 0px;
  width: 100%;
  max-width: 100vw;
  height: max-content;
  z-index: 500;
  background-color: #EFEFEF;
  padding: 0px;
}

#navbar-main {
  background-color: white;
  padding: 20px 35px 25px;
  z-index: 3;
}

@media (max-width: 768px) {
  #navbar-main {
    height: 60px;
  }

  #navbar-main .navbar-brand {
    padding: 0;
  }

  .node__content {
    margin-top: 0;
  }
}

#ul-menu-black a.is-active {
  text-decoration: underline;
}

#navbar-top ~ #navbar-main {
  margin-top: 40px;
}

.navbar-brand > .img-fluid {
  height: 60px;
}

.s-footer img {
  height: 60px;
}

.fixed-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  background-color: #8577DE;
}

.dona-now-button {
  display: flex;
  flex-direction: row;
  background-color: transparent;
  color: white !important;
  border: 2px solid #E7972E;
  border-radius: 5px;
  padding: 0px 0px 0px 5px;
  gap: 5px;
  font-weight: 700;
  cursor: pointer;
}

.dona-now-button > div {
  background-color: #E5852D;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 0px 5px;
}

.navbar-brand {
  margin: 0px;
  display: flex;
  justify-content: start;
  flex:1;
}

#block-menublack > h2 {
  display: none !important;
}

#search-input-container {
  display: none;
  width: 100%;
  visibility: hidden;
  flex: 10;
  height: 45px;
  justify-content: center;
  align-items: center;
  padding: 20px;
  gap: 20px;
  border: 1px solid #46C0A9;
  border-radius: 25px;
}

#search-input-container.searching {
  display: flex;
  visibility: visible;
}

#clear-search-button::before {
  display: block;
  content: url('../images/svg/close.svg');
  width: 20px;
  height: 20px;
  cursor: pointer;
}

#goTo-search-button::before {
  display: block;
  content: url('../images/svg/arrow_right.svg');
  width: 20px;
  height: 20px;
  cursor: pointer;
}

#searchButton.searching {
  filter: brightness(0) saturate(100%) invert(38%) sepia(67%) saturate(711%) hue-rotate(324deg) brightness(108%) contrast(102%);
}

#loginButton.searching {
  display: none;
}

#search-input {
  width: 100%;
  border: none;
  color: #46C0A9;
  font-weight: 700;
  height: min-content;
}

#search-input:focus-visible {
  outline: none;
}

#CollapsingNavbar {
  visibility: "visible";
  flex: 10;
  /* display: none !important; */
}

#CollapsingNavbar > section {
  width: 100%;
}

#CollapsingNavbar.searching {
  display: none !important;
}

#ul-menu-black {
  margin: 0px;
  padding: 0px;
}

#ul-menu-black li::marker {
  font-size: 0;
}

#ul-menu-black > li {
  display: inline-block;
  position: relative;
  /* border-right: 2px solid #F86040; */

  &:not(:last-child) {
    margin-right: 20px;
  }

  &:not(:last-child)::after {
    content: '';
    display: inline-block;
    height: 12px;
    width: 2px;
    border-radius: 2px;
    background-color: #F86040;
    right: -10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}

#ul-menu-black > li > a {
  position: relative;
  margin: 5px;
  text-decoration: none;
  color: #302F2F;
  text-wrap: nowrap;
  font-weight: 700;
}

#ul-menu-black > li > a:hover {
  margin: 5px;
  color: #F86040;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
}

#ul-menu-black > li:has(ul) > a::after {
  content: "";
  position: relative;
  top: -3px;
  display: inline-flex;
  align-items: center;
  margin-left: 7px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  transition: .3s ease-out transform;
}

@media (min-width: 1200px) {
  #ul-menu-black > li:focus-within > a::after,
  #ul-menu-black > li:has(ul) > a:hover::after {
    transform: rotate(-180deg);
  }
}

#ul-menu-black > li:has(ul.open) > a::after {
  transform: rotate(-180deg);
}

[id*="block-menublack"] h2 {
  display: none;
}

#ul-menu-black ul {
  display: none;
  padding: 1rem 1.25rem 0;
}

#ul-menu-black ul a {
  display: inline-flex;
  padding-block: .3rem;
  font-size: 16px;
  line-height: 21px;
  color: #fff;
}

#ul-menu-black > li > ul {
  margin-top: -7px;
}

@media (min-width: 1200px) {
  #ul-menu-black > li:focus-within > a ~ ul,
  #ul-menu-black > li:hover > ul {
    display: flex;
  }

  #ul-menu-black > li:has(ul) > a::after {
    border-top: 5px solid #F86040;
  }

  #ul-menu-black ul {
    position: absolute;
    padding: 1rem 1.25rem;
    background-color: #fff;
  }

  #ul-menu-black > li > a {
    font-weight: 400;
  }

  #ul-menu-black > li > ul {
    top: 100%;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    padding-top: 1.2rem;
    min-width: 250px;
  }

  #ul-menu-black ul a {
    font-size: 14px;
    line-height: 19px;
    color: #302F2F;
  }
}

@media screen and (max-width: 1200px) {
  .navbar-brand.searching {
    display: none;
  }

  #menu-button-collapsed-container {
    display: flex !important;
  }

  #menu-button-collapsed-container.searching {
    display: none !important;
  }

  #ul-menu-black {
    list-style-type: none;
    padding-left: 0;
  }

  #ul-menu-black > li {
    display: block;
    border-right: none;
    margin-bottom: 15px;

    &:not(:last-child) {
      margin-right: 0;
    }

    &:not(:last-child)::after {
      content: unset;
    }
  }

  #ul-menu-black > li > a {
    margin: 5px;
    text-decoration: none;
    color: white;
  }
}

#CollapsingNavbar-mobile {
  display: flex;
  flex-direction: column;
  visibility: hidden;
  position: fixed;
  top: 40px;
  left: 0px;
  width: 100%;
  height: 100vh;
  background-color: #46C0A9;
  z-index: 1000;
  justify-content: start !important;
  align-items: start;
  padding: 8px 20px;
}

#CollapsingNavbar-mobile > section {
  width: 100%;
}

#CollapsingNavbar-mobile > .region-footer-first {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: start;
  align-items: center;
}

#CollapsingNavbar-mobile > .social-media {
  color: white;
  font-weight: 700;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#CollapsingNavbar-mobile > .social-media > .region-footer-first > #block-bootstrap-barrio-subtheme-prefooterjuntoslograremos {
  display: none !important;
}

.site-footer .region-footer-first {
  display: flex;
  flex-direction: column;
}

.site-footer__top #block-bootstrap-barrio-subtheme-prefooterjuntoslograremos,
.site-footer__top #block-footerbutton {
  margin: 0px;
}

.site-footer__top #block-footerbutton .content .hs-cta-node a {
  background-color: #F27259;
  display: block;
  width: 100%;
  max-width: 270px;
  border-radius: 20px;
  padding: 8px 15px;
  font-size: 16px;
  font-weight: 700;
}

.site-footer__top #block-footerbutton .siguenos-footer {
  font-size: 20px;
  color: white;
  margin: 0;
}

@media screen and (max-width: 978px) {
  .site-footer__top #block-footerbutton .siguenos-footer {
    text-align: center;
  }
}

#CollapsingNavbar-mobile > .social-media > .region-footer-first > #block-footerbutton {
  display: none !important;
}

#CollapsingNavbar-mobile > .social-media > .region-footer-first > nav > ul > li {
  filter: brightness(0) saturate(100%) invert(100%) sepia(15%) saturate(7464%) hue-rotate(176deg) brightness(114%) contrast(108%) !important;
}

#CollapsingNavbar-mobile > .social-media > .region-footer-first > nav > ul > .nav-item:first-child a {
  background: url('../images/social-media/facebook.png') no-repeat;
  background-size: 25px;
  background-size: contain;
}

#CollapsingNavbar-mobile > .social-media > .region-footer-first > nav > ul > .nav-item:nth-child(2) a {
  background: url('../images/social-media/twitterX.png') no-repeat;
  background-size: 25px;
  background-size: contain;
}

#CollapsingNavbar-mobile > .social-media > .region-footer-first > nav > ul > .nav-item:last-child a {
  background: url('../images/social-media/instagram.png') no-repeat;
  background-size: 25px;
  background-size: contain;
}

#CollapsingNavbar-mobile > .solicita-certificado {
  display: flex;
  justify-content: center;
  gap: 20px;
  width: 100%;
}

#CollapsingNavbar-mobile > .solicita-certificado > button {
  width: max-content;
  padding: 5px 20px;
  background-color: #8577DE;
  border-radius: 20px;
  color: white;
  transition: all .3s;
}

#CollapsingNavbar-mobile > .solicita-certificado > button:hover {
  background-color: #F86040E5;
}

#CollapsingNavbar-mobile > .horizontal-divider {
  width: 100%;
  height: 2px;
  background-color: #EDCE78;
  margin: 20px 0px;
}

.navbar-container {
  max-width: 100%;
  display: flex;
  flex-direction: row;
  gap: 50px;
  justify-content: space-between;
}

.navbar-primary-actions {
  display: flex;
  flex-direction: row;
  flex: 1;
  gap: 30px;
}

@media screen and (max-width: 500px) {
  .navbar-container {
    flex-wrap: nowrap !important;
  }

  .navbar-container .navbar-brand .img-fluid {
    max-width: 100px;
    width: 60px;
    min-width: 50px;
    height: auto;
  }

  .navbar-primary-actions {
    gap: 10px;
  }
}

.navbar-primary-actions > div > a > svg {
  cursor: pointer;
  width: 30px;
  height: 30px;
  filter: brightness(0) saturate(100%) invert(88%) sepia(14%) saturate(973%) hue-rotate(106deg) brightness(84%) contrast(87%);
}

.navbar-primary-actions > div > a > svg:hover {
  width: 30px;
  height: 30px;
  filter: brightness(0) saturate(100%) invert(38%) sepia(67%) saturate(711%) hue-rotate(324deg) brightness(108%) contrast(102%);
}

.mobile-menu-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px;
}

.mobile-menu-top > div {
  flex: 1;
}

#menu-button-collapsed-container {
  display: none;
  flex:1;
  justify-content: start;
}

#menu-button-collapsed-mobile {
  color: white;
  font-size: 30px;
}

.mobile-menu-top > .logo-img {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 1200px) {
  .navbar-primary {
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 10px;
  }

  .navbar-primary > .navbar-primary-item > a {
    color: white;
  }

  .navbar-primary > .navbar-vertical-divider {
    display: none;
  }

  .navbar-primary-actions {
    justify-content: end;
  }
}

.cart-block--summary__icon img {
  filter: invert(1);
}

#header .navbar-expand-xl .navbar-nav .nav-link {
  color: white;
}

#header .navbar-expand-xl .navbar-nav .nav-link {
  padding: 1rem 1rem;
}

#header .navbar-nav .nav-item:last-child .nav-link {
  background-color: var(--yellow);
  color: var(--black);
  font-weight: bold;
  padding: 1rem 2rem;
}

@media (max-width: 767px) {
  #header .navbar-nav .nav-item:last-child .nav-link {
    text-align: center;
  }
}

.region-top-header .menu--encabezado-extra .nav-link {
  /* background-color: var(--yellow); */
  color: var(--black);
  font-weight: bold;
  padding: .5rem 1rem;
  font-size: 14px;
  margin: 0 5px;
}

.region-top-header .menu--account .nav-link {
  background-color: var(--yellow);
  color: var(--black);
  font-weight: bold;
  padding: .5rem 1rem;
  font-size: 14px;
}

.menu--redes-sociales .nav-item {
  display: flex;
  align-items: center;
  padding: .5rem .5rem;
}

header .menu--redes-sociales .nav-item:first-child a {
  background: url('/sites/default/files/2020-09/facebook-icon-black.png') no-repeat;
  display: inline-block;
  height: 25px;
  text-indent: -9999px;
  width: 26px;
}

header .menu--redes-sociales .nav-item:nth-child(2) a {
  background: url('/sites/default/files/2020-09/twitter-icon-black.png') no-repeat;
  display: inline-block;
  height: 25px;
  text-indent: -9999px;
  width: 26px;
}

header .menu--redes-sociales .nav-item:last-child a {
  background: url('/sites/default/files/2020-09/instagram-icon-black.png') no-repeat;
  display: inline-block;
  height: 25px;
  text-indent: -9999px;
  width: 26px;
}

.cart-block--summary__count {
  background: #ff0000;
  border-radius: 13px;
  color: #EFEFEF;
  font-size: 12px;
  height: 16px;
  display: inline-block;
  margin-top: 10px;
  text-align: center;
  width: 16px;
}

.block-commerce-cart {
  padding: 0 .5rem;
}

.region-top-header input[type="search"] {
  background-color: #EFEFEF;
  height: 24px;
  width: 200px;
  border: none;
  border-bottom: 1px solid var(--black);
  border-radius: 0;
}

.region-top-header input[type=submit] {
  display: none;
}

.header .search-block-form h2 {
  background-image: url('/sites/default/files/2020-09/lupa.png');
  background-color: #EFEFEF;
  background-repeat: no-repeat;
  display: inline-block;
  text-indent: -9999px;
  width: 35px;
  height: 28px;
  border: none;
  border-bottom: 1px solid var(--black);
  border-radius: 0;
  margin: 0;
}

header .block-search {
  display: flex;
  flex: 1;
  margin-right: 15px;
}

.header #search-block-form {
  padding: 4px 0;
}


/* ==========================================================================
   #FOOTER
   ========================================================================== */
#block-opinion > .clearfix.nav {
  width: 100%;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  height: 200px;
}

#block-menu-loquehacemos > .clearfix.nav {
  width: 100%;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  height: 120px;
}

#block-opinion-menu, #block-menu-loquehacemos-menu {
  font-size: 20px;
  text-transform: none;
}

@media screen and (max-width: 450px) {
  #block-opinion > .clearfix.nav,
  #block-menu-loquehacemos > .clearfix.nav {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
    height: max-content;
  }
}

.footer-container {
  margin: 0px 100px;
}

@media screen and (max-width: 978px) {
  .footer-container {
    margin: 0px 20px;
  }
}


.footer-container > .site-footer__top {
  display: flex;
  justify-content: center;
  border-bottom: 2px solid #EDCE78;
}

@media screen and (max-width: 978px) {
  .footer-container > .site-footer__top {
    flex-direction: column;
    align-items: center;
  }

  .footer-container > .site-footer__top > section {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .footer-container > .site-footer__top > section > nav {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .nav-item {
    text-align: center;
  }
}

.site-footer__bottom {
  font-size: 14px;
  letter-spacing: 0.2px;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  align-items: center;
  border: none;
}

.region-footer-second > nav {
  width: 100%;
}

.region-footer-third > nav {
  width: 100%;
}

.footer-contact-info {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.footer-contact-info > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 20px;
  text-align: center;
  font-weight: 700;
}

.footer-contact-info > #footer-contact-info-location {
  width: 250px;
}

.copyright-section, .developed-by-section {
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .footer-contact-info {
    flex-direction: column;
  }

  .copyright-section {
    text-align: center;
  }
}

.site-footer {
  color: white;
  background-color: #46C0A9 !important;
}

.site-footer .content a img {
  max-width: 100%;
}

.site-footer .container-fluid {
  max-width: 1200px !important;
  margin: 0 auto !important;
}

.site-footer nav h2 {
  font-size: 20px;
  color: white;
  border-bottom: 0 !important;
  font-family: 'Open Sans', sans-serif;
}

.site-footer .nav-link {
  padding: .5rem 0;
  color: white;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}

.site-footer .menu--redes-sociales .nav-item:first-child a {
  background: url('../images/social-media/facebook.png') no-repeat;
  background-size: 25px;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(100%) sepia(8%) saturate(651%) hue-rotate(229deg) brightness(117%) contrast(100%);;
  display: inline-block;
  height: 25px;
  text-indent: -9999px;
  width: 26px;
}

.site-footer .menu--redes-sociales .nav-item:nth-child(2) a {
  background: url('../images/social-media/twitterX.png') no-repeat;
  background-size: 25px;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(100%) sepia(8%) saturate(651%) hue-rotate(229deg) brightness(117%) contrast(100%);;
  display: inline-block;
  height: 25px;
  text-indent: -9999px;
  width: 26px;
}

.site-footer .menu--redes-sociales .nav-item:last-child a {
  background: url('../images/social-media/instagram.png') no-repeat;
  background-size: 25px;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(100%) sepia(8%) saturate(651%) hue-rotate(229deg) brightness(117%) contrast(100%);;
  display: inline-block;
  height: 25px;
  text-indent: -9999px;
  width: 26px;
}

.site-footer__top section {
  margin: 0 !important;
  padding: 0 20px;
  margin-bottom: 20px !important;
}

.site-footer__top section:first-child .block {
  margin-top: 0;
  padding-top: 0;
}

.site-footer__top section:first-child h2 {
  font-size: 20px;
  color: white;
  border-bottom: 0 !important;
  font-family: 'Open Sans', sans-serif;
}

.site-footer .block {
  border: 0 !important;
}

.site-footer__top p {
  color: white;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  margin: 8px 0;
}

.site-footer__top section nav ul {
  flex-direction: column;
}

.site-footer__top .menu--redes-sociales ul {
  flex-direction: initial;
}

.region-footer-first .block-block-content4b4e1063-a9c8-4ade-85c4-2be4a78c9b42 h2 {
  display: none;
}

.site-footer__bottom .region-footer-fifth {
  margin: 0;
}

.site-footer__bottom .region-footer-fifth .content {
  padding: 0;
}

.site-footer__bottom .region-footer-fifth .content .field--name-body{
  letter-spacing: 0.2px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  align-items: center;
  color: white;
}
.site-footer__bottom .region-footer-fifth .content .field--name-body .footer-contact-info > div {
  font-size: 14px;
}

.field.field--name-field-certificate.field--type-string.field--label-hidden.field__item {
  margin-bottom: 50px;
  padding: 0 40px;
}


/* ==========================================================================
     #HERO
   ========================================================================== */

.u-color-white {
  color: white;
}

.c-hero__left {
  background-image: url('/sites/default/files/2020-09/yellow-sun.png');
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 20%;
}

.c-hero-cta--1 {
  margin-bottom: 15px;
  display: inline-block;
  margin-right: 100px;
}

.c-hero-cta--2 {
  margin-bottom: 15px;
  display: inline-block;
}

.footer-img {
  height: 66.67px;
}

@media(max-width: 767px) {
  .c-hero__img {
    height: 200px;
    object-fit: cover;
  }
}


/* ==========================================================================
   #BANNERS
   ========================================================================== */

.c-banner-legal {
  background-image: url('/sites/default/files/2020-09/imagen-informacion-legal.png');
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 100px;
}

@media (max-width: 767px) {
  .c-banner-legal {
    background-image: url('/sites/default/files/2020-09/imagen-info-legal-responsive.png');
    align-items: flex-start;
    padding-top: 50px;
    padding-bottom: 0;
  }
}

.c-banner-benefit {
  background-image: url('/sites/default/files/2020-09/imagen-quienes-son.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  min-height: 500px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 100px;
}

@media (max-width: 767px) {
  .c-banner-benefit {
    background-image: url('/sites/default/files/2020-09/imagen-quienes-son-movil.png');
    align-items: flex-start;
    padding-top: 50px;
    padding-bottom: 0;
    background-position: initial;
    background-position: center;
    min-height: 1000px;
  }
}

.c-banner-quien {
  background-image: url('/sites/default/files/inline-images/ninos-quienes-somos.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  min-height: 600px;
  display: flex;
  align-items: center;
  padding-bottom: 100px;
}

@media (max-width: 650px) {

  .c-banner-quien {
    background-image: linear-gradient(to top, rgba(255, 255, 255, .5) 5%, rgba(255, 255, 255, 1) 50%), url(/sites/default/files/2020-09/nin%CC%83os-quienes-somos.png);
  }

}

.c-banner-quien .sun {
  position: absolute;
  left: 0;
  bottom: -20%;
}

.c-banner-2014 {
  /*background-image: url('/sites/default/files/2020-09/nin%CC%83os2014.png');*/
  background-image: url('/sites/default/files/inline-images/ni%C3%B1os2014.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media (max-width: 650px) {

  .c-banner-2014 {
    background-position-x: -500px;
  }

}

.c-banner-2016 {
  /*background-image: url('/sites/default/files/2020-09/nin%CC%83os2016.png');*/
  background-image: url('/sites/default/files/inline-images/2016-ni%C3%B1a.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media (max-width: 650px) {

  .c-banner-2016 {
    background-position-x: -400px;
  }

}

.c-banner-2019 {
  /*background-image: url('/sites/default/files/2020-09/Group%20808.png');*/
  background-image: url('/sites/default/files/inline-images/a%C3%B1o2019-quienes-somos.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}


@media (max-width: 650px) {

  .c-banner-2019 {
    background-position-x: -550px;
  }

}

.c-banner-certificado .sun {
  position: absolute;
  left: 0;
  bottom: -10%;
}

.c-banner-cronica {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1), rgba(255, 255, 255, .8)), url('/sites/default/files/2020-10/nin%CC%83as-desnutricion-cronica.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  min-height: 500px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 20px;
}

.c-banner-recaudo .sun {
  position: absolute;
  right: -30px;
  bottom: -10%;
}

.c-banner-aporte {
  background-image: url('/sites/default/files/2020-10/imagen-tu-aporte.png');
  background-repeat: no-repeat;
  background-size: cover;
}

.c-banner-incidencia {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1), rgba(255, 255, 255, .8)),
    url('/themes/custom/fundacion_exito_theme/images/incidencia.png');
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  background-position: right;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-end;
  max-width: 1200px;
  padding: 2em 5em;
  min-height: 500px;
}

.c-banner-publication {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1), rgba(255, 255, 255, .8)), url('/sites/default/files/2020-10/imagen-publicaciones.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  min-height: 500px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 20px;
}

.c-banner-equipo {
  background-image: linear-gradient(to bottom, rgba(255, 221, 0, .6), rgba(255, 221, 0, .6)), url('/sites/default/files/2020-10/Image.png');
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 100px;
}

.c-banner-404 {
  background-image: url('/sites/default/files/2020-10/404.png');
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
  display: flex;
}


/* ==========================================================================
   #404
   ========================================================================== */

.c-banner-404 .title {
  font-size: 200px;
  color: white;
}

.c-banner-404 .subtitle {
  font-size: 30px;
  color: white;
  /* font-family: upgrade, sans-serif; */
  font-weight: 700;
  font-style: normal;
}

.c-banner-404 .text {
  color: white;
  font-size: 18px;
}

.c-banner-link {
  background-color: #FFDD00;
  color: #1E1E1E;
  padding: 10px 20px;
  display: inline-block;
  margin-bottom: 20px;
  font-weight: bold;
}


/* ==========================================================================
   #CAUSE
   ========================================================================== */

.c-cause {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, .8), rgb(255 255 255 / 1)), url(/sites/default/files/2020-09/children-Image.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}

.c-cause__content {
  width: 60%;
  padding: 100px 40px 10px 40px;
}

@media(max-width: 767px) {
  .c-cause__content {
    width: 100%;
    padding: 50px 20px;
  }
}

.c-cause__heading {
  font-size: 30px;
  margin-bottom: 20px;
}

@media(max-width: 767px) {
  .c-cause__heading {
    font-size: 25px;
  }
}


/* ==========================================================================
   #GRID
   ========================================================================== */

.c-grid {
  border-top: 1px solid #1E1E1E;
}

.c-grid__item {
  min-height: 250px;
  padding: 60px 30px;
  border-right: 1px solid #1E1E1E;
}

.c-grid__item--noborder {
  border: 0;
}

@media(max-width: 767px) {
  .c-grid {
    display: flex;
    flex-wrap: wrap;
    border-top: none;
  }

  .c-grid__item {
    width: 100%;
    border-top: 1px solid #1E1E1E;
    border-right: 0;
    min-height: auto;
  }

  .c-grid__item:not(:last-child) {
    border-right: none;
  }

  .c-grid__item {
    padding: 30px;
  }
}


/* ==========================================================================
   #INFORMES
   ========================================================================== */

.c-informes__content {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.c-informes__heading {
  font-size: 30px;
  margin-bottom: 20px;
}

.c-informes__text {
  font-size: 18px;
  margin-bottom: 20px;
}

.c-informes__wrap {
  padding: 30px 0;
  display: flex;
}

.c-informes__box {
  width: 33.3333%;
  padding: 100px 60px;
  background-image: linear-gradient(rgba(255 255 255 / .7), rgba(255 255 255 / .7)), url(/sites/default/files/2020-09/Image%202.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
  margin: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.c-informes__box--one {
  background-image: linear-gradient(rgba(255 255 255 / .7), rgba(255 255 255 / .7)), url(/sites/default/files/2020-09/Image%202.png);
}

.c-informes__box--two {
  background-image: linear-gradient(rgba(255 255 255 / .7), rgba(255 255 255 / .7)), url(/sites/default/files/2020-09/lactancia-1.png);
}

.c-informes__box--three {
  background-image: linear-gradient(rgba(255 255 255 / .7), rgba(255 255 255 / .7)), url(/sites/default/files/2020-09/mama-bebe.png);
}

.c-informes__box--one:hover {
  background-image: linear-gradient(rgba(255 221 0 / .9), rgba(255 221 0 / .9)), url(/sites/default/files/2020-09/Image%202.png);
}

.c-informes__box--two:hover {
  background-image: linear-gradient(rgba(255 221 0 / .9), rgba(255 221 0 / .9)), url(/sites/default/files/2020-09/lactancia-1.png);
}

.c-informes__box--three:hover {
  background-image: linear-gradient(rgba(255 221 0 / .9), rgba(255 221 0 / .9)), url(/sites/default/files/2020-09/mama-bebe.png);
}

.c-informes__box:hover .c-informes__title {
  transition: all .10s;
  transform: translateY(-10px);
}

.c-informes__box:hover .c-informes__p {
  transition: all .5s;
  transform: translateY(-10px);
}

.c-informes__title {
  font-size: 20px;
  margin-bottom: 10px;
}

.c-informes__title a {
  /* font-family: upgrade, sans-serif; */
  font-weight: 700;
  font-style: normal;
}

.c-informes__p {
  font-size: 16px;
}

.c-informes__link {
  text-decoration: none;
  color: initial;
}

.c-informes__link:hover {
  text-decoration: none;
  color: initial;
}

.c-informes__cta {
  padding: 10px 0;
  text-align: center;
}

@media (max-width: 900px) {
  .c-informes__wrap {
    flex-wrap: wrap;
  }

  .c-informes__box {
    width: 100%;
    padding: 50px 10px;
  }
}

@media (max-width: 767px) {
  .c-informes__heading {
    font-size: 25px;
  }

  .c-informes {
    padding: 50px 0;
  }

  .c-informes__content {
    padding: 20px;
  }
}



/* ==========================================================================
   #Indicencia en Politica Publica
   ========================================================================== */

.c-half-sun-img {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translateX(50%);
}

.publication-subtitle {
  /*width: 50%;*/
}

.publication-subtitle::before {
  content: "";
  width: 100px;
  height: 3px;
  display: block;
  background-color: var(--red);
  margin: 10px 0;
  transform: translateX(-50%);
}

@media (max-width: 767px) {
  .publication-subtitle {
    width: 100%;
  }
}


/* ==========================================================================
   #PUBLICATION
   ========================================================================== */

.c-publication__box {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 450px;
}

.c-publication__box--one {
  background-image: linear-gradient(rgba(255 255 255 / .7), rgba(255 255 255 / .7)), url('/sites/default/files/2020-09/Image-bebe.png');
}

.c-publication__box--two {
  background-image: linear-gradient(rgba(255 255 255 / .7), rgba(255 255 255 / .7)), url('/sites/default/files/2020-09/nino-2.png');
}

.c-publication__box--one:hover {
  background-image: linear-gradient(rgba(255 221 0 / .9), rgba(255 221 0 / .9)), url('/sites/default/files/2020-09/Image-bebe.png');
}

.c-publication__box--two:hover {
  background-image: linear-gradient(rgba(255 221 0 / .9), rgba(255 221 0 / .9)), url('/sites/default/files/2020-09/nino-2.png');
}

.c-publication__hidden-text {
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: all .5s;
}

.c-publication__cta {
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: all .5s;
}

.c-publication__box:hover .c-publication__title {
  transition: all .10s;
  transform: translateY(-10px);
}

.c-publication__box:hover .c-publication__hidden-text {
  opacity: 1;
  height: auto;
  visibility: visible;
}

.c-publication__box:hover .c-publication__cta {
  opacity: 1;
  height: auto;
  visibility: visible;
}

.c-publication__title {
  font-size: 25px;
  margin-bottom: 10px;
}

.c-publication__p {
  font-size: 16px;
}

.c-publication__link {
  text-decoration: none;
  color: initial;
}

.c-publication__link {
  text-decoration: none;
  color: initial;
}

.c-publication__link:hover {
  text-decoration: none;
  color: initial;
}

@media (max-width: 767px) {
  .c-pub {
    padding: 40px 20px;
  }

  .c-publication__box {
    width: 100%;
  }

  .c-publication__wrap {
    flex-wrap: wrap;
  }

  .c-pub__title {
    font-size: 25px;
  }

  .c-publication__hidden-text {
    opacity: 1;
    height: auto;
    visibility: visible;
  }

  .c-publication__box {
    background-image: linear-gradient(rgba(255 221 0 / .9), rgba(255 221 0 / .9)), url('/sites/default/files/2020-09/Image-bebe.png');
  }
}


/* ==========================================================================
   #SECTION
   ========================================================================== */

.c-equipo-imagen {
  max-width: 200px;
  width: 100%;
}

.c-equipo-card {
  min-height: 450px;
  height: 100%;
  background-color: white;
  margin-bottom: 20px;
}


/* ==========================================================================
   #SECTION
   ========================================================================== */

.section-rectangle-right {
  background-image: url('/sites/default/files/2020-09/Rectangle%201317.png');
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 25%;
}

@media (max-width: 767px) {

  .section-rectangle-right {
    background-image: url('/sites/default/files/2020-09/Rectangle%201317.png');
    background-repeat: no-repeat;
    background-position: 100% 0%;
    background-size: 70%;
  }
}

/* ==========================================================================
   #FORM
   ========================================================================== */

.c-form-default {
  background-color: var(--yellow);
  padding: 50px;
  border-radius: 25px;
  box-shadow: 10px 10px 32px #00000029;
}

.c-form-default input[name="firstname"],
.c-form-default input[name="lastname"],
.c-form-default input[name="address"],
.c-form-default input[name="numero_de_indetificacion"],
.c-form-default input[name="email"],
.c-form-default input[name="mobilephone"],
.c-form-default select[name="departamento"],
.c-form-default select[name="ciudad"] {
  width: 100%;
}

.c-form-default .hs-form-field {
  margin-bottom: 5px;
}

.c-form-default label {
  /* font-size: 14px; */
}

.c-form-default p {
  font-size: 12px;
}

.c-form-default ul {
  list-style: none;
  padding-left: 0;
}

.c-form-default [type=submit] {
  display: block;
  background-color: var(--red);
  padding: 20px;
  width: 50%;
  margin: 20px auto;
  border: 0;
  color: white;
  font-family: chaparral-pro, serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 16px !important;
  border-radius: 0 !important;
}


/* .c-form-flex .hs-form-field {
   display: flex;
 }

 .c-form-flex label {
   font-size: 14px;
   flex: 0 1 45%;
 }

 .c-form-flex .input {
   flex: 1;
 } */


/* ==========================================================================
   #QUIENES SOMOS
   ========================================================================== */

.right-line {
  border-right: 4px solid var(--red);
  margin-right: 10px;
}


/* ==========================================================================
   #BUTTON
   ========================================================================== */

.c-btn {
  /* Position */
  position: relative;
  /* Box model */
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 10px 20px;
  /* Typography */
  font: inherit;
  text-align: center;
  text-decoration: none;
  /* Visual */
  background-color: transparent;
  cursor: pointer;
  border: unset;
  /* Misc */
  transition: all .5s;
}

.c-btn--red {
  background-color: #E1251B;
  color: white;
  font-family: chaparral-pro, serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 16px !important;
  border-radius: 0 !important;
}

.c-btn--red:hover {
  text-decoration: none;
  color: white;
}

.c-hero__btn--1 {
  margin-top: 30px;
  margin-bottom: 10px;
  margin-right: auto;
}

.c-btn-ghost--black {
  color: #1E1E1E;
  font-weight: bold;
  border: 2px solid #1E1E1E;
}

.c-btn-ghost--black:hover {
  color: #1E1E1E;
  font-weight: bold;
  border: 2px solid #1E1E1E;
}

.c-hero__btn--2 {
  margin-top: 5px;
  margin-right: auto;
}


/* HUBSPOT BUTTON
    ========================================================================== */


/* Conoce aqui como donar */

.hs-cta-node a#cta_button_7988203_45dde568-794a-4023-a1b3-50f46e056617 {
  font-family: chaparral-pro, serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 16px !important;
  border-radius: 0 !important;
}


/* Solicita certicficado de donacion */

.hs-cta-node a#cta_button_7988203_1e7f1a0c-579e-4f7b-8bf2-02e4b3841abf {
  font-family: chaparral-pro, serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 16px !important;
  border-radius: 0 !important;
  color: #1E1E1E !important;
  background-color: transparent !important;
  border: 2px solid currentColor !important;
}


/* Ver los informes  */

.hs-cta-node a#cta_button_7988203_9502fe18-69ba-4768-a839-cd71e96957ce {
  font-family: chaparral-pro, serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 16px !important;
  border-radius: 0 !important;
}


/* Amplia la informacion  */

.hs-cta-node a#cta_button_7988203_bd06823d-d170-4820-8c69-203b6d9b953b {
  font-family: chaparral-pro, serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 16px !important;
  border-radius: 0 !important;
}


/* Conoce donde estan los ninos beneficiados */

.hs-cta-node a#cta_button_7988203_b0ca309f-3166-43c6-9a4d-06f38ec1a598 {
  font-family: chaparral-pro, serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 16px !important;
  border-radius: 0 !important;
}


/* ver todos los articulos  */

.hs-cta-node a#cta_button_7988203_aa6515f0-ea9f-478c-8dc6-3451df8ef56b {
  font-family: chaparral-pro, serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 16px !important;
  border-radius: 0 !important;
}


/* Ver mas - Galeria */

.hs-cta-node a#cta_button_7988203_833a4c2e-719c-461b-a169-2561bed637fe {
  font-family: chaparral-pro, serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 16px !important;
  border-radius: 0 !important;
}


/* ver mas - publicaciones  */

.hs-cta-node a#cta_button_7988203_3e7ea29f-6846-4a99-8c3b-c968894d9509 {
  font-family: chaparral-pro, serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 16px !important;
  border-radius: 0 !important;
}


/* Apoya con tu compra  */

.hs-cta-node a#cta_button_7988203_114636ce-346f-411d-b777-1faafaa7ddc1 {
  font-family: chaparral-pro, serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 16px !important;
  border-radius: 0 !important;
}


/* Conode la historia completa  */

.hs-cta-node a#cta_button_7988203_6f0abb88-0866-41ff-bd75-cfcc8daf2ae2 {
  font-family: chaparral-pro, serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 16px !important;
  border-radius: 0 !important;
}


/* Ver todos los articulos  */

.hs-cta-node a#cta_button_7988203_a70435ff-2b71-4a06-b40a-be6f68295006 {
  font-family: chaparral-pro, serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 16px !important;
  border-radius: 0 !important;
}

.hs-cta-node a#cta_button_7988203_ae6aebdc-fb69-4a42-b879-caf01dbd03e9 {
  font-family: chaparral-pro, serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 13px !important;
  border-radius: 20px !important;
  height: 40px;
  background-color: #F27259 !important;
  color: white !important;
}

.hs-cta-node a#cta_button_7988203_ae6aebdc-fb69-4a42-b879-caf01dbd03e9 > span {
  color: white !important;
}

.hs-cta-node a#cta_button_7988203_a27205bb-a149-4f0f-b0dd-665671419dae {
  font-family: chaparral-pro, serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 13px !important;
  border-radius: 0 !important;
}

.hs-cta-node a#cta_button_7988203_cdf2ba2d-78e9-458d-afba-bcdf4f81857c {
  font-family: chaparral-pro, serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 13px !important;
  border-radius: 0 !important;
}

.hs-cta-node a#cta_button_7988203_5bfcdff9-4814-43df-b070-3a523166ba11 {
  font-family: chaparral-pro, serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 13px !important;
  border-radius: 0 !important;
}

.hs-cta-node a#cta_button_7988203_12230241-08e8-4c16-9946-61bf43dde898 {
  font-family: chaparral-pro, serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 16px !important;
  border-radius: 0 !important;
  padding: 15px 30px !important;
}

.hs-cta-node a#cta_button_7988203_589395f7-dd03-4efe-8588-590a412ae241 {
  font-family: chaparral-pro, serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 16px !important;
  border-radius: 0 !important;
  padding: 15px 30px !important;
}

.hs-cta-node a#cta_button_7988203_517d898c-c27c-4add-bcf6-eaf623eedc83 {
  font-family: chaparral-pro, serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 16px !important;
  border-radius: 0 !important;
  padding: 15px 30px !important;
}

.hs-cta-node a#cta_button_7988203_34378a10-db21-4933-b54a-cd035f3c47cd {
  font-family: chaparral-pro, serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 13px !important;
  border-radius: 0 !important;
}

.hs-cta-node a#cta_button_7988203_6c1084ca-f8de-448c-bf24-5a725330611d {
  font-family: chaparral-pro, serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 16px !important;
  border-radius: 0 !important;
  padding: 15px 30px !important;
}

.hs-cta-node a#cta_button_7988203_844b53b1-35f1-4f35-8bd0-6a1a58c0c471 {
  font-family: chaparral-pro, serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 13px !important;
  border-radius: 0 !important;
}

.hs-cta-node a#cta_button_7988203_2f3fe5f1-7355-408e-b01c-973ec89916ad {
  font-family: chaparral-pro, serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 16px !important;
  border-radius: 0 !important;
}

.hs-cta-node a#cta_button_7988203_f645a559-2e4c-4892-b0da-d7732fa3edc5 {
  font-family: chaparral-pro, serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 16px !important;
  border-radius: 0 !important;
}

.hs-cta-node a#cta_button_7988203_0c4219b6-e458-4763-b01d-71778b081d71 {
  font-family: chaparral-pro, serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 16px !important;
  border-radius: 0 !important;
}

.hs-cta-node a#cta_button_7988203_ff96a463-07e6-4e79-aba1-b77d5151cee3 {
  font-family: chaparral-pro, serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 16px !important;
  border-radius: 0 !important;
}

.p-item {
  margin-bottom: 8px;
  display: block;
}

/* ==========================================================================
   #ACTION
   ========================================================================== */

.c-actions__card {
  display: flex;
  flex-direction: column;
  background-color: white;
  min-height: 550px;
  box-shadow: 15px 15px 30px #0000001A;
}

.c-actions__content {
  flex: 1;
  padding: 15px;
  display: flex;
  flex-direction: column;
}

.c-actions__img {
  width: 100%;
}

.c-actions__time {
  font-size: 8px;
  margin-bottom: 10px;
}

.c-actions__title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}

.c-actions__text {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 20px;
}

.c-actions__more {
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  margin-top: auto;
}

@media (max-width: 1000px) {
  .c-actions {
    padding: 50px 0;
  }

  .c-actions__heading {
    font-size: 25px;
  }

  .c-actions__item {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }

  .c-actions__intro {
    padding: 15px;
  }
}

@media (max-width: 600px) {
  .c-actions__item {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .c-actions__card {
    min-height: auto;
  }
}


/* ==========================================================================
   #TIENDA
   ========================================================================== */

.c-tienda__card {
  display: flex;
  flex-direction: column;
  background-color: white;
  min-height: 550px;
}

.c-tienda__content {
  flex: 1;
  padding: 15px;
  display: flex;
  flex-direction: column;
}

.c-tienda__img {
  width: 100%;
}

.c-tienda__time {
  font-size: 8px;
  margin-bottom: 20px;
}

.c-tienda__title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}

.c-tienda__price {
  font-size: 20px;
  margin-bottom: 20px;
}

.c-tienda__cta {
  font-size: 14px;
  font-weight: bold;
  margin-top: auto;
}

.c-tienda__button {
  text-align: center;
}

@media (max-width: 600px) {
  .c-tienda__card {
    min-height: auto;
  }
}


/* ==========================================================================
   #TIMELINE
   ========================================================================== */

.c-timeline {
  padding: 100px 0;
}

.c-timeline__intro {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.c-timeline__heading {
  font-size: 30px;
  color: #1E1E1E;
  margin-bottom: 20px;
}

.c-timeline__text-large {
  font-size: 18px;
}

@media (max-width: 767px) {
  .c-timeline {
    padding: 50px 0;
  }

  .c-timeline__heading {
    font-size: 25px;
  }
}


/* ==========================================================================
   #BLOG
   ========================================================================== */

.c-blog {
  padding: 70px 0;
}

.c-blog__intro {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.c-blog__heading {
  font-size: 30px;
  color: #1E1E1E;
  margin-bottom: 20px;
}

.c-blog__wrap {
  max-width: 1200px;
  margin: 60px auto;
  padding: 0 20px;
}

@media (max-width: 767px) {
  .c-blog {
    padding: 50px 0;
  }

  .c-blog__heading {
    font-size: 25px;
  }
}

.c-blog__item--left {
  flex: 0 0 33.333333333% !important;
  max-width: 33.333333333% !important;
  width: 33.333333333% !important;
  margin-bottom: 24px;
}

.c-blog__item--right {
  flex: 0 0 66.666666666% !important;
  max-width: 66.666666666% !important;
  width: 66.666666666% !important;
  margin-bottom: 24px;
  display: flex;
}

.c-blog__item--skin {
  display: flex;
  flex-direction: column;
  border-left: 1px solid #1E1E1E;
  padding-left: 30px;
}

@media (max-width: 767px) {
  .c-blog__item--skin {
    border: 0;
    padding-left: 0;
  }
}

.c-blog__card {
  display: flex;
  flex-direction: column;
  background-color: white;
  min-height: 550px;
  box-shadow: 15px 15px 30px #0000001A;
}

.c-blog__content {
  flex: 1;
  padding: 15px;
  display: flex;
  flex-direction: column;
}

.c-blog__img {
  width: 100%;
}

.c-blog__time {
  font-size: 8px;
  margin-bottom: 20px;
}

.c-blog__title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}

.c-blog__text {
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 20px;
}

.c-blog__more {
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  margin-top: auto;
}

.c-blog__button {
  margin: 30px 0;
  text-align: center;
  width: 100%;
}

.c-blog__button span {
  display: inline-block;
}

@media (max-width: 1000px) {
  .c-blog__heading {
    font-size: 25px;
  }

  .c-blog__item--left {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }

  .c-blog__item--right {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }

  .c-blog__intro {
    padding: 15px;
  }
}

@media (max-width: 600px) {
  .c-blog__item--left {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .c-blog__item--right {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .c-blog__card {
    min-height: auto;
  }
}

.c-news {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  margin-left: -24px;
}

@media (max-width: 600px) {
  .c-news {
    margin-left: 0px;
  }
}

.c-news__item {
  flex: 0 0 50% !important;
  max-width: 50% !important;
  width: 50% !important;
  padding-left: 14px;
  margin-bottom: 24px;
}

@media (max-width: 600px) {
  .c-news__item {
    padding-left: 0px;
  }

  .c-news__item:nth-child(even) {
    padding-left: 14px;
  }
}

.c-news__title {
  font-weight: bold;
  font-size: 16px;
}

.c-news__text {
  font-size: 12px;
}

.c-news__time {
  font-size: 8px;
}

.c-blog__name {
  font-weight: bold;
}

.c-blog__name::after {
  content: "";
  width: 100px;
  height: 4px;
  background-color: #E1251B;
  margin: 10px 0 20px 0;
  display: block;
}


/* TIMELINE
    ========================================================================== */

button {
  background: transparent;
  border: none;
  cursor: pointer;
  outline: none;
}


/* TIMELINE
 –––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline {
  white-space: nowrap;
  overflow-x: hidden;
}

.timeline ol {
  font-size: 0;
  width: 100vw;
  padding: 195px 0;
  transition: all 1s;
}

.timeline ol li {
  position: relative;
  display: inline-block;
  list-style-type: none;
  width: 160px;
  height: 3px;
  background: #fff;
}

.timeline ol li:last-child {
  width: 280px;
}

.timeline ol li:not(:first-child) {
  margin-left: 14px;
}

.timeline ol li::after {
  content: 'test';
  position: absolute;
  top: 50%;
  left: calc(100% + 1px);
  bottom: 0;
  width: 12px;
  height: 12px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #E1251B;
}

.timeline ol li div {
  position: absolute;
  left: calc(100% + 7px);
  min-width: 300px;
  min-height: 120px;
  padding: 15px;
  font-size: 1rem;
  white-space: normal;
  color: black;
  background: white;
  font-size: 13px;
}

.timeline ol li div::before {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
}

.timeline ol li:nth-child(odd) div {
  top: -16px;
  transform: translateY(-100%);
  border-top-left-radius: 27px;
  border-top-right-radius: 27px;
  border-bottom-right-radius: 27px;
}

.timeline ol li:nth-child(odd) div::before {
  top: 100%;
  border-width: 8px 8px 0 0;
  border-color: white transparent transparent transparent;
}

.timeline ol li:nth-child(even) div {
  top: calc(100% + 16px);
  border-top-right-radius: 27px;
  border-bottom-right-radius: 27px;
  border-bottom-left-radius: 27px;
}

.timeline ol li:nth-child(even) div::before {
  top: -8px;
  border-width: 8px 0 0 8px;
  border-color: transparent transparent transparent white;
}

.timeline time {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 8px;
}


/* TIMELINE ARROWS
 –––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline .arrows {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.timeline .arrows .arrow__prev {
  margin-right: 20px;
}

.timeline .disabled {
  opacity: .5;
}

.timeline .arrows img {
  width: 45px;
  height: 45px;
}


/* GENERAL MEDIA QUERIES
 –––––––––––––––––––––––––––––––––––––––––––––––––– */

@media screen and (max-width: 599px) {

  .timeline ol,
  .timeline ol li {
    width: auto;
  }

  .timeline ol {
    padding: 0;
    transform: none !important;
  }

  .timeline ol li {
    display: block;
    height: auto;
    background: transparent;
  }

  .timeline ol li:first-child {
    margin-top: 25px;
  }

  .timeline ol li:not(:first-child) {
    margin-left: auto;
  }

  .timeline ol li div {
    width: 94%;
    height: auto !important;
    margin: 0 auto 25px;
  }

  .timeline ol li div {
    position: static;
  }

  .timeline ol li:nth-child(odd) div {
    transform: none;
  }

  .timeline ol li:nth-child(odd) div::before,
  .timeline ol li:nth-child(even) div::before {
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    border: none;
    border-left: 1px solid white;
    height: 25px;
  }

  .timeline ol li:last-child,
  .timeline ol li:nth-last-child(2) div::before,
  .timeline ol li:not(:last-child)::after,
  .timeline .arrows {
    display: none;
  }
}

.c-timeline__button {
  text-align: center;
}



.navbar-toggler-icon {
  background-image: url("../images/svg/hambuger-menu.svg") !important;
  background-repeat: no-repeat !important;
}


.your-class {
  background-color: red;
}

/* ==========================================================================
   #DONAR
   ========================================================================== */



.commerce-order-item-add-to-cart-form-commerce-product-1.commerce-order-item-add-to-cart-form {
  background-color: white;
  margin: 40px 20px;


}

@media (max-width: 767px) {
  .commerce-order-item-add-to-cart-form-commerce-product-1.commerce-order-item-add-to-cart-form {
    max-width: initial !important;
    width: auto !important;
  }
}

@media (max-width: 480px) {
  .commerce-order-item-add-to-cart-form-commerce-product-1.commerce-order-item-add-to-cart-form .js-form-wrapper:not(.field--widget-boolean-checkbox) {
    width: 100%;
  }
}

.commerce-order-item-add-to-cart-form-commerce-product-1.commerce-order-item-add-to-cart-form .js-form-wrapper:not(.field--widget-boolean-checkbox)>.form-item-unit-price-0-amount-number label {
  display: block;
}

.commerce-order-item-add-to-cart-form-commerce-product-1.commerce-order-item-add-to-cart-form .js-form-item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
}

.commerce-order-item-add-to-cart-form-commerce-product-1.commerce-order-item-add-to-cart-form .form-control,
.commerce-order-item-add-to-cart-form-commerce-product-1.commerce-order-item-add-to-cart-form select {
  width: 100%;
  height: 45px;
  border: none;
  font-size: 14px;
  background-color: #F2F2F2;
}

.commerce-order-item-add-to-cart-form-commerce-product-1.commerce-order-item-add-to-cart-form .form-control:focus {
  border: 2px solid black;
  outline: none;
  box-shadow: none;
}

.commerce-order-item-add-to-cart-form-commerce-product-1.commerce-order-item-add-to-cart-form .js-form-wrapper label,
.commerce-order-item-add-to-cart-form-commerce-product-1.commerce-order-item-add-to-cart-form .js-form-item label {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.commerce-order-item-add-to-cart-form-commerce-product-1 select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("/themes/custom/fundacion_new_theme/images/svg/down-arrow.svg") no-repeat right .75rem center/8px 10px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.commerce-order-item-add-to-cart-form-commerce-product-1.commerce-order-item-add-to-cart-form #wrapper-legal label a {
  color: #007bff;
}

.commerce-order-item-add-to-cart-form-commerce-product-1.commerce-order-item-add-to-cart-form #wrapper-legal input {
  margin: 0;
  margin-left: -2em;
}

.commerce-order-item-add-to-cart-form-commerce-product-1.commerce-order-item-add-to-cart-form .form-actions {
  display: flex;
  align-items: center;
  min-width: 100%;
  gap: 20px
}

/* .commerce-order-item-add-to-cart-form-commerce-product-1.commerce-order-item-add-to-cart-form .form-actions::after {
  content: "*El certificado de donación será enviado una vez finalice la transacción. Recuerda que el beneficio tributario es para ti y para el beneficio de los niños";
  max-width: 550px;
  text-align: center;
  font-size: 14px;
} */

/* .commerce-order-item-add-to-cart-form-commerce-product-1.commerce-order-item-add-to-cart-form #edit-actions button#edit-submit.btn-primary {
  max-width: 180px;
  background-color: #E1251B;
  margin: 0 auto;
  border: 0;
  border-radius: 0;
} */

@media (max-width: 767px) {
  /* .commerce-order-item-add-to-cart-form-commerce-product-1.commerce-order-item-add-to-cart-form #edit-actions button#edit-submit.btn-primary {
    padding: 15px;
  } */
}

.commerce-order-item-add-to-cart-form-commerce-product-1.commerce-order-item-add-to-cart-form .form-required::after {
  display: none;
}

.field--type-list-float.field--name-field-cantidades.field--widget-options-buttons.js-form-wrapper.form-wrapper label,
.field--type-list-float.field--name-field-cantidades.field--widget-options-buttons.js-form-wrapper.form-wrapper .js-form-item label {
  background-color: white !important;
  color: #1E1E1E !important;
  padding: 10px;
  margin-bottom: 5px;
}

.field--type-list-float.field--name-field-cantidades.field--widget-options-buttons.js-form-wrapper.form-wrapper.fieldset-wrapper,
.field--type-list-float.field--name-field-cantidades.field--widget-options-buttons.js-form-wrapper.form-wrapper .js-form-item.fieldset-wrapper {
  width: 100% !important;
  display: flex;
}


.field--type-list-float.field--name-field-cantidades.field--widget-options-buttons.js-form-wrapper.form-wrapper.radio,
.field--type-list-float.field--name-field-cantidades.field--widget-options-buttons.js-form-wrapper.form-wrapper .js-form-item.radio {
  width: 45% !important;
  float: left;
  margin-left: 10px;
}

.field--type-list-float.field--name-field-cantidades.field--widget-options-buttons.js-form-wrapper.form-group:last-child .radio {
  background-color: yellow;
}

#edit-field-cantidades .form-item-field-cantidades:first-child {
  display: none !important;
  visibility: hidden !important;
}

.field--type-commerce-price.field--name-unit-price.field--widget-commerce-choose-price.js-form-wrapper.form-group label {
  background-color: transparent !important;
  color: black;
}

.field--type-commerce-price.field--name-unit-price.field--widget-commerce-choose-price.js-form-wrapper.form-group label {
  list-style-type: none;
}

.js-form-item.js-form-type-checkbox.checkbox.js-form-item-field-registrar-a-mi-value.form-item-field-registrar-a-mi-value .form-check-label {
  background-color: transparent !important;
  color: black;
  width: 1;
}

.js-form-item.js-form-type-checkbox.checkbox.js-form-item-field-registrar-a-mi-value.form-item-field-registrar-a-mi-value .form-check-label {
  background-color: transparent !important;
  color: black;
}

.js-form-item.js-form-type-checkbox.checkbox.js-form-item-field-legal-value.form-item-field-legal-value .form-check-label {
  background-color: transparent !important;
  color: black;
}

.field--type-markup.field--name-field-tarjetas-aceptadas.field--widget-markup.js-form-wrapper.form-group ul {
  list-style: none;
}


.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item.quickedit-field .steps {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 50%;
  margin-top: 50px;
  display: none !important;
}

.commerce-order-item-add-to-cart-form-commerce-product-1.commerce-order-item-add-to-cart-form .field--type-boolean.field--widget-boolean-checkbox .form-check-label {
  flex-basis: 100%;
}

.js-form-item.js-form-type-radio.radio.form-check,
.field--type-boolean.field--widget-boolean-checkbox {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  flex: 1;
  min-width: 333px;
}

.js-form-item.js-form-type-radio.radio.form-check label::before,
.field--type-boolean.field--widget-boolean-checkbox label::before {
  position: absolute;
  top: 0.25rem;
  left: 2px;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px;
}

.js-form-item.js-form-type-radio.radio.form-check label::before,
.custom-file-label,
.custom-select {
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.js-form-item.js-form-type-radio.radio.form-check label::before {
  border-radius: 50%;
}

.js-form-item.js-form-type-radio.radio.form-check input[type="radio"]:checked~label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.js-form-item.js-form-type-radio.radio.form-check input[type="radio"]:checked~label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff;
}

.js-form-item.js-form-type-radio.radio.form-check label::after,
.field--type-boolean.field--widget-boolean-checkbox label::after {
  position: absolute;
  top: 0.25rem;
  left: 2px;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50%/50% 50%;
}

.field--type-boolean.field--widget-boolean-checkbox label::before {
  left: -16px;
  top: 50%;
  transform: translateY(-50%);
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}

.field--type-boolean.field--widget-boolean-checkbox label::after {
  top: 50%;
  transform: translateY(-50%);
  left: -18.5px;
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
  transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
}

.field--type-boolean.field--widget-boolean-checkbox label::before {
  left: -22px;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}

.field--type-boolean.field--widget-boolean-checkbox input[type="checkbox"]:checked~label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff;
}

.field--type-boolean.field--widget-boolean-checkbox input[type="checkbox"]:checked~label::after {
  background-color: #fff;
  -webkit-transform: translate(0.65em, -50%);
  transform: translate(0.65em, -50%);
}

.commerce-order-item-add-to-cart-form-commerce-product-1.commerce-order-item-add-to-cart-form .js-form-wrapper.field--widget-commerce-choose-price .input-group-append,
.commerce-order-item-add-to-cart-form-commerce-product-1.commerce-order-item-add-to-cart-form .js-form-wrapper.field--widget-commerce-choose-price .description {
  display: none;
}

.commerce-order-item-add-to-cart-form-commerce-product-1.commerce-order-item-add-to-cart-form .js-form-wrapper.field--widget-commerce-choose-price input {
  border: none;
  text-align: center;
  width: calc(100% - 40px);
  margin: 10px auto 0 10px;
  border: 1px solid #F86040;
  border-radius: 10px;
}

#block-bootstrap-barrio-subtheme-progresocomprapaso1 .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item.quickedit-field li:first-child:before {
  content: '';
  width: 80%;
  height: 4px;
  position: absolute;
  top: 34px;
  background: #D8D8D8;
}

.field.field--name-field-imagen.field--type-image.field--label-hidden.field__item:not(.donar-image-background) {
  display: none;
}

::marker {
  unicode-bidi: isolate;
  font-variant-numeric: tabular-nums;
  text-transform: none;
}


/* BIG DOTS  */

#block-bootstrap-barrio-subtheme-progresocomprapaso1 .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item.quickedit-field li:after {
  content: '';
  width: 30px;
  height: 30px;
  display: block;
  background: #D8D8D8;
  border-radius: 50%;
  z-index: 2;
  position: relative;
}

.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item.quickedit-field li.active::after {
  background: #4A4A4A;
}

.fieldset-legend {
  display: none;
}

.contextual-region.settings-tray-editable.block.block-block-content.block-block-contentec7a2211-ec19-420d-b6fe-4c970ce86359 {
  position: absolute;
  top: 0;
  right: 0;
}

@media (max-width:1317px) {
  .contextual-region.settings-tray-editable.block.block-block-content.block-block-contentec7a2211-ec19-420d-b6fe-4c970ce86359 img {
    width: 50vw;
  }
}

.contextual-region.layout.layout--twocol {
  max-width: 1200px;
  margin: 50px auto;
  /* flex-direction: column; */
}

@media (max-width: 1000px) {
  .contextual-region.layout.layout--twocol {
    max-width: 1200px;
    margin: 10px auto;
    /* flex-direction: column; */
  }

  .contextual-region.settings-tray-editable.block.block-block-content.block-block-contentec7a2211-ec19-420d-b6fe-4c970ce86359 {
    position: relative;
  }

  .contextual-region.settings-tray-editable.block.block-block-content.block-block-contentec7a2211-ec19-420d-b6fe-4c970ce86359 img {
    width: 80% !important;
    height: 550px !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 auto !important;
  }

  .commerce-order-item-add-to-cart-form-commerce-product-1.commerce-order-item-add-to-cart-form {
    margin: 40px 20px;
  }
}

.layout-checkout-form.clearfix {
  padding: 50px 20px;
  width: 50%;
  margin-left: 25%;
}

@media (max-width: 1000px) {
  .layout-checkout-form.clearfix {
    width: 100%;
  }
}

.checkout-pane.checkout-pane-payment-information.js-form-item.form-item.js-form-wrapper.form-group {
  padding: 15px 25px;
  background-color: #FFDD00;
  border-radius: 20px;
}

.form-actions.js-form-wrapper.form-group {
  text-align: center;
}

.button.button--primary.js-form-submit.form-submit.btn.btn-primary {
  background-color: #E1251B;
  border-radius: 0;
  border: 0;
  margin-right: 20px;
}

.contextual-region.settings-tray-editable.block.block-block-content.block-block-content7cf4ebc5-0a57-4ac8-9333-4c8e207d14ef {
  padding: 40px;
}


/* HIDE FORM IN PAGE DONAR  */
.js-form-item.js-form-type-checkbox.checkbox.js-form-item-unit-price-0-override.form-item-unit-price-0-override {
  display: none;
}

/* CHOOSE YOUR OWN PRICE : este codigo se puse en la caja de texto de arriba de la pagina de donar  por que no tenia conexion a el server */
.form-type-commerce-price.js-form-wrapper.form-group,
.form-type-commerce-price.js-form-wrapper.form-group fieldset {
  display: block !important;
}

/* style "choose value" input  */
.form-type-commerce-price.js-form-wrapper.form-group fieldset #edit-unit-price-0-amount-number {
  border: 0 !important;
  text-align: center;
}

.form-type-commerce-price.js-form-wrapper.form-group fieldset #edit-unit-price-0-amount-number~.input-group-append {
  display: none !important;
}

.form-check-label {
  display: block !important;
  text-align: left !important;
}

.field--type-markup.field--name-field-tarjetas-aceptadas.field--widget-markup.js-form-wrapper.form-group {
  display: none !important;
}

.layout__region.layout__region--first {
  flex: none;
  width: 45%;
}

.layout__region.layout__region--second {
  width: 45%;
  position: absolute;
  top: 0;
  right: 0;
}

@media (max-width: 767px) {

  .layout__region.layout__region--second {
    width: 90%;
    position: relative;
    padding: 20px;
  }

  .layout__region.layout__region--first {
    width: 100%;
  }
}

.layout--twocol {
  position: relative;
}


/* ==========================================================================
   #CARD
   ========================================================================== */

.tkp-title {
  background-color: #FC0F26;
  padding: 40px 100px;
  color: white;
  text-align: center;
  margin: 10px auto;
}

.tkp-text {
  max-width: 700px;
  margin: 0 auto;
  font-size: 30px;
  line-height: 1.5;
  text-align: center;
}

.tkp-img {
  max-width: 150px;
  width: 100%;
}


/* ==========================================================================
   #CARD
   ========================================================================== */

.c-card {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.c-card-default {
  min-height: 450px;
}

@media (max-width: 767px) {
  .c-card-default {
    min-height: auto;
  }
}

.c-card__dot::before {
  content: "•";
  display: inline-block;
  width: 1em;
  height: 1em;
  position: absolute;
  margin-left: -1em;
  background-color: black;
  border-radius: 50%;
  left: 10px;
  top: 10px;
}


/* ==========================================================================
   #COLUMN
   ========================================================================== */

.c-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}


/* ==========================================================================
   #UTILS
   ========================================================================== */

.u-bg-yellow {
  background-color: #FFDD00;
}

.u-bg-black {
  background-color: #1E1E1E;
}

.u-bg-comida {
  background-image: url('/sites/default/files/2020-09/comida.png');
  background-repeat: no-repeat;
  background-size: cover;
}

.red-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80%;
  transform: translateY(50%);
}

.u-text-left {
  text-align: left;
}

.u-box-shadow {
  box-shadow: 15px 15px 30px #0000001A;
}

.u-res-img {
  height: 200px;
}

.img-fit {
  height: 100%;
  object-fit: cover;
}

.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  /* 16:9*/
  position: relative;
}

.iframe-container iframe {
  height: 100%;
  width: 80%;
  position: absolute;
  border: 0;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

@media (max-width: 767px) {
  .iframe-container iframe {
    width: 100%;
  }
}


/* COLORS
   ========================================================================== */

.u-color-white {
  color: white;
}

.u-bg-gray {
  background-color: #F6F6F6;
}

.u-bg-yellow {
  background-color: #FFDD00;
}


/* ==========================================================================
     #FONT SIZE
   ========================================================================== */

.font-25 {
  font-size: 25px;
}

.font-20 {
  font-size: 20px;
}

.font-16 {
  font-size: 16px !important;
}

.font-14 {
  font-size: 14px !important;
}

.font-12 {
  font-size: 12px !important;
}


/*********** */

.highlighted {
  background-color: #1D1D1B;
}

.highlighted h2 {
  display: none;
}

.highlighted ul {
  list-style-type: none;
  display: table;
  margin: 0 0 0 auto;
  padding: 0;
}

.highlighted ul li {
  float: left;
  color: white;
  font-family: chaparral-pro, serif !important;
  font-size: 14px;
  text-align: center;

}

#block-menublack {
  max-width: 1140px;
  margin: 0;
}

.highlighted ul li a {
  color: white;
  font-family: chaparral-pro, serif !important;
  font-size: 14px;
  text-decoration: none;
  padding: 0 20px;
  font-weight: bold;
  max-width: 100%;
  display: inline-block;
}



@media (max-width: 767px) {

  .highlighted ul {
    /* display: flex;
        flex-direction: column; */
  }

  .highlighted ul li {
    margin-bottom: 5px;
    width: 50%;
    min-height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

}


/* HIDE VIEWS  */
.statistics-counter.nav-link {
  display: none;
}

/************ pagina donacion*****************/

img.img-dona-flotante {
  position: relative;
  top: -278px;
}

.donacion-texto {
  margin-left: 12%;
}

@media screen and (max-width: 1440px) {
  .donacion-texto {
    margin-left: 8%;
  }
}

@media screen and (max-width: 1280px) {
  .donacion-texto {
    margin-left: 4%;
  }
}

@media screen and (max-width: 768px) {
  .donacion-texto {
    margin-top: 60px;
  }

  img.img-dona-flotante {

    top: 0;
  }

  p.p-dona-flotant {
    width: 100vw;
    margin-left: -6%;
  }
}

/************ fin pagina donacion ************/


/*   Galery   */
.galeria-head {
  background-repeat: no-repeat;
  background-size: contain;
}

.galeria-items .views-infinite-scroll-content-wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-wrap: wrap;
}

.galeria-head .container {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.galeria-head h1 {
  font-size: 30px;
  line-height: 40px;
  padding-bottom: 15px;
}

.galeria-head p.icon {
  font-size: 70px;
  transform: rotate(-90deg);
}

.galeria-head p {
  padding-bottom: 10px;
}

.galeria-head .contenedor {
  max-width: 630px;
  text-align: center;
  padding: 15% 0 5%;
}

.parrafo {
  text-align: center;
  padding: 70px 20px 30px;
}

.parrafo h2 {
  max-width: 650px;
  margin: auto;
  padding-bottom: 20px;
}

.parrafo p {
  max-width: 639px;
  margin: auto;
}

.page-view-galeria-fundacion .galeria-items {
  max-width: 1200px;
  margin: auto;
  transition: all 1s;
  margin-bottom: 40px;
}

.page-view-galeria-fundacion .galeria-item {

  transition: all 1s;

}

/*.page-view-galeria-fundacion .galeria-items {
     max-width: 1200px;
     margin: auto;
 }*/
.page-view-galeria-fundacion .grid-galeria.views-row {
  max-width: 47%;
  width: 100%;
  position: relative;
  margin: 18px 14px;
}

.page-view-galeria-fundacion .views-field-title {
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  background: red;
  transition: all 1s;
}

.page-view-galeria-fundacion .views-field.views-field-field-descripcion {
  position: absolute;
  display: none;
}

.page-view-galeria-fundacion .views-field-field-imagen img {
  width: 100%;
  object-fit: cover;
  height: 480px;
}

.page-view-galeria-fundacion .views-field-field-boton-ver-mas {
  position: absolute;
  display: none;
}

.page-view-galeria-fundacion .views-field-title a {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  padding: 18px;
  display: block;
  text-decoration: none;
}

.page-view-galeria-fundacion .grid-galeria:hover .views-field.views-field-title {
  /* content: ""; */
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFDD00;
  opacity: .7;
  position: absolute;
  transition: all 1s;
  /* margin-top: -90px; */
  /* opacity: .54; */
}

.page-view-galeria-fundacion .grid-galeria:hover .views-field.views-field-field-descripcion {
  display: block;
  width: 100%;
  position: absolute;
  top: 47%;
  transition: all 1s;
}

.page-view-galeria-fundacion .grid-galeria:hover .views-field.views-field-field-descripcion p {
  max-width: 380px;
  text-align: center;
  margin: auto;
  padding: 10px;
}

.page-view-galeria-fundacion .grid-galeria:hover .views-field.views-field-field-descripcion p {
  width: 380px;
  text-align: center;
  margin: auto;
  color: #000;
  transition: all 1s;
}

.page-view-galeria-fundacion .grid-galeria:hover .views-field-title a {
  color: #000;
  opacity: 1;
  top: 33%;
  position: absolute;
  width: 100%;
  transition: all 1s;
}

.page-view-galeria-fundacion .grid-galeria:hover .views-field-field-boton-ver-mas {
  display: block !important;
  bottom: 40px;
  width: 100%;
  text-align: center;
  transition: all 1s;
}

.page-view-galeria-fundacion .grid-galeria:hover .views-field-field-boton-ver-mas a {
  color: #fff;
  background-color: #E1251B;
  padding: 15px 50px;
  text-decoration: none;
  transition: all 1s;
}


.node--type-galeria .node__meta,
.node--type-galeria .comment-count,
.node--type-galeria .megusta-count,
.node--type-galeria .field--type-entity-reference .field__label .node--type-galeria .field--name-field-titulo-galeria,
.node--type-galeria .field--name-field-descripcion,
.node--type-galeria .field--name-field-titulo-galeria,
.node--type-galeria .field--name-field-boton-ver-mas,
.node--type-galeria .field--name-field-contenido-adicional .field__label,
.node--type-galeria .field--name-field-slider-nav .field__label {
  display: none;
}

.node--type-galeria .node__content {
  max-width: 1200px;
  margin: auto;
}

.field--name-field-media .field__label {
  display: none;
}


/*   SLICK SLIDER    */
/*.node--type-galeria .slick-slider {
     max-width: 80%;
     margin: auto;
 }*/
.node--type-galeria .slick-slider {
  margin: 30px 0;
}

.node--type-galeria .slick-slider img {
  width: 100%;
  object-fit: cover;
}

/*.node--type-galeria .field--name-field-media. {
     max-width: 80%;
     margin: auto;
 }*/

.node--type-galeria .slick-prev:before {
  content: '\276C' !important;
  color: #000 !important;
  font-size: 55px !important;
}

.node--type-galeria .slick-next:before {
  content: '\276D' !important;
  color: #000 !important;
  font-size: 55px !important;
}

.node--type-galeria .slick-prev {
  left: -50px;
}

.node--type-galeria .slick-next {
  right: -50px;
}

.node--type-galeria .field--name-body h2 {
  padding-top: 50px;
}

.slick-prev:before {
  content: '\276C' !important;
  color: #000 !important;
  font-size: 55px !important;
}

.slick-next:before {
  content: '\276D' !important;
  color: #000 !important;
  font-size: 55px !important;
}

.img-slider .slick-slide img {
  width: 100%;
  object-fit: contain !important;
  height: 160px;
}

.img-slider .slick-slide img {
  width: 100%;
  object-fit: contain !important;
  /*height: 220px;*/
  height: 150px;
}

.img-slider .slick-list.draggable {
  max-width: 1000px;
  margin: auto;
}

.img-slider {
  max-width: 1200px;
  margin: auto;
}

@media screen and (max-width: 768px) {
  .page-view-galeria-fundacion .grid-galeria.views-row {
    max-width: 100%;
  }

  .galeria-head {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 28%, rgba(255, 255, 255, 1) 42%, rgba(255, 255, 255, 0) 67%), url(/sites/default/files/inline-images/header-galeria.jpg) !important;
    background-size: 180%;
    height: 92vh;
    background-position-y: bottom;
  }

  .node--type-galeria .node__content {

    padding: 0 30px;
  }

  .node--type-galeria .slick-slider img {
    width: 100%;
    object-fit: contain;
    height: auto;
  }

  .block-views-blockgaleria-fundacion-slider-block-1 img {
    height: 300px;
  }
}

.suscribete {
  text-align: center;
  padding: 80px 20px 60px;
  background-color: #FFDD00;
}

.suscribete form {
  margin: auto;
  max-width: 800px;
  text-align: center;
}

.suscribete h2.subtext {
  padding-top: 0px;
}

.suscribete h2.sliced::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  transform: rotate(1deg);
  background-color: #e1251b;
}

.suscribete h2.sliced {
  position: relative;
  width: fit-content;
  margin: auto;
  padding: 6px 3%;
}

.suscribete h2 span {
  /* font-family: upgrade, sans-serif; */
  z-index: 3;
  position: relative;
  padding-top: 0;
  margin-top: 20px;
  color: #fff;
}

.suscribete .hbspt-form {
  margin: auto;
  max-width: 700px;
}

.suscribete iframe .hbspt-form form.hs-form {
  text-align: center;
}

.suscribete .hbspt-form {
  padding-top: 16px;
  display: block;
}

div#block-galeriatextoslider {
  background-color: #F6F6F6;
  text-align: center;
  margin-bottom: -2%;
  padding-bottom: 20px;
}

.block-views-blockgaleria-fundacion-slider-block-1 {
  background-color: #F6F6F6;
  margin-bottom: -1.6%;
  padding: 20px 20px 50px;
}

.block-views-blockgaleria-fundacion-slider-block-1 .content {
  max-width: 1200px;
  margin: auto;
}

.page-view-galeria-fundacion main#content {
  background-image: url(https://dev-fundacion-exito.pantheonsite.io/sites/default/files/media/imagen/bg-galeria.jpg);
  background-size: cover;
}

.block-views-blockgaleria-fundacion-slider-block-1 .slick-slide {
  position: relative;
}

.block-views-blockgaleria-fundacion-slider-block-1 img {
  padding: 20px;
  height: 430px;
}

.block-views-blockgaleria-fundacion-slider-block-1 .slick-slide .views-field.views-field-title {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  padding: 20px;
}

.block-views-blockgaleria-fundacion-slider-block-1 .slick-slide .views-field.views-field-title a {
  width: 100%;
  display: block;
  text-align: center;
  background: red;

  color: #fff;
  font-size: 25px;
  font-weight: 700;
  padding: 18px;
  display: block;
  text-decoration: none;
}

.field--name-field-slider-nav img {
  padding: 0 23px;
  height: 150px;
}

.node--type-galeria div.field--name-field-media,
.node--type-galeria div.field--name-field-slider-nav {
  /*background-image: url((https://dev-fundacion-exito.pantheonsite.io/sites/default/files/2020-11/2020.png);*/
  background-position: center;
}

/*muestra u oculta galeria*/
.node--type-galeria div.field--name-field-media>div.field__items,
.node--type-galeria div.field--name-field-slider-nav>div.field__items {
  opacity: 0;
}

/****** SHOP *******/
.banner-shop {
  /*background-image: url(https://dev-fundacion-exito.pantheonsite.io/sites/default/files/media/imagen/bg-banner-shop.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: left top;*/
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: -62px;
}

.banner-shop img {
  width: 100%
}

.banner-shop .container {
  max-width: 1200px;
  margin: auto;
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: 0;
  padding: 14% 0;
}

.banner-shop .texto-banner {
  max-width: 480px;
  text-align: center;
  padding: 0 20px;
}

#commerce-product-add-to-cart-form select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.breadcrumb-item.active {
  color: #000;
  font-weight: bold;
}

.breadcrumb {
  background-color: transparent;
  margin-left: 12%;
  flex-wrap: nowrap;
  align-items: center;

  li {
    align-items: center;
  }
}

.breadcrumb .breadcrumb-item:first-child a {
  color: black;
}

.banner-shop .texto-banner h2 {
  margin-bottom: 41px;
  font-size: 30px;
  line-height: 40px;
}

.banner-shop .texto-banner p {
  margin-bottom: 37px;
  font-size: 18px;
  line-height: 27px;
}

.banner-shop .texto-banner p.icon {
  font-size: 70px;
  transform: rotate(-90deg);
}

div#block-bootstrap-barrio-subtheme-tiendadefundacionexito .content {
  max-width: 1200px;
  margin: auto;
  text-align: center;
  padding: 60px 20px;
}

.path-nuestros-productos ol.breadcrumb li {
  z-index: 3;
}

.productos-destacados .view-content.row {
  max-width: 1200px;
  margin: auto;
  padding: 30px 0;
  display: flex;
  justify-content: space-between;
}

.productos-destacados .view-content.row .views-row {
  max-width: 46.5%;
  margin: 17px;
}

.productos-destacados .view-content.row .views-row img {
  width: 100%;
  box-shadow: 0 6px 6px #00000029;

}

.block-views-blockproductos-destacados-block-1 .content {
  max-width: 1200px;
  margin: auto;
}

.block-views-blockproductos-destacados-block-1 .view-content {
  display: flex;
  justify-content: space-between;
}

.block-views-blockproductos-destacados-block-1 .view-content .views-row {
  width: 46.5%;
  margin: 15px;
}

.block-views-blockproductos-destacados-block-1 .view-content .views-row img {
  width: 100%;
  object-fit: contain;
  box-shadow: 0 6px 6px rgb(0 0 0 / 16%);
  margin-bottom: 20px;
}

.block-views-blockproductos-destacados-block-1 .view-content .views-row .views-field.views-field-title h2 {
  font-size: 25px;
  line-height: 35px;
  font-weight: 700;
  padding-bottom: 20px;
}

.block-views-blockproductos-destacados-block-1 .view-content .views-row .views-label-field-precio {
  float: left;
  font-size: 20px;
  line-height: 30px;
}

.block-views-blockproductos-destacados-block-1 .view-content .views-row .views-field-field-precio .field-content {
  font-size: 20px;
  font-weight: 700;
  padding-left: 7px;
  display: inline-block;
}

.block-views-blockproductos-destacados-block-1 .view-content .views-row .views-field-view-commerce-product a {
  background-color: #E1251B;
  color: #fff;
  padding: 14px 47px;
  display: block;
  width: fit-content;
  margin-top: 20px;
}

.block-views-blockproductos-destacados-block-1 .view-content .views-row .views-field.views-field-field-imagen-principal:before {
  content: "Destacados";
  position: absolute;
  color: #fff;
  background-color: #E1251B;
  padding: 10px 20px;
  font-weight: 700;
  top: 30px;
  font-size: 20px;
}

.productos-destacados .views-field-field-imagenes img {
  width: 100%;
  object-fit: contain;
  box-shadow: 0 6px 6px rgb(0 0 0 / 16%);
  margin-bottom: 20px;
  height: 560px;
}

.productos-destacados .content-info .views-field-field-caracteristicas,
.productos-destacados .content-info .views-field-body,
.productos-destacados .content-info .views-field-variations {
  display: none;
}

.productos-destacados .content-info .views-field-price__number {
  font-size: 20px;
  line-height: 30px;
}

.productos-destacados .content-info .views-field-price__number .field-content {
  font-size: 20px;
  font-weight: 700;
  padding-left: 7px;
  display: inline-block;
}

.productos-destacados .content-image .views-field-field-imagenes:before {
  content: "Destacados";
  position: relative;
  color: #fff;
  background-color: #E1251B;
  padding: 10px 20px;
  font-weight: 700;
  top: 60px;
  font-size: 20px;
}

.productos-destacados .content-info .views-field-price__number {
  padding: 15px 0;
}

.productos-destacados .content-info .views-field-view-commerce-product a {
  background-color: #E1251B;
  color: #fff;
  padding: 14px 47px;
  display: block;
  width: fit-content;
  margin-top: 20px;
}

div#block-bootstrap-barrio-subtheme-views-block-nuestros-productos-block-1 h2 {
  text-align: center;
}

div#block-bootstrap-barrio-subtheme-views-block-nuestros-productos-block-1 {
  background-image: url(/sites/default/files/media/imagen/bg-destacados.jpg);
  background-size: cover;
  padding-bottom: 95px;
}

.view-duplicado-de-nuestros-productos {
  background-color: #FFDD00;
  padding: 80px 20px;
}

.view-duplicado-de-nuestros-productos:before {
  content: " ";
  position: absolute;
  left: calc(96vw - 630px);
  top: -16px;
  padding: 25px 10px;
  width: 690px;
  background-color: #FC0F26;
  background-blend-mode: multiply;
}

.view-duplicado-de-nuestros-productos .view-filters div#edit-sort-bef-combine--wrapper {
  display: inline-flex;
  padding: 15px;
  text-align: center;
}

.view-duplicado-de-nuestros-productos .view-filters .form-row {
  justify-content: center;
}

.view-duplicado-de-nuestros-productos .view-content {
  max-width: 1350px;
  margin: auto;
}

.view-duplicado-de-nuestros-productos .view-filters div#edit-sort-bef-combine--wrapper .radio {
  margin: 0px 15px;
}

.view-duplicado-de-nuestros-productos .views-col {
  max-width: 100%;
  margin-bottom: 50px;
}

.view-duplicado-de-nuestros-productos .views-col img {
  width: 100%;
  height: auto;
  width: 100%;
  height: auto;
  max-height: 430px;
  height: 430px;
  background-color: #fff;
  object-fit: contain;
  padding: 17px;
}

.view-duplicado-de-nuestros-productos .views-col .views-field-field-imagenes {
  /* background-color: #fff;*/
}

.view-duplicado-de-nuestros-productos .views-col h3.field-content {
  font-size: 21px;
  line-height: 35px;
  padding: 15px 0 12px;
}

.view-duplicado-de-nuestros-productos .views-col .views-field-price__number {
  font-size: 20px;
}

.view-duplicado-de-nuestros-productos .views-field-price__number span.field-content {
  font-size: 20px;
  font-weight: 700;
  padding-left: 7px;
  /* display: inline-block; */
}

.view-duplicado-de-nuestros-productos .views-field-view-commerce-product a {
  background-color: #E1251B;
  color: #fff;
  padding: 14px 47px;
  display: block;
  width: fit-content;
  margin-top: 20px;
}

.view-duplicado-de-nuestros-productos .views-field-variations {
  display: none;
}

.view-duplicado-de-nuestros-productos .view-header h2 {
  text-align: center;
  font-size: 45px;
  line-height: 55px;
}

.view-duplicado-de-nuestros-productos ul.pagination.js-pager__items {
  justify-content: center;
}

.view-duplicado-de-nuestros-productos ul.pagination a.page-link {
  border: none;
  background-color: transparent;
  font-size: 20px;
}

.view-duplicado-de-nuestros-productos ul.pagination .page-item.active .page-link {
  border: none;
  background-color: transparent;
  color: #000;
  font-size: 20px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .productos-destacados .view-content.row .views-row {
    max-width: 100%;

  }

  .view-duplicado-de-nuestros-productos .views-col {
    display: contents;
  }

  .view-duplicado-de-nuestros-productos .views-field-view-commerce-product a {

    margin-bottom: 60px;
  }

  .banner-shop {
    height: 77vh;
    justify-content: normal;
    display: block;
    background-color: #fed700;
  }

  .banner-shop img {
    position: absolute;
    bottom: 0;
    width: 150%;
    height: auto;
    object-position: bottom left;
    object-fit: contain;
  }

  .banner-shop .container {

    justify-content: center;

  }
}


/************* vista de producto *********/
.path-product .block-system-main-block .content {
  max-width: 1200px;
  margin: auto;
}

.path-product .block-system-main-block .field--name-field-imagenes {
  display: flex;
  justify-content: space-around;
}

.path-product .block-system-main-block .field--name-field-imagenes .field__item {
  border: 1px solid #000;
  padding: 10px;
  flex-grow: 1;
  margin: 0 10px;
  text-align: center;
}

.path-product h1 {
  font-size: 30px;
  line-height: 40px;
}

.path-product .field--name-field-caracteristicas {
  margin-left: 9%;
  margin: 15px 5px 20px 9%;
}

.path-product .field--name-field-caracteristicas .field__item {
  margin-bottom: 6px;
}

.path-product .field--name-dynamic-token-fieldcommerce-product-precio p {
  /* font-family: upgrade, sans-serif; */
  font-size: 30px;
  font-weight: 700;
}

.path-product .field--type-text-with-summary .field__label {
  /* font-family: upgrade, sans-serif; */
  font-size: 30px;
  font-weight: 700;
  padding-bottom: 15px;

}

.path-product .field--type-text-with-summary .field__item p {
  font-size: 18px;
  line-height: 27px;
}

.path-product div#edit-actions {
  text-align: left;
}

/* .path-product div#edit-actions button#edit-submit {
  padding: 15px 30px;
  margin-bottom: 60px;
} */

.path-product .view-duplicado-de-nuestros-productos {
  padding-top: 200px;
}

.path-product .block-views-blockduplicado-de-nuestros-productos-block-3 h2 {
  text-align: center;
  position: relative;
  top: 120px;
  z-index: 12;
  /* font-family: upgrade, sans-serif; */
  font-size: 45px;
  font-weight: 700;
}

.path-product .view-duplicado-de-nuestros-productos:before {
  display: none;
}

@media screen and (max-width: 768px) {
  .path-product .block-system-main-block .field--name-field-imagenes {
    display: block;
  }

  .path-product .block-system-main-block .field--name-field-imagenes .field__item {
    width: 80%;
    margin: auto;
    margin-bottom: 30px;
  }

  .path-product .view-duplicado-de-nuestros-productos .views-field-view-commerce-product a {
    margin-bottom: 10px;
  }

  .path-product .view-duplicado-de-nuestros-productos .views-field-view-commerce-product .content-info {
    margin-bottom: 40px;
  }

  .path-product .group-right {
    padding-right: 25px;
  }

}

/**  checkout **********/
.path-checkout .block-system-main-block .content,
.path-checkout .block-block-content .content {
  max-width: 1200px;
  margin: auto;
}

.path-checkout .block-block-content .content p {
  text-align: center;
}

.path-checkout .block-system-main-block .content .form-wrapper__login-option {
  width: 100%;
}

.path-checkout .block-system-main-block .content .form-wrapper__login-option button#edit-login-returning-customer-submit {
  background-color: #E1251B;
  border: none;
  border-radius: 0;
  margin-left: 0px;
  padding: 12px 35px;
  margin: 20px 0;
}

.path-checkout div#edit-actions {
  text-align: left;
}

.path-checkout button#edit-actions-next {
  background-color: #E1251B;
  border: none;
  border-radius: 0;
  margin-left: 0px;
  padding: 12px 35px;
}

@media screen and (max-width: 768px) {
  .path-checkout .block-system-main-block .content {
    padding: 20px;
  }
}


/**************** CART ***********************/
.path-cart .block-system-main-block {
  background-color: #FFDD00;
}

.path-cart .block-system-main-block .content {
  max-width: 1200px;
  margin: auto;
  padding: 70px 20px;
}

.path-cart .block-system-main-block .content form .views-row {
  max-width: 65%;
}

.path-cart .block-system-main-block .content form {
  /*display: flex;*/
}

.path-cart .block-system-main-block .content form .form-actions {
  text-align: right;
  width: 27.5%;
  float: right;
  background-color: #fff;
  padding: 0 33px 15px 15px;
}

.path-cart .block-system-main-block .content form .views-view-grid {
  width: 70%;
  border-right: 2px solid #000;
  float: left;
}

@media (max-width: 767px) {

  .path-cart .block-system-main-block .content form .views-view-grid {
    width: 100%;
    float: none;
    border: none;
  }

  .path-product .group-left,
  .path-product .group-right {
    float: initial;
    width: 100%;
    padding: 10px 20px;
  }

}

.path-product .group-left img {
  width: 100%;
  height: auto;
  object-fit: contain;
  max-height: 600px;
}

.path-cart .block-system-main-block .content form .views-view-grid p {
  font-size: 14px;
}

.path-cart .block-system-main-block .content form .views-view-grid .label-item {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
  /* font-family: upgrade, sans-serif; */
}

.path-cart .block-system-main-block .content form .views-view-grid .item-price {
  font-weight: bold;
  /* font-family: upgrade, sans-serif; */
}


.path-cart .block-system-main-block .content form .views-row {
  max-width: 100%;
  /*width: 70%;*/
  float: left;
}

.path-cart .block-system-main-block .content form .views-row .views-col {
  max-width: 100%;
}

.path-cart .block-system-main-block .content form .views-row .list-group-item {
  border: none;
}

.path-cart .block-system-main-block .content form .views-row .views-field {
  display: flex;
  padding: 17px;
  margin-bottom: 25px;
  background-color: #fff;
  box-shadow: 15px 15px 30px #0000001A;
}

.path-cart .block-system-main-block .content form .views-row .views-field img {
  min-width: 230px;
  object-fit: contain;
}

@media (max-width: 600px) {

  .path-cart .block-system-main-block .content form .views-row .views-field img {
    min-width: 130px;
    object-fit: contain;
  }

}


.path-cart .block-system-main-block .content form .views-row .info-container {
  padding: 8px 10px 0 25px;
  margin-bottom: 3px;
  position: relative;
}

.path-cart .block-system-main-block .content form .views-row .info-container .actions-container input {
  /*position: absolute;*/
  bottom: 0;
  width: 80px;
  float: left;
  margin-right: 10px;
}

.path-cart .block-system-main-block .content form .views-row .info-container label {
  display: contents;

}

.path-cart .block-system-main-block .content form .views-row .info-container .actions-container button {
  position: absolute;
  bottom: 3px;
  right: 0;
  color: #FC0F26;
  font-size: 14px;
  font-weight: 700;
  background: transparent;
  border: 0;
  display: flex;
  align-items: center;
}

@media (max-width: 600px) {

  .path-cart .block-system-main-block .content form .views-row .info-container .actions-container button {
    position: relative;

  }

}

.path-cart .block-system-main-block .content form .views-row .info-container .actions-container button::after {
  /* content: url('/sites/default/files/2020-11/can.png'); */
  content: url('/sites/default/files/2020-11/Icon%20material-delete.png');
  margin-left: 15px;
}

.path-cart .block-system-main-block .content form .views-row .info-container .actions-container fieldset.form-group {
  margin-bottom: 0px;
  display: flex;
  align-items: center;
}

/*.path-cart .block-system-main-block .content form div#edit-actions {
     width: 25%;
     position: absolute;
     right: 0px;
 }*/
.path-cart .block-system-main-block .content form .field--name-total-price.field--type-commerce-price span.order-total-line-label {
  width: 170px;
  text-align: left;
}

.path-cart .block-system-main-block .content form .field--name-total-price.field--type-commerce-price .order-total-line.order-total-line__subtotal:before {
  content: "Resumen del pedido";
  color: #1E1E1E;
  display: block;
  font-size: 25px;
  font-weight: bold;
  padding-bottom: 15px;
}

.path-cart .block-system-main-block .content form div#edit-actions button#edit-checkout {
  background-color: #E1251B;
  border: none;
  border-radius: 0;
  margin-left: 15px;
  padding: 8px 25px;
}

.path-cart .block-system-main-block .content form div#edit-actions button#edit-submit {
  background-color: #000;
  border: 1px solid #000;
}

.path-cart button.js-form-submit {
  background-color: #E1251B;
  border: none;
  border-radius: 0;
  margin-left: 15px;
}

.path-cart .block-system-main-block .content .form-actions.js-form-wrapper.form-group {
  text-align: right;
  width: 27.5%;
  float: right;
  background-color: #fff;
  padding: 0 33px 15px 15px;
}

.path-cart .block-system-main-block .content form .order-total-line.order-total-line__subtotal span {
  border-bottom: 1px solid;
  padding: 7px 0;
}

.path-cart .block-system-main-block .content form .order-total-line.order-total-line__subtotal span.order-total-line-value {
  font-weight: bold;
}

.path-cart .block-system-main-block .content form .field.field--name-total-price.field--type-commerce-price {
  padding: 15px 26px 20px 15px;
  width: 27.5%;
  float: right;
  background-color: #fff;
}

.path-cart .block-system-main-block h2 a {
  /*/* font-family: upgrade, sans-serif; */
  font-weight: 700;
  font-style: normal;
}

.path-cart ol.breadcrumb {
  display: none;
}

/*************** modal ********************/
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.modal-add-to-cart {
  /*background-color: #FFDD00;*/
  background-color: #FFF;
  border-radius: 5px;
  min-height: 122px;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.modal-add-to-cart div#drupal-modal {
  padding: 0 10px 30%;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.modal-add-to-cart .ui-dialog-titlebar {
  background: transparent;
  border-bottom: 2px solid #000;
  border-top: none;
  border-right: none;
  border-left: none;
  /*margin-bottom: 20px;*/
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.modal-add-to-cart button.ui-dialog-titlebar-close {
  background-color: red;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.modal-add-to-cart .ui-widget-content a {
  color: red;
}

select#edit-order-fieldscheckout-field-city.hidden {
  display: none;
}

.layout-checkout-form .shs-container select#edit-order-fieldscheckout-field-city-shs-0-0,
.layout-checkout-form .shs-container select#edit-order-fieldscheckout-field-city-shs-0-1 {

  display: inline-block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem 1.75rem .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  /* line-height: 1.5; */
  color: #495057;
  /* vertical-align: middle; */
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
  border: 1px solid #ced4da;
  border-radius: .25rem;
}

.layout-checkout-form .checkout-pane {
  padding: 0 15px 15px;

}

.donate-form-with-2-blocks.path-checkout #commerce-checkout-flow-multistep-default.commerce-checkout-flow-multistep-default > .layout-checkout-form:not(:has(.checkout-complete)) > div,
.donate-form-with-2-blocks.path-checkout #commerce-checkout-flow-multistep-default.commerce-checkout-flow-multistep-default > .layout-checkout-form:not(:has(.checkout-complete)) > input,
.donate-form-with-2-blocks.path-checkout #commerce-checkout-flow-multistep-default.commerce-checkout-flow-multistep-default > .layout-checkout-form:not(:has(.checkout-complete)) > fieldset{
	display: none;
	opacity: 0;
}

.layout-checkout-form .checkout-pane#edit-payment-information {
  background-color: #FFDD00;
  border-radius: 20px;
}

.layout-checkout-form .checkout-pane#edit-payment-information select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.popup-dialog-class-commerce-fundation {
  background: none;
  border: none !important;
  width: 0 !important;
  height: 0 !important;
}


.ui-widget-overlay.ui-front {
  display: none !important;
  opacity: 0 !important;
}

.popup-dialog-class-commerce-fundation .ui-dialog-titlebar {
  width: 30px;
  height: 30px;
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 999;
  background: none;
  border: none;
}


.popup-dialog-class-commerce-fundation .ui-dialog-titlebar-close::before {
  content: 'x';
  font-family: 'Open Sans', sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  display: block;
  width: 30px;
  height: 30px;
  opacity: 0.6;
  color: #000;
}


.popup-dialog-class-commerce-fundation .ui-dialog-title {
  display: none;
}

.layout-checkout-form .layout-region-checkout-footer {
  border-top: 2px solid #000;
  margin-bottom: 15px;
  padding-top: 35px;
}

div#edit-login.checkout-pane-login {
  padding: 25px 0 15px;
  background-color: #FFDD00;
  border-radius: 20px;
  margin-bottom: 35px;
}

div#edit-login.checkout-pane-login a#edit-login-returning-customer-forgot-password {
  margin-left: 20px;
}

div#edit-login.checkout-pane-login fieldset#edit-login-returning-customer .fieldset-legend {
  display: block;
}

.layout-checkout-form .shs-container select#edit-order-fieldscheckout-field-city-shs-0-1 {
  margin-left: 15px;
}


/************ pagina login ****************/
.page-user-login .block-system-main-block .content {
  max-width: 800px;
  margin: auto;
}

/************************************************/

.node--type-galeria-interna .block-system-main-block .content {
  max-width: 1200px;
  margin: auto;
}

.node--type-galeria-interna .node__meta,
.node--type-galeria-interna .comment-count,
.node--type-galeria-interna .megusta-count {
  display: none;
}

.node--type-galeria-interna .field--name-field-imagenes {
  display: flex;
  flex-wrap: wrap;
}

.node--type-galeria-interna .field--name-field-imagenes .field__item {
  width: 50%;
  padding: 0 5px;
}

.node--type-galeria-interna .field--name-field-imagenes .field__item img {
  width: 100%;
  height: auto;
}

.node--type-galeria-interna .field--name-field-imagenes .field--name-field-media-image {
  width: 100%;
}

.node--type-galeria-interna a#edit-login-returning-customer-forgot-password {
  margin-left: 20px;
}

.checkout-pane-login button#edit-login-guest-continue {
  background-color: #E1251B;
  border: none;
  border-radius: 0;
  margin-left: 0px;
  padding: 12px 35px;
  margin: 20px 0 0;
}

.node--type-galeria-interna .field--name-field-imagenes>div.field__items {
  opacity: 0;
}

/* End prod */

a.cta-button {
  font-size: 0.8rem;
  background-color: #e1251b;
  padding: 10px 20px;
  color: #fff;
  font-weight: 800;
  width: fit-content;
}

a.cta-button:hover {
  color: #fff;
}

a.cta-button2 {
  font-size: 0.8em;
  background-color: #fff;
  padding: 10px 20px;
  color: #000;
  font-weight: 800;
  border: 2px solid;
  /* cursor: pointer; */
  width: fit-content;
}




/******* destacados home **************/
.productos-destacados.destacados-home .views-row {
  max-width: 1200px !important;
  margin: auto !important;
  padding: 30px 0;
  display: flex;
  justify-content: space-between;
}

.productos-destacados.destacados-home .views-view-grid .views-col {

  max-width: 46.5% !important;
  margin: 12px;
  flex-basis: 31%;
}

.productos-destacados.destacados-home .content-image .views-field-field-imagenes:before {
  display: none;
}

.productos-destacados.destacados-home .views-field-field-imagenes img {
  box-shadow: none;
}

.productos-destacados.destacados-home h3.field-content {
  /* font-size: 20px; */
  font-size: 1.3em;
}

.productos-destacados.destacados-home .views-field.views-field-field-ninos-ayudados {
  display: none;
}

.productos-destacados.destacados-home .content-info .views-field-view-commerce-product a {
  background-color: #fff;
  color: #000;
  padding: 14px 47px;
  display: block;
  width: fit-content;
  margin-top: 20px;
  border: 2px solid;
}

@media screen and (max-width:768px) {
  .productos-destacados.destacados-home .views-row {

    flex-direction: column;
  }

  .productos-destacados.destacados-home .views-view-grid .views-col {
    min-width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
}

/******************************* feed blog y  noticias ************************************/
.rsscontainer ul {
  list-style: none;
  padding-left: 0;
}

ul.rssData li img {
  width: 100%;
  min-width: 100%;
}

ul.rssData {
  box-shadow: 15px 15px 30px #0000001A;
  padding: 15px;
}

ul.rssData p {
  font-size: 14px;
  line-height: 21px;
}


.rssDataNoticias {
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: space-between;
}

.rssDataNoticias .noticia-content {
  height: 290px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.rssDataNoticias .noticia-content .img-and-title {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.rssDataNoticias .noticia-content .img-and-title .noticia-img {
  aspect-ratio: 275/120;
  object-fit: cover;
  border-radius: 2px;
}

.rssDataNoticias .noticia-content .img-and-title a {
  color: #302F2F;
  font-size: 18px;
}

.rssDataNoticias .noticia-content .img-and-title a:hover {
  color: #F86040;
  font-size: 18px;
  cursor: pointer;
  text-decoration: underline;
}

.rssDataNoticias .noticia-content p {
  margin: 0;
}

.rssDataNoticias .noticia-img {
  width: 275px;
  object-fit: cover;
}

.rssDataNoticias .noticia-content .date-and-description p {
  color: #302F2F;
  font-size: 16px;
}

.rssDataNoticias .noticia-content .date-and-description small {
  color: #F86040;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 5px;
  font-size: 14px;
}

.rsscontainer {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  align-items: center;
}

.rsscontainer .noticias-ver-mas-button {
  margin-top: 10px;
  margin-bottom: 10px;
}

.rsscontainer .noticias-ver-mas-button > a {
  background-color: #F86040;
  border: 1px solid #F86040;
  width: 190px;
  height: 40px;
  padding: 10px 15px;
  border-radius: 20px;
  text-decoration: none;
  color: white;
  font-weight: 700;
  transition: all 0.3s ease;
}

.rsscontainer .noticias-ver-mas-button > a:hover {
  background-color: white;
  border-color: #F86040;
  color: #F86040;
}

@media screen and (max-width: 1200px) {
  .rssDataNoticias {
    width: 100%;
    overflow-x: scroll;

    &::-webkit-scrollbar {
      display: none;
    }
  }

  .rsscontainer {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    height: max-content;
  }
}

@media screen and (max-width: 768px) {
  .rsscontainer {
    max-width: 100% !important;
    margin-bottom: 50px;
    height: max-content;
  }
}

.field--name-field-imagen-destacada {
  text-align: center;
}



/**********  micrositio empleados **************/

.path-empleados section.section,
.page-view-noticias section.section {
  max-width: 1200px;
  margin: auto;
}

.path-empleados .view-noticias .view-content.row,
.path-empleados .view-comites .view-content.row,
.page-view-noticias .view-noticias .view-content.row {
  justify-content: space-around;
}

.path-empleados .view-noticias .view-content.row .views-col,
.path-empleados .view-comites .view-content.row .views-col,
.path-noticias-empleados .view-noticias .view-content.row .views-col {

  max-width: 100% !important;
}

.path-empleados .view-noticias .view-content.row .views-col .layout__region.layout__region--first,
.path-noticias-empleados .view-noticias .layout__region.layout__region--first {
  width: 100%;
}

.path-empleados .view-noticias .view-content.row .views-col .layout__region.layout__region--first img,
.path-empleados .view-comites img {
  width: 100%;
  height: 170px;
  object-fit: cover;
}

.path-empleados .view-noticias .view-content.row .views-col .layout__region.layout__region--second {
  width: 100%;
  position: initial;
  top: 0;
  right: 0;
}

.path-empleados .view-noticias .view-content.row .views-col .layout__region.layout__region--second h2,
.path-empleados .view-comites h2,
.path-noticias-empleados .view-noticias .layout__region.layout__region--first h2 {
  font-size: 1.3rem;
  margin-top: 0px;
}

.path-noticias-empleados .view-noticias .layout__region.layout__region--first .field--name-node-post-date {
  font-weight: 600;
  font-size: 0.9em;
}

.path-empleados .view-noticias .view-content.row .views-col .layout__region.layout__region--second h2 a,
.path-noticias-empleados .view-noticias .layout__region.layout__region--first h2 a {
  /* font-family: upgrade, sans-serif; */
}

.path-empleados .view-noticias .view-content.row,
.path-empleados .view-comites .view-content.row {
  padding: 2em 0px;
}

.path-empleados .view-noticias .view-content.row .views-col .group-bottom,
.path-noticias-empleados .view-noticias .view-content.row .views-col .group-bottom {
  display: flex;
  justify-content: space-between;
  font-weight: 600;
}

.path-noticias-empleados .view-noticias .view-content.row .views-col .group-bottom .field--name-dynamic-token-fieldnode-contador-comentarios-disqus {
  display: none;
}

.path-noticias-empleados .view-noticias ul.js-pager__items.pager li a {
  font-family: chaparral-pro, serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 16px !important;
  border-radius: 0 !important;
  background: rgb(225, 37, 27) !important;
  color: #fff;
  padding: 6px 18px !important;
  margin: 0 auto;
  display: block;
  width: fit-content;
}

.path-noticias-empleados .view-noticias ul.js-pager__items.pager {
  text-align: center;
  list-style: none;
}

.path-empleados .block-views-blocknoticias-block-7 h2,
.path-empleados .block-views-blockcomites-block-1 h2 {
  text-align: center;
  margin-top: 30px;
}

.path-empleados .block-views-blocknoticias-block-7 .view-header,
.path-empleados .block-views-blockcomites-block-1 .view-header {
  text-align: center;

}

.path-empleados .more-link {
  padding-bottom: 30px;
}

.path-empleados .more-link a {
  font-family: chaparral-pro, serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 16px !important;
  border-radius: 0 !important;
  background: rgb(225, 37, 27) !important;
  color: #fff;
  padding: 6px 18px !important;
  margin: 0 auto;
  display: block;
  width: fit-content;
}

.path-empleados .link-wrapper {
  display: none;
}

.node--type-noticias-empleados .content {
  max-width: 1200px;
  margin: auto;
  padding-bottom: 30px;
}

.node--type-noticias-empleados .content img,
.path-empleados img {
  max-width: 100%;
  margin: auto;
  object-fit: contain;
  height: auto;
  margin-bottom: 15px;
}

@media screen and (max-width: 768px) {

  .path-empleados .view-noticias .view-content.row .views-col,
  .path-empleados .view-comites .view-content.row .views-col,
  .path-noticias-empleados .view-noticias .view-content.row .views-col {
    min-width: 100%;
    margin-bottom: 40px;
  }

  .path-empleados .view-noticias .view-content.row .views-col .layout__region.layout__region--first img,
  .path-empleados .view-comites img {
    height: 300px;
  }

  .layout-checkout-form.clearfix {
    margin-left: 0;
  }

  div#main-wrapper {
    padding: 20px;
  }
}

div#block-feed-de-blog-noticias {
  /* display: none;*/
}

.form-item-field-legal-2-value label.form-check-label {
  background: transparent !important;
  color: #000 !important;
}

.node--type-noticias section.section,
.node--type-article section.section {
  max-width: 1200px;
  margin: auto;
}

.node--type-article .view-id-blog .row {
  display: flex;
  justify-content: space-around;
}

.node--type-article .view-id-blog .row .views-row {
  max-width: 47%;
}

.view-accordion .view-content {
  display: block;
}

.view-accordion .view-content .file {
  background-color: #eaeaea;
  padding: 5px 15px;
}

.view-accordion .view-content .fields-wrapper {
  margin-bottom: 25px;
}

/* Categorias de blog */




/* /////////////////////////////////////// INICIO Julián López Triario - Julián López Triario.com 2020 ////////////////////////////////////////// */
/* Importación fuentes del cliente google fonts */
/*@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin&display=swap');*/

/* CLASES Julián López Triario FLEX PARA REUTILIZAR*/
.jd-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.jd-flex .content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.jd-flex1 {
  flex: 1
}

.jd-flex2 {
  flex: 2
}

.jd-flex3 {
  flex: 3
}

.jd-flex4 {
  flex: 4
}

.jd-centrar {
  text-align: center;
}

.jd-justificar {
  text-align: justify;
}

.jd-boton {
  display: flex;
  justify-content: center;
  padding: 1em 0;
}

.jd-boton a {
  display: block;
  padding: 0.5em 2em;
  width: fit-content;
  text-align: center;
  background: rgb(237, 12, 134);
  background: linear-gradient(90deg, rgba(237, 12, 134, 1) 0%, rgba(224, 66, 170, 1) 100%);
  border-radius: 22px 22px;
  color: white;
  text-transform: uppercase;
  font-weight: 800;
  box-shadow: #e042aa82 5px 12px 40px 8px;
}

.jd-footer-logo img {
  height: 6em;
}

.jd-copyright .field {
  border-top: 1px #d2d2d2 solid;
  text-align: center;
  padding: 2em;
}

.jd-cienw {
  width: 100%;
  max-width: 100%;
}

.jd-ancho-100 {
  min-width: 100%;
}

.jd-columnas {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.jd-columnas>* {
  flex: 1;
}

/* páginas internas */
.node--type-page .node__content>div.field:not(.field--name-body) {
  max-width: 50%;
  width: 50%;
  height: auto;
  margin: 0 !important;
}

/* limitadores */
.jd-1200 {
  max-width: 1200px;
  width: 100%;
  margin: auto;
}

/* //////////////// INICIO HOME //////////////// */
/* Arreglo img con margen bottom */
.field--type-image img,
.field--name-field-user-picture img {
  margin: 0;
}

.bloquehome .content {
  max-width: 1140px;
  margin: auto;
}

.bloquehome .field iframe {
  width: 100%;
}

.field--name-field-columnas {
  flex-wrap: nowrap;
  align-items: stretch;
}

/* Background home-pag */

.featured-top {
  background: url(../images/svg/home-bg.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.noticias-title {
  color: #F27259;
  padding: 10px !important;
}

/* Bloque1 */
#block-homebloque1 {
  background: url(../images/banner-home-bg.png) no-repeat left / contain;
  /* background-position-y: -370px; */
  min-height: 400px;
  transition: all 0.3s ease;
  max-width: 1700px;
  margin: auto;
}

#block-homebloque1 > .content {
  margin-right: 0px;
  min-height: 400px;
}

#block-homebloque1 > .content > .field--name-field-imagen2 {
  display: none;
}

#block-homebloque1 > .content > div {
  background-color: #A080EB;
  margin-left: 10%;
  clip-path: circle(84.4% at 86% 28%);
  min-height: 400px;
  transition: all 0.3s ease;
}

#block-homebloque1 > .content > div > .col-md {
  width: auto !important;
  background-color: #8577DE;
  margin-left: 4%;
  clip-path: circle(84.4% at 86% 28%);
  padding-left: 30%;
  min-height: 400px;
  transition: all 0.3s ease;
}

#block-homebloque1 > .content > div > .col-md > .py-4 {
  width: 100%;
  min-height: 400px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

#block-homebloque1 > .content > div > .col-md > .py-4 > h1 {
  font-size: 24px;
  color: white;
}

#block-homebloque1 > .content > div > .col-md > .py-4 > p {
  color: white;
  font-size: 16px;
}

#block-homebloque1 > .content > div > .col-md > .py-4 > div {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

#block-homebloque1 > .content > div > .col-md > .py-4 > div > .cta-button {
  color: #45403E;
  border-radius: 20px;
  background-color: #EDCE78;
  text-decoration: none;
  border: 1px solid #EDCE78;
}

#block-homebloque1 > .content > div > .col-md > .py-4 > div > .cta-button:hover {
  color: #F86040;
  background-color: white;
  border: 1px solid #F86040;
}

#block-homebloque1 > .content > div > .col-md > .py-4 > div > .cta-button2 {
  color: #45403E;
  border-radius: 20px;
  background-color: #F7F1EB;
  border: 1px solid #F7F1EB;
  text-decoration: none;
}

#block-homebloque1 > .content > div > .col-md > .py-4 > div > .cta-button2:hover {
  color: white;
  background-color: #45403E;
  border: 1px solid white;
}

#block-homebloque1 > .content > div > .col-md > .py-4 > div > .cta-button-2 {
  max-width: 235px;
  width: 100%;
  height: 90px;
  object-fit: contain;
}

@media (max-width: 768px) {
  #block-homebloque1 > .content > div > .col-md > .py-4 > div > .cta-button-2 {
    max-width: 209px;
    height: 80px;
  }

  #block-homebloque1 > .content > div > .col-md > .py-4 > div > .cta-button-2 img {
    height: 80px;
  }
}

.imgtxt .content {
  max-width: 1140px;
  margin: auto;
}

.imgtxt .content .field--name-field-imagen2 img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1200px) {
  #block-homebloque1 {
    background-position-y: 0;
    background-position-x: right;
    width: 100%;
  }

  #block-homebloque1 > .content {
    max-width: 100%;
    width: 100%;
    min-height: 400px;
    margin: 0;
    margin-top: -10%
  }

  #block-homebloque1 > .content > div {
    clip-path: ellipse(100% 50% at 50% 100%);
    margin-left: 0%;
  }

  #block-homebloque1 > .content > div > .col-md {
    background-color: #8577DE;
    margin-top: 8%;
    margin-left: 0%;
    clip-path: ellipse(100% 50% at 50% 100%);
    padding-top: 30%;
    padding-left: 10%;
    padding-right: 10%;
    min-height: 240px;
  }

  #block-homebloque1 > .content > div > .col-md > .py-4 {
    width: 90%;
    min-height: 240px;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
}

@media screen and (max-width: 768px) {
  #block-homebloque1 {
    /* background-position-y: -150px; */
    background-position-x: right;
    width: 100%;
  }

  #block-homebloque1 > .content > div > .col-md > .py-4 {
    padding-top: 10% !important;
    padding-bottom: 10% !important;
  }

  #block-homebloque1 > .content > div {
    clip-path: ellipse(100% 60% at 50% 100%);
  }

  #block-homebloque1 > .content > div > .col-md {
    clip-path: ellipse(100% 60% at 50% 100%);
  }
}

@media screen and (max-width: 560px) {
  #block-homebloque1 {
    width: 100%;

    .content {
      margin-top: -18%;
    }
  }

  #block-homebloque1 > .content > div > .col-md > .py-4 {
    padding-top: 15% !important;
  }

  #block-homebloque1 > .content > div {
    clip-path: ellipse(100% 65% at 50% 100%);
  }

  #block-homebloque1 > .content > div > .col-md {
    clip-path: ellipse(100% 65% at 50% 100%);
  }

  #block-homebloque1 > .content > div > .col-md > .py-4 > div {
    display: flex;
    flex-direction: column;
  }

  #block-homebloque1 > .content > div > .col-md > .py-4 > div > a {
    width: 100%;
    text-align: center;
  }
}

@media screen and (max-width: 520px) {
   #block-homebloque1 > .content {
      margin-top: -25%;
   }

   #block-homebloque1 > .content > div > .col-md > .py-4 {
    padding-top: 25% !important;
  }

  #block-homebloque1 > .content > div {
    clip-path: ellipse(100% 65% at 50% 100%);
  }

  #block-homebloque1 > .content > div > .col-md {
    clip-path: ellipse(100% 65% at 50% 100%);
  }
}

@media screen and (max-width: 460px) {
  #block-homebloque1 > .content {
    margin-top: -40%;
  }

  #block-homebloque1 > .content:has(> div > .col-md .cta-button-2) {
    margin-top: -53%;
  }

  #block-homebloque1 > .content > div > .col-md > .py-4 {
    padding-top: 27% !important;
  }

  #block-homebloque1 > .content > div {
    clip-path: ellipse(100% 65% at 50% 100%);
  }

  #block-homebloque1 > .content > div > .col-md {
    padding-top: 50%;
    clip-path: ellipse(100% 65% at 50% 100%);
  }

  /* If .col-md contains a CTA with class .cta-button-2, increase padding */
  #block-homebloque1 > .content > div > .col-md:has(.cta-button-2) {
    padding-top: 60%;
  }
}

@media screen and (max-width: 390px) {
  #block-homebloque1 > .content {
    margin-top: -61%;
  }

  #block-homebloque1 > .content:has(> div > .col-md .cta-button-2) {
    margin-top: -80%;
  }

  #block-homebloque1 > .content > div > .col-md > .py-4 {
    padding-top: 55% !important;
  }

  #block-homebloque1 > .content > div {
    clip-path: ellipse(100% 60% at 50% 100%);
  }

  #block-homebloque1 > .content > div > .col-md {
    padding-top: 50%;
    clip-path: ellipse(95% 60% at 50% 100%);
  }

  /* If .col-md contains a CTA with class .cta-button-2, increase padding */
  #block-homebloque1 > .content > div > .col-md:has(.cta-button-2) {
    padding-top: 65%;
  }
}

@media screen and (max-width: 360px) {
  #block-homebloque1 > .content {
    margin-top: -68%;
  }

  #block-homebloque1 > .content:has(> div > .col-md .cta-button-2) {
    margin-top: -85%;
  }

  /* If .col-md contains a CTA with class .cta-button-2, increase padding */
  #block-homebloque1 > .content > div > .col-md:has(.cta-button-2) {
    padding-top: 70%;
  }
}

@media screen and (max-width: 350px) {
  #block-homebloque1 > .content {
    margin-top: -70%;
  }

  #block-homebloque1 > .content > div > .col-md > .py-4 {
    padding-top: 70% !important;
  }

  #block-homebloque1 > .content > div {
    clip-path: ellipse(130% 60% at 50% 100%);
  }

  #block-homebloque1 > .content > div > .col-md {
    padding-top: 50%;
    clip-path: ellipse(120% 60% at 50% 100%);
  }
}

@media screen and (max-width: 330px) {
  #block-homebloque1 > .content {
    margin-top: -82%;
  }

  #block-homebloque1 > .content > div > .col-md > .py-4 {
    padding-top: 80% !important;
  }

  #block-homebloque1 > .content > div {
    clip-path: ellipse(120% 60% at 50% 100%);
  }

  #block-homebloque1 > .content > div > .col-md {
    padding-top: 50%;
    clip-path: ellipse(120% 60% at 50% 100%);
  }
}

@media screen and (max-width: 318px) {
  #block-homebloque1 > .content {
    margin-top: -90%;
  }

  #block-homebloque1 > .content >div > {
    clip-path: ellipse(150% 60% at 50% 100%);
  }

  #block-homebloque1 > .content >div >.col-md {
    padding-top: 60%;
    clip-path: ellipse(115% 60% at 50% 100%);
  }
}

@media screen and (max-width: 290px) {
  #block-homebloque1 > .content {
    margin-top: -112%;
  }

  #block-homebloque1 > .content >div >.col-md {
    padding-top: 75%;
    clip-path: ellipse(112% 60% at 50% 100%);
  }
}
/* Bloque2 */
#block-homebloque2 {
  background: transparent;
}

#block-homebloque2 .c-cause__content {
  margin: 0px;
  width: 100%;
  text-align: center;
  padding: 40px 10px 10px 10px;
}

#block-homebloque2 .c-cause__content h2 {
  color: #F86040;
}

#block-homebloque2 > .content > .field__items {
  display: flex;
  gap: 30px;
  justify-content: space-between;
}

#block-homebloque2 > .content > .field__items > .field__item {
  padding: 30px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  min-height: 145px;
  text-align: center;
}

#block-homebloque2 > .content > .field__items::after {
  display: none;
}

#block-homebloque2 > .content > .field__items > .field__item > p {
  margin: 0;
}

#block-homebloque2 > .content > .field__items > .field__item:nth-child(1) {
  background-color: #8577DE;
  border-top-left-radius: 75px;
  border-top-right-radius: 75px;
  border-bottom-right-radius: 75px;
  border-bottom-left-radius: 5px;
}

#block-homebloque2 > .content > .field__items > .field__item:nth-child(2) {
  background-color: #88AF4C;
  border-top-left-radius: 75px;
  border-top-right-radius: 75px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 75px;
}

#block-homebloque2 > .content > .field__items > .field__item:nth-child(3) {
  background-color: #E7972E;
  border-top-left-radius: 75px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 75px;
  border-bottom-left-radius: 75px;
}

#block-homebloque2 > .content > .field__items > .field__item:nth-child(4) {
  display: none;
  margin-top: 60px;
  width: max-content;
  padding: 0px;
}

#block-homebloque2 > .content > .field__items > .field__item:nth-child(4) > .download-file {
  width: 60px;
  background: #88AF4C;
  padding: 10px;
  border-radius: 50%;
  height: 60px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 1200px) {
  #block-homebloque2 > .content {
    width: 100%;
  }

  #block-homebloque2 .c-cause__content h2 {
    color: #F86040;
    font-size: 24px;
    transition: all 0.3s ease;
  }

  #block-homebloque2 > .content > .field__items {
    width: 100%;
    overflow-x: scroll;
    flex-direction: row !important;
    padding-bottom: 10px;

    &::-webkit-scrollbar {
      display: none;
    }
  }

  #block-homebloque2 > .content > .field__items > .field__item {
    min-width: 350px;
  }
}

/* #block-homebloque2 .field--name-field-columnas .field__item {
  border: 1px solid black;
  border-bottom: none;
  border-right: none;
  min-height: 250px;
  padding: 60px 30px;
}

#block-homebloque2 .field--name-field-columnas .field__item:first-child {
  border-left: none;
}

#block-homebloque2 .field--name-field-columnas {
  flex-wrap: nowrap;
  align-items: stretch;
} */

/* Bloque3 */
/* #block-homebloque3 .c-cause__content h2 {
  background: red;
} */

#block-homebloque3 .content {
  gap:20px;
}

#block-homebloque3 .c-cause__content {
  margin: 0px;
  width: 100%;
  text-align: center;
  padding: 40px 10px 10px 10px;
}

#block-homebloque3 .c-cause__content h2 {
  color: #F86040;
}

#block-homebloque3 .c-cause__content p {
  color: #302F2F;
}

#block-homebloque3 > .content > .jd-flex {
  display: flex;
  /* align-items: center; */
  justify-content: center;
  gap: 30px;
}

#block-homebloque3 > .content > .jd-flex::after {
  display: none;
}

#block-homebloque3 > .content > .jd-flex > .field__item {
  padding: 30px;
  width: 100%;
  min-height: 220px;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #302F2F;
  min-height: 145px;
  text-align: center;
  background-color: #FFFFFF;
  border-radius: 20px;
  box-shadow: 0px 0px 10px 5px #191E240D;
  cursor: pointer;
  transition: all 0.3s ease;
}

#block-homebloque3 > .content > .jd-flex > .field__item .svg-informe {
  margin: 10px 0px;
  width: 40px;
  height: 40px;
  filter: brightness(0) saturate(100%) invert(70%) sepia(55%) saturate(429%) hue-rotate(118deg) brightness(86%) contrast(86%);
}

#block-homebloque3 > .content > .jd-flex > .field__item:hover .svg-informe {
  margin: 10px 0px;
  width: 40px;
  height: 40px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7471%) hue-rotate(43deg) brightness(114%) contrast(100%);
}

#block-homebloque3 > .content > .jd-flex > .field__item:hover {
  color: #FFFFFF;
  background-color: #46C0A9;
  transform: translateY(-5px);
}

#block-homebloque3 > .content > .jd-flex > .field__item > h4 {
  color: #46C0A9;
  font-size: 20px;
}

#block-homebloque3 > .content > .jd-flex > .field__item:hover > h4 {
  color: #FFFFFF;
}

#block-homebloque3 > .content > .jd-flex > .field__item > p {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  #navbar-main {
    padding: 10px 20px;
  }

  .navbar-container {
    gap: 0;
  }

  .navbar-toggler {
    /* padding: .25rem 1.08rem; */
    padding: 0;
  }

  .breadcrumb {
    padding: 16px 20px;
  }

  .path-cart .block-system-main-block .content form .field.field--name-total-price.field--type-commerce-price {
    width: 100%;
    float: none;
  }

  .path-cart .block-system-main-block .content .form-actions.js-form-wrapper.form-group {
    width: 100%;
    float: none;
    text-align: center;
  }

  .order-total-line {
    text-align: center;
  }

  #block-homebloque3 {
    padding: 0px 20px;
  }

  #block-homebloque3 > .content {
    width: 100%;
  }

  #block-homebloque3 .c-cause__content h2 {
    color: #F86040;
    font-size: 24px;
    transition: all 0.3s ease;
  }

  #block-homebloque3 > .content > .jd-flex {
    width: 100%;
    flex-direction: row !important;
  }

  #block-homebloque3 > .content > .jd-flex > .field__item {
    min-height: 220px;
    height: 100%;
  }
}

@media screen and (max-width: 550px) {
  #block-homebloque3 > .content > .jd-flex {
    width: 100%;
    flex-direction: column !important;
  }
}

/* #block-homebloque3 .field--name-field-columnas .field__item {
  border-left: none;
  width: auto;
  flex: 1;
  padding: 100px 60px;
  background-image: linear-gradient(rgba(255 255 255 / .7), rgba(255 255 255 / .7)), url(/sites/default/files/2020-09/lactancia-1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
  margin: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#block-homebloque3 .field--name-field-columnas .field__item:first-child {
  border-left: none;
  width: auto;
  flex: 1;
  padding: 100px 60px;
  background-image: linear-gradient(rgba(255 255 255 / .7), rgba(255 255 255 / .7)), url(/sites/default/files/2020-09/Image%202.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
  margin: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#block-homebloque3 .field--name-field-columnas .field__item:last-child {
  border-left: none;
  width: auto;
  flex: 1;
  padding: 100px 60px;
  background-image: linear-gradient(rgba(255 255 255 / .7), rgba(255 255 255 / .7)), url(/sites/default/files/2020-09/mama-bebe.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
  margin: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#block-homebloque3 .field--name-field-columnas .field__item:hover {
  background-image: linear-gradient(rgba(255 221 0 / .9), rgba(255 221 0 / .9)), url(/sites/default/files/2020-09/lactancia-1.png);
}

#block-homebloque3 .field--name-field-columnas .field__item:first-child:hover {
  background-image: linear-gradient(rgba(255 221 0 / .9), rgba(255 221 0 / .9)), url(/sites/default/files/2020-09/Image%202.png);
}

#block-homebloque3 .field--name-field-columnas .field__item:last-child:hover {
  background-image: linear-gradient(rgba(255 221 0 / .9), rgba(255 221 0 / .9)), url(/sites/default/files/2020-09/mama-bebe.png);
} */

/* Bloque4 */
/* #block-homebloque4 .field.field--name-body {
  padding: 1.5rem !important;
} */

#block-homebloque4 .content,
#block-homebloque4 .content .jd-flex2 {
  width: 100%;
}

@media screen and (max-width: 1200px) {
  #block-homebloque4 {
    padding: 0px 10px !important;
  }
}

/* #block-homebloque4.jd-flex .content, */
#block-homebloque6.jd-flex .content {
  flex-direction: row-reverse;
}

/* Bloque5 */
#block-homebloque5 .field--name-body {
  padding: 1.5rem !important;
}

/* Bloque6 */
#block-homebloque6 .field--name-body {
  padding: 1.5rem !important;
}

/* Bloque7 */
#block-homebloque7 .content {
  margin: 100px 0px;
  margin-top: 10px;
  display: flex;
  gap: 20px;
}

#block-homebloque7 .c-cause__content {
  margin: 0;
  width: 100%;
  text-align: center;
  padding: 20px;
}

#block-homebloque7 .c-cause__content h2 {
  color: #F86040;
}

#block-homebloque7 > .content > .jd-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

#block-homebloque7 > .content > .jd-flex::after {
  display: none;
}

#block-homebloque7 > .content > .jd-flex > .field__item {
  padding: 20px 30px 0px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #302F2F;
  text-align: center;
  background-color: #78cab41a;
  border-radius: 20px;
  height: 240px;
  overflow-y: visible;
}

#block-homebloque7 > .content > .jd-flex > .field__item:nth-child(1) > p > img {
  filter: brightness(0) saturate(100%) invert(68%) sepia(24%) saturate(6365%) hue-rotate(214deg) brightness(92%) contrast(101%);
}

#block-homebloque7 > .content > .jd-flex > .field__item:nth-child(2) > p > img {
  filter: brightness(0) saturate(100%) invert(62%) sepia(51%) saturate(684%) hue-rotate(350deg) brightness(96%) contrast(88%);
}

#block-homebloque7 > .content > .jd-flex > .field__item:nth-child(3) > p > img {
  filter: brightness(0) saturate(100%) invert(69%) sepia(7%) saturate(2856%) hue-rotate(119deg) brightness(94%) contrast(89%);
}

#block-homebloque7 > .content > .jd-flex > .field__item > p {
  font-style: italic;
  font-size: 16px;
  font-weight: 400;
}

#block-homebloque7 > .content > .jd-flex > .field__item > h4 {
  font-size: 18px;
  font-weight: 700;
  color: #F86040;
}

@media screen and (max-width: 1200px) {
  .navbar-brand {
    justify-content: center;
  }

  #block-homebloque7 > .content {
    width: 100%;
    margin: 10px 0px;
  }

  #block-homebloque7 .c-cause__content {
    padding-bottom: 0px !important;
  }

  #block-homebloque7 .c-cause__content h2 {
    font-size: 24px;
    transition: all 0.3s ease;
  }

  #block-homebloque7 > .content > .field__items {
    width: 100%;
    overflow-x: scroll;
    flex-direction: row !important;
    padding-top: 15px;
    padding-bottom: 50px;
    padding-left: 30px;
    padding-right: 30px;

    &::-webkit-scrollbar {
      display: none;
    }
  }

  #block-homebloque7 > .content > .field__items > .field__item {
    min-width: 380px;
  }
}

/* #block-homebloque7 .field--name-field-columnas .field__item {
  padding: 60px;
  border: none;
  background-size: 90% !important;
}

#block-homebloque7 .field--name-field-columnas .field__item:first-child {
  background-image: linear-gradient(rgba(255 255 255 / .7), rgba(255 255 255 / .7)), url('/sites/default/files/2020-09/Image-bebe.png');
}

#block-homebloque7 .field--name-field-columnas .field__item:first-child {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 450px;
}

#block-homebloque7 .field--name-field-columnas .field__item:first-child:hover {
  background-image: linear-gradient(rgba(255 221 0 / .9), rgba(255 221 0 / .9)), url('/sites/default/files/2020-09/Image-bebe.png');
}

#block-homebloque7 .field--name-field-columnas .field__item:last-child {
  background-image: linear-gradient(rgba(255 255 255 / .7), rgba(255 255 255 / .7)), url(/sites/default/files/2020-09/nino-2.png);
}

#block-homebloque7 .field--name-field-columnas .field__item:last-child {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 450px;
}

#block-homebloque7 .field--name-field-columnas .field__item:last-child:hover {
  background-image: linear-gradient(rgba(255 221 0 / .9), rgba(255 221 0 / .9)), url(/sites/default/files/2020-09/nino-2.png);
} */

/* Bloque8 */
#block-homebloque8 .field--name-field-columnas .field__item {
  flex: 1;
  border: solid #FFDD00 1em;
  background: white;
}

#block-homebloque8 .field--name-field-columnas .field__item p,
#block-homebloque8 .field--name-field-columnas .field__item h4 {
  padding: 0 1em;
}

@media (max-width: 768px) {

  .jd-flex .content,
  .jd-flex {
    flex-direction: column !important;
  }

  #block-homebloque1 .content img {
    height: 200px;
    object-fit: cover;
  }

  .field--name-field-columnas .field__item {
    width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    text-align: center;
    min-height: auto;
  }
}

/* //////////////// FIN HOME //////////////// */

/* //////////////// INICIO PÁGINAS INTERNAS //////////////// */
.field--name-field-ancho-100-,
.jd-ancho-100 {
  min-width: 100%;
}

.node--type-page .node__content {
  display: flex;
  flex-wrap: wrap;
}

.node--type-page .field--name-body {
  margin: auto;
}

.node--type-page .node__content>div.field img {
  height: auto;
}

.field--name-field-titulo-bloque-amarillo,
.field--name-field-bloque-amarillo {
  margin: 0 auto;
}

.node--type-page .jd-imagen2 img,
.node--type-page .jd-texto2>*,
.node--type-page .jd-imagen1 img,
.node--type-page .jd-texto1>* {
  max-width: 550px;
  /*width: 100%;*/
}

.node--type-page .jd-imagen2,
.node--type-page .jd-texto2,
.node--type-page .jd-imagen1,
.node--type-page .jd-texto1 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  padding: 2em;
}

.node--type-page .jd-imagen2,
.node--type-page .jd-texto2 {
  background: #F6F6F6;
}

.node--type-page .jd-texto2,
.node--type-page .jd-imagen1 {
  align-items: flex-start;
}

.node--type-page .jd-imagen2,
.node--type-page .jd-texto1 {
  align-items: flex-end;
}

/* Bloque Amarillo */
#bloque-amarillo {
  margin-bottom: 3em;
}

#bloque-amarillo .field--name-field-bloque-amarillo {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}

#bloque-amarillo .field--name-field-bloque-amarillo>*,
.field--name-field-columnas .field__item {
  max-width: 33%;
  padding: 0 0.5em;
}

#bloque-amarillo .field--name-field-bloque-amarillo img,
.field--name-field-columnas img {
  max-width: 100%;
  height: auto;
}

/* NODOS */
.node--type-page .jd-banner {
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 6em;
}

/* Beneficiarios */
.page-node-1696 .jd-banner {
  background-image: url(/sites/default/files/2020-09/imagen-quienes-son.png);
}

.page-node-1696 .jd-banner {
  background-image: url(/sites/default/files/2020-09/imagen-quienes-son.png);
}

.page-node-1696 .field--name-field-texto8,
.page-node-1696 .field--name-field-texto8 p {
  max-width: 100% !important;
  width: 100% !important;
}

.page-node-1696 .field--name-field-texto8 iframe {
  max-width: 100% !important;
  min-height: 790px;
}

/* Node Atención a la Niñez */
.page-node-1691 #bloque-amarillo .field--name-field-bloque-amarillo>* {
  max-width: 50%;
}

.page-node-1691 .jd-columnas>* {
  max-width: 600px;
  padding: 25px;
}

/* Node Lactancia Materna */
.page-node-1690 #bloque-amarillo .field--name-field-bloque-amarillo {
  flex-wrap: wrap;
  justify-content: space-between !important;
}

.page-node-1690 #bloque-amarillo .field--name-field-bloque-amarillo>*,
.page-node-1690 .field--name-field-columnas .field__item {
  text-align: center;
}

/* Node Información Legal */
.page-node-1695 #bloque-amarillo .field--name-field-bloque-amarillo {
  flex-wrap: wrap;
}

.page-node-1695 #bloque-amarillo .field--name-field-bloque-amarillo>* {
  max-width: 50%;
}

.page-node-1695 #bloque-amarillo .field--name-field-bloque-amarillo .field__item img {
  width: 100%;
}

.c-banner-incidencia {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1), rgba(255, 255, 255, .8)),
    url("/themes/custom/fundacion_exito_theme/images/imagen-informacion-legal.png");

}

/* Banco de leche */
.page-node-1716 #bloque-amarillo .field--name-field-bloque-amarillo {
  display: flex;
  flex-wrap: wrap;
}

.page-node-1716 #bloque-amarillo .field--name-field-bloque-amarillo>* {
  max-width: 100%;
}

/* Atención Nutricional */
.page-node-1694 #bloque-amarillo .field--name-field-bloque-amarillo>* {
  background: white;
  margin: 1em;
  max-width: 50%;
}

/* Fuentes de Recaudo */
.page-node-1702 .node--type-page .node__content {
  flex-direction: row-reverse;
  max-width: 1200px;
  margin: auto;
}

.page-node-1702 .field--name-field-campo-adicional>div:nth-child(2n) {
  background-image: url(/sites/default/files/2020-10/imagen-tu-aporte.png);
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 350px;
}

.page-node-1702 .field--name-field-texto-1>div {
  position: absolute;
  opacity: 1;
}

.page-node-1702 .field--name-field-texto-1>p,
.page-node-1702 .field--name-field-texto-1>h1 {
  z-index: 1;
}

.page-node-1702 .field--name-field-campo-adicional>div:nth-child(2n) {
  background-image: url(/sites/default/files/2020-10/imagen-tu-aporte.png);
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 350px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 3em;
}

.page-node-1702 .field--name-field-campo-adicional>div:nth-child(2n) * {
  width: 100%;
}

.page-node-1702 .node--type-page .jd-imagen2 img {
  border: solid 14px #FFDD00;
}

.page-node-1702 #bloque-amarillo .field--name-field-bloque-amarillo>* {
  max-width: 100%;
}

/* Desnutrición Crónica */
.page-node-1701 .field--name-field-columnas-1 {
  max-width: 100% !important;
  width: 100% !important;
}

/* Incidencia en la Política */
.page-node-1703 .jd-banner {
  background-image: url(/themes/custom/fundacion_exito_theme/images/incidencia.png);
}

/* Equipo de Trabajo */
.view-equipo-de-trabajo>.view-content.row,
.view-equipo-de-trabajo>.view-content.row .card-group {
  margin: auto;
  width: 100%;
  text-align: center;
  justify-content: space-evenly;
}

.view-equipo-de-trabajo .card {
  box-shadow: 15px 15px 30px #0000001a;
  border: none;
  min-width: 30%;
  width: 30%;
  max-width: 30%;
  margin: 1em !important;
}

.view-equipo-de-trabajo .card img.image-style-thumbnail {
  margin: auto;
}

.view-equipo-de-trabajo .card-header {
  background-color: transparent;
  border-bottom: none;
  font-family: upgrade, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5em;
}

.page-node-1983 .view-display-id-attachment_1 {
  background-color: #F6F6F6;
}

.page-node-1983 .view-display-id-attachment_3,
.page-node-1983 .view-display-id-attachment_4 {
  background-color: #FFDD00;
}

@media (max-width: 767px) {

  #bloque-amarillo .field--name-field-bloque-amarillo,
  .jd-columnas {
    flex-wrap: wrap;
  }

  #bloque-amarillo .field--name-field-bloque-amarillo>*,
  .node--type-page .node__content>div.field:not(.field--name-body),
  .jd-columnas>* {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .page-node-1695 .p-5 {
    padding: 0em !important;
  }

  .field--name-field-ancho-100- {
    padding: 0;
  }
}

.view-id-aliados .tns-outer .tiny-slider-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* //////////////// FIN PÁGINAS INTERNAS //////////////// */

/* /////////////////////////////////////// FIN Julián López Triario - Julián López Triario.com 2020 ////////////////////////////////////////// */

/* Estilo para nodos tipo iframe */
.node--type-iframe .navbar,
.node--type-iframe .site-footer {
  display: none;
}

.node--type-iframe .content .node--type-iframe iframe {
  height: 85vh;
  width: 100vw;
}

/* Estilo banner de pagina "donar" */
div#block-bootstrap-barrio-subtheme-progresocomprapaso1 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  min-height: 410px;
  /* max-width: 1440px; */
  margin: auto;
  padding: 0 8%;

  .content {
    width: 100%;
    max-width: 1440px;
    margin: auto;
  }

  .donar-image-background {
    /* position: absolute;
    top: 0;
    left: 0; */
    width: 100%;
    height: 100%;
  }

  .donar-image-background img {
    width: 100%;
    height: auto;
    max-height: 100%;
    /* object-fit: cover; */
  }

  .donacion-texto {
    max-width: 550px;
    text-align: center;
    position: relative;
    margin-top: -60px;
    z-index: 2;
  }

  .donacion-texto h2 {
    font-size: 42px;
    font-weight: 700;
  }

  .donacion-texto h3 {
    font-size: 18px;
    font-weight: 600;
  }
}

@media (max-width: 1280px) {
  div#block-bootstrap-barrio-subtheme-progresocomprapaso1 .donar-image-background img {
    width: 80%;
  }
}

@media (max-width: 760px) {
  div#block-bootstrap-barrio-subtheme-progresocomprapaso1 {
    padding: 0;
    min-height: auto;
    margin-top: 70px;

    .donar-image-background {
      position: relative;
    }

    .donar-image-background::after {
      /* background: linear-gradient(180deg, #FFFFFF 54.42%, rgba(255, 255, 255, 0) 78.88%); */
      background: linear-gradient(180deg, #FFFFFF 30%, rgba(255, 255, 255, 0) 100%);
      width: 100%;
      height: 80px;
      top: -10px;
    }

    .donar-image-background img {
      height: auto;
      width: 100%;
    }

    .donacion-texto {
      max-width: 100%;
      margin: 0;
    }

    .donacion-texto h2 {
      font-size: 32px;
      margin-bottom: 30px;
    }

    .donacion-texto h3 {
      font-size: 15px;
    }
  }
}

#block-fundacionexitodonaciondirecta .content {
  justify-content: flex-start;
}

#block-fundacionexitodonaciondirecta .content a {
  padding: 10px;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
  color: white;
  border-radius: 20px;
  background-color: #DF2826;
  display: inline-block;
  width: 100%;
  max-width: 260px;
  text-decoration: none;
  display: grid;
  grid-template-columns: 60px auto;
  gap: 5px 10px;
  align-items: center;

  &::before {
    content: '';
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    max-height: 60px;
    background: url('/themes/custom/fundacion_new_theme/images/svg/diversity.svg') no-repeat center / 100% auto;
    grid-row: 1/3;
  }

  .top-text {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    border-bottom: 1px solid white;
    max-width: max-content;
    margin: auto
  }

  .bottom_text {
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    text-align: center;
  }
}
.alert-wrapper{
  overflow-y: auto;
  max-height: 50vh !important;
}
.alert-wrapper .btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  background: url(/themes/custom/fundacion_new_theme/images/svg/close.svg) no-repeat center / 100% auto;
  transition: transform .3s ease;
}
.alert-wrapper .btn-close:hover {
  transform: scale(1.05);
}
.webform-submission-donaciones-form {
  display: flex;
  flex-wrap: wrap;
  max-width: 579px;
  margin: 0 auto;
}
.webform-submission-donaciones-form svg {
  width: 100%;
  height: 291px;
}
.webform-submission-donaciones-form h2,
.webform-submission-donaciones-form h3,
.webform-submission-donaciones-form .titulos {
  width: 100%;
  text-align: center;
}
.webform-submission-donaciones-form h3 {
  text-align: center;
  letter-spacing: 0px;
  color: #687083;
  font-size: 16px;
  font-weight: normal;
}
.webform-submission-donaciones-form h2 {
  text-align: center;
  letter-spacing: 0px;
  font-size: 24px;
  font-weight: bold;
  color: #111827;
}
.webform-submission-donaciones-form .bebe {
  max-width: min-content;
  min-width: 40%;
  width: 45%;
}
.webform-submission-donaciones-form .webform-progress {
  width: 100%;
}
.webform-submission-donaciones-form .parts {
  display: flex;
  flex-wrap: wrap;
}
.webform-submission-donaciones-form .campos,
.webform-submission-donaciones-form .webform-preview {
  width: 60%;
  padding: 0 15px;
  flex-direction: column;
  overflow-y: auto;
  max-height: 285px;
  overflow-x: hidden;
}
.webform-submission-donaciones-form .campos::-webkit-scrollbar,
.webform-submission-donaciones-form .webform-preview::-webkit-scrollbar {
  width: 3px;
}
.webform-submission-donaciones-form .campos::-webkit-scrollbar-track,
.webform-submission-donaciones-form .webform-preview::-webkit-scrollbar-track {
  background: #D3D7DF;
}
.webform-submission-donaciones-form .campos::-webkit-scrollbar-thumb,
.webform-submission-donaciones-form .webform-preview::-webkit-scrollbar-thumb {
  background-color: #747B8D;
  border-radius: 20px;
  border: 3px solid #747B8D;
}
.webform-submission-donaciones-form .terminos-form p {
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #687083;
}
.webform-submission-donaciones-form .monto-original {
  display: none;
}
.webform-submission-donaciones-form .form-control,
.webform-submission-donaciones-form select {
  height: 46px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #D3D7DF;
  border-radius: 8px;
  width: 100%;
  padding: 0.375rem 0.75rem;
}
.webform-submission-donaciones-form .form-control:focus-visible,
.webform-submission-donaciones-form select:focus-visible {
  border: 1px solid #D3D7DF;
  outline: none;
}
.webform-submission-donaciones-form .form-control.webform-webform-telephone-international {
  padding: 0.375rem 0.75rem 0.375rem 3rem;
}
.webform-submission-donaciones-form .webform-flex--container {
  margin: 0;
}
.webform-submission-donaciones-form .webform-flexbox {
  margin: 0;
  gap: 0 15px;
}
.webform-submission-donaciones-form .webform-flexbox .fieldset {
  margin-bottom: 0 !important;
}
.webform-submission-donaciones-form .webform-actions {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.webform-submission-donaciones-form .webform-button--next,
.webform-submission-donaciones-form .webform-button--preview,
.webform-submission-donaciones-form .button.button--primary.js-form-submit.form-submit.btn.btn-primary {
  height: 57px;
  background: #D61222 0% 0% no-repeat padding-box;
  border-radius: 8px;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #687083;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  color: white;
  border: none;
  order: 1;
}
.webform-submission-donaciones-form .webform-button--previous {
  border: none;
  background: none;
  color: #D61222;
  order: 2;
  margin: 15px 0;
  font-size: 16px;
  font-weight: normal;
  display: flex;
}
.webform-submission-donaciones-form .webform-button--previous:before {
  content: "<";
  display: block;
  margin: 0 5px 0 0;
  position: relative;
}
.webform-submission-donaciones-form .btn-primary.focus, .webform-submission-donaciones-form .btn-primary:focus {
  border-color: none;
  box-shadow: none;
}
.webform-submission-donaciones-form .webform-progress-tracker .progress-step.is-complete .progress-marker::before,
.webform-submission-donaciones-form .webform-progress-tracker .progress-step.is-complete:hover .progress-marker::before,
.webform-submission-donaciones-form .webform-progress-tracker .progress-step.is-complete .progress-marker::after,
.webform-submission-donaciones-form .webform-progress-tracker .progress-step.is-active .progress-marker::before,
.webform-submission-donaciones-form .webform-progress-tracker .progress-step.is-active:hover .progress-marker::before {
  background-color: #00ADBB;
  border: 1px solid #00ADBB;
}
.webform-submission-donaciones-form .webform-progress-tracker .progress-step.is-complete .progress-marker::after {
  height: 3px;
}
.webform-submission-donaciones-form .webform-progress-tracker .progress-step.is-active .progress-text,
.webform-submission-donaciones-form .webform-progress-tracker .progress-step.is-complete .progress-text,
.webform-submission-donaciones-form .webform-progress-tracker .progress-step.is-active .progress-title {
  color: #00ADBB;
  font-weight: normal;
}
.webform-submission-donaciones-form .progress-step.is-active .progress-marker::before {
  background-color: #00ADBB;
}
.webform-submission-donaciones-form .progress-marker::after {
  height: 1px;
  top: 12px;
}
.webform-submission-donaciones-form .webform-progress-tracker .progress-step .progress-marker::before,
.webform-submission-donaciones-form .webform-progress-tracker .progress-step:hover .progress-marker::before {
  border: 1px solid #D3D7DF;
  background: white;
}
.webform-submission-donaciones-form .webform-progress-tracker .progress-step .progress-marker::after {
  background: #D3D7DF;
}
.webform-submission-donaciones-form .js-webform-radios.radio {
  max-width: 318px;
  display: grid;
  grid-template-columns: 31% 31% 31%;
  gap: 10px;
}
.webform-submission-donaciones-form .js-webform-radios.radio .radio {
  min-width: 33.33%;
  padding: 0;
  height: 59px;
  cursor: pointer;
  background: #F5F6F7;
  border-radius: 8px;
  overflow: hidden;
}
.webform-submission-donaciones-form .js-webform-radios.radio .radio label {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: #F5F6F7;
  color: #687083;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.webform-submission-donaciones-form .js-webform-radios.radio .radio .form-check input[type=radio]:checked ~ label {
  background: #FFE300;
  color: #111827;
}
.webform-submission-donaciones-form .js-webform-radios.radio .radio input[type=checkbox], .webform-submission-donaciones-form .js-webform-radios.radio .radio input[type=radio] {
  margin: 0 auto;
}
.webform-submission-donaciones-form .js-form-item.js-form-type-radio.radio.form-check label::after, .webform-submission-donaciones-form .field--type-boolean.field--widget-boolean-checkbox label::after {
  display: none;
}
.webform-submission-donaciones-form .js-form-item.js-form-type-radio.radio.form-check input[type=radio]:checked ~ label::before {
  background-color: #FFE300;
  width: 100%;
  height: 100%;
  border-radius: 0;
  z-index: -1;
  border-color: transparent;
  top: 0;
  left: 0;
  display: block;
}
.webform-submission-donaciones-form .js-form-item.js-form-type-radio.radio.form-check input[type=radio]:checked ~ label::after {
  background-image: none;
}
.webform-submission-donaciones-form .js-form-item.js-form-type-radio.radio.form-check label::before {
  display: none;
}
.w100 {
  width: 100%;
}
.paragraph .pb__two-columns .paragraph, .paragraph .pb__three-columns .paragraph {
  height: unset;
}

body.checkout-complete > section.section {
  max-width: 1440px;
}
.text--cant{
  font-weight: bold;
}
.form-item-unit-price-0-amount-number label#edit-unit-price-0-amount-number-error {
  display: none !important;
}