/* 1a. Containers */































:root {
  
  --primary-color: #E4E0DB;
  
  --secondary-color: #1F1F20;
  
  --alternate-color: #736458;
  
  --dark-color: #000000;
  
  --light-color: #E4E0DB;
  
  --custom-a: #1F1F20;
  
  --custom-b: #fdf3ec;
  
  --custom-c: #FFFFFF;
  
  --primary-font: Garet;
  --secondary-font: Garet;
  --alternate-font: Inter, sans-serif;
  --blog-excerpt: #736458;        /* Texto de resumen en listados de blog */
  --nav-link: #736458;            /* Texto de ítems del menú */
  --nav-link-hover: #1F1F20;      /* Hover/activo en menú */
}

  .primary--color {
    color: #E4E0DB !important;
  }
  .background--primary--color {
    background-color: #E4E0DB !important;
  }

  .secondary--color {
    color: #1F1F20 !important;
  }
  .background--secondary--color {
    background-color: #1F1F20 !important;
  }

  .alternate--color {
    color: #736458 !important;
  }
  .background--alternate--color {
    background-color: #736458 !important;
  }

  .dark--color {
    color: #000000 !important;
  }
  .background--dark--color {
    background-color: #000000 !important;
  }

  .light--color {
    color: #E4E0DB !important;
  }
  .background--light--color {
    background-color: #E4E0DB !important;
  }

  .custom--a {
    color: #1F1F20 !important;
  }
  .background--custom--a {
    background-color: #1F1F20 !important;
  }

  .custom--b {
    color: #fdf3ec !important;
  }
  .background--custom--b {
    background-color: #fdf3ec !important;
  }

  .custom--c {
    color: #FFFFFF !important;
  }
  .background--custom--c {
    background-color: #FFFFFF !important;
  }







.content-wrapper {
  max-width: 1240px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 60px 20px;
}

.dnd-section > .row-fluid {
  /*max-width: 1240px;*/
    max-width:1240px;
}





h1,
          .h1
        {
          
    color:
  
         var(--primary-color) ;
          font-family: var(--primary-font);
          font-size: 36px;
          line-height: 38px;
          letter-spacing: 0.0px;
          font-weight: 700;
        }
      h2,
          .h2
        {
          
    color:
  
         var(--primary-color) ;
          font-family: var(--primary-font);
          font-size: 38px;
          line-height: 42px;
          letter-spacing: 0.0px;
          font-weight: 700;
        }
      h3,
          .h3
        {
          
    color:
  
         var(--custom-a) ;
          font-family: var(--primary-font);
          font-size: 28px;
          line-height: 38px;
          letter-spacing: 0.0px;
          font-weight: 700;
        }
      h4,
          .h4
        {
          
    color:
  
         var(--primary-color) ;
          font-family: var(--primary-font);
          font-size: 24px;
          line-height: 34px;
          letter-spacing: 0.0px;
          font-weight: 500;
        }
      h5,
          .h5
        {
          
    color:
  
         var(--primary-color) ;
          font-family: var(--primary-font);
          font-size: 20px;
          line-height: 28px;
          letter-spacing: 0.0px;
          font-weight: 500;
        }
      h6,
          .h6
        {
          
    color:
  
         var(--custom-a) ;
          font-family: var(--primary-font);
          font-size: 14px;
          line-height: 22px;
          letter-spacing: 0.0px;
          font-weight: 500;
        }
      

          body,
          p,
          .p,
          ul,
          blockquote,
          form,
          form input[type=text],
          form input[type=email],
          form input[type=password],
          form input[type=tel],
          form input[type=number],
          form input[type=file],
          form input[type=file],
          form select,
          form textarea
        
        {
          
    color:
  
         var(--primary-color) ;
          font-family: var(--secondary-font);
          font-size: 18px;
          line-height: 24px;
          letter-spacing: 0.0px;
          font-weight: 400;
        }
      
          .jumbo
        {
          
    color:
  
         var(--primary-color) ;
          font-family: var(--primary-font);
          font-size: 50px;
          line-height: 50px;
          letter-spacing: 0.0px;
          font-weight: 900;
        }
      
.hs_cos_wrapper_type_rich_text ul,
 ul.brand-bullet {
    list-style: none;
  }
  .hs_cos_wrapper_type_rich_text ul li::before,
  ul.brand-bullet li::before{
    font-weight: bold;
    width: 1em;
    
      
    color:
  
         var(--secondary-color) ;
      content: '\2022';
      display: inline-block; 
      margin-left: -1em;
    
  }
  .hs_cos_wrapper_type_rich_text ul li,
   ul.brand-bullet li {
    margin-bottom: 10px;
    position: relative;
  }
a {
    
    color:
  
         var(--alternate-color) ;
        text-decoration: underline;
      
  }

@import url('https://fonts.googleapis.com/css2?family=Garet:wght@900;400;500;600;700;800;900&family=Garet:wght@700;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800;900&display=swap');






    form input[type=submit],
    form .hs-button,
    a.btn-primary,
    button.btn-primary,
    input[type="submit"].btn-primary,
    input[type="button"].btn-primary,
    a.btn-secondary,
    button.btn-secondary,
    input[type="submit"].btn-secondary,
    input[type="button"].btn-secondary,
    a.btn-alternate,
    button.btn-alternate,
    input[type="submit"].btn-alternate,
    input[type="button"].btn-alternate,
    a.btn-dark,
    button.btn-dark,
    input[type="submit"].btn-dark,
    input[type="button"].btn-dark,
    a.btn-light,
    button.btn-light,
    input[type="submit"].btn-light,
    input[type="button"].btn-light,
    .btn-primary,
    .btn-secondary,
    .btn-alternate,
    .btn-dark,
    .btn-light {
      font-family: var(--primary-font);
      font-size: 17px;
      font-weight: 700;
      border-radius: 0px;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-right: 40px;
      padding-left: 40px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: 1px solid transparent;
      text-decoration: none;
      cursor: pointer;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s;
      display:inline-block;
    }

  
      input[type="submit"].btn-primary,
      input[type="button"].btn-primary,
      button.btn-primary,
      a.btn-primary,
      .btn-primary
       {
        
    color:
  
         var(--primary-color) ;
        
    background-color:
  rgba(0, 0, 0, 0.0);custom_color.color|convert_rgbcustom_color.opacity|int/100custom_color.color|convert_rgbcustom_color.opacity|int/100custom_color.color|convert_rgbcustom_color.opacity|int/100custom_color.color|convert_rgbcustom_color.opacity|int/100custom_color.color|convert_rgbcustom_color.opacity|int/100custom_color.color|convert_rgbcustom_color.opacity|int/100custom_color.color|convert_rgbcustom_color.opacity|int/100custom_color.color|convert_rgbcustom_color.opacity|int/100custom_color.color|convert_rgbcustom_color.opacity|int/100custom_color.color|convert_rgbcustom_color.opacity|int/100custom_color.color|convert_rgbcustom_color.opacity|int/100custom_color.color|convert_rgbcustom_color.opacity|int/100custom_color.color|convert_rgbcustom_color.opacity|int/100custom_color.color|convert_rgbcustom_color.opacity|int/100
      }
    
      input[type="submit"].btn-secondary,
      input[type="button"].btn-secondary,
      button.btn-secondary,
      a.btn-secondary,
      .btn-secondary
       {
        
    color:
  
         var(--light-color) ;
        
    background-color:
  
         var(--primary-color) ;
      }
    
      input[type="submit"].btn-alternate,
      input[type="button"].btn-alternate,
      button.btn-alternate,
      a.btn-alternate,
      .btn-alternate
       {
        
    color:
  
         var(--light-color) ;
        
    background-color:
  
         var(--alternate-color) ;
      }
    
      input[type="submit"].btn-dark,
      input[type="button"].btn-dark,
      button.btn-dark,
      a.btn-dark,
      .btn-dark
       {
        
    color:
  
         var(--light-color) ;
        
    background-color:
  
         var(--dark-color) ;
      }
    
      input[type="submit"].btn-light,
      input[type="button"].btn-light,
      button.btn-light,
      a.btn-light,
      .btn-light
       {
        
    color:
  
         var(--light-color) ;
        
    background-color:
  
      ;
          
    border-color:
  
         var(--dark-color) ;
          background-color: #ffffff;
      }
    
        form input[type=submit],
        form .hs-button,
        button
       {
        
    color:
  
         var(--primary-color) ;
        
    background-color:
  
         var(--alternate-color) ;
      }
    
 /* === SUA — CTA del menú (clase .cta) === */
  .cta a,
  .cta button {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .5px;
  background-color: var(--alternate-color); /* o var(--secondary-color) según tu paleta */
  color: #fff !important;
  padding: .6rem 1.4rem;
  border: none;
  border-radius: 4px;
  transition: all .3s ease;
}
  form input[type=submit]:hover,
  form .hs-button:hover,
  a.btn-primary:hover,
  button.btn-primary:hover,
  input[type="submit"].btn-primary:hover,
  input[type="button"].btn-primary:hover,
  a.btn-secondary:hover,
  button.btn-secondary:hover,
  input[type="submit"].btn-secondary:hover,
  input[type="button"].btn-secondary:hover,
  a.btn-alternate:hover,
  button.btn-alternate:hover,
  input[type="submit"].btn-alternate:hover,
  input[type="button"].btn-alternate:hover,
  a.btn-dark:hover,
  button.btn-dark:hover,
  input[type="submit"].btn-dark:hover,
  input[type="button"].btn-dark:hover,
  a.btn-light:hover,
  button.btn-light:hover,
  input[type="submit"].btn-light:hover,
  input[type="button"].btn-light:hover,
  .btn-primary:hover,
  .btn-secondary:hover,
  .btn-alternate:hover,
  .btn-dark:hover,
  .btn-light:hover {
    
      -webkit-transform: translateY(-2px);
          -ms-transform: translateY(-2px);
              transform: translateY(-2px);
      -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.3);
              box-shadow: 0px 2px 5px rgba(0,0,0,0.3);
    
    
  }
  .cta a:hover,
  .cta button:hover {
  background: #fff;
  color: var(--alternate-color) !important;
  border: 1px solid var(--alternate-color);
  }




form,
.submitted-message {
  font-family: var(--secondary-font);
}

/* Form title */

.form-title {
  background-color: ;
  color: ;
}

/* Form label */

form label {
  color: ;
}

/* Form help text */

form legend {
  color: ;
}

/* Form inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  
    color:
  
         var(--dark-color) ;
  border-color:rgba(0,0,0,.2);
  border-radius: 0px;
  width:100% !important;
}

form input[type=text]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=number]:focus,
form input[type=file]:focus,
form select:focus,
form textarea:focus {
  
    border-color:
  
         var(--primary-color) ;
  border-radius: 0px;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  
    color:
  
         var(--primary-color) ;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  
    color:
  
         var(--primary-color) ;
}

/* Date picker */

.fn-date-picker td.is-selected .pika-button {
  background: var(--primary-color);
}

.fn-date-picker td .pika-button:hover {
  background-color: var(--primary-color) !important;
}

.fn-date-picker td.is-today .pika-button {
  color: var(--primary-color);
}






header.global-header #adminBar{   
  
    background-color:
  
         var(--light-color) ;
  margin-top: 0px;
  margin-bottom: 0px;
}
header.global-header #adminBar a,
header.global-header #adminBar *{
  
    color:
  #736458;
}

header.global-header .cnt-menu-mobile-main,
header.global-header .cnt-menu-mobile-main #menuBar,
header.global-header #mobileMenuBar{   
  
    background-color:
  
         var(--primary-color) ;
}
header.global-header #adminBar .nav__list>.menu-item:last-child{
	padding-right:0px;
}
header.global-header .cnt-menu-mobile-main{   
  margin-top: 0px;
  margin-bottom: 0px;
  z-index: 100;
  
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
  
}

header.global-header #menuBar .menu-area .navigation .nav__list  li.menu-item > a.menu-link,
header.global-header #menuBar .menu-area .navigation .nav__list  li.has-submenu > span.chevron,
header.global-header #mobileMenuBar .navigation .nav__list  li.menu-item > a.menu-link,
header.global-header #mobileMenuBar .navigation .nav__list  li.has-submenu > span.chevron {
  
    color:
  #736458;
  font-family: var(--primary-font);
  font-size: 17px;
  line-height: ;
  font-weight: 500;
  letter-spacing: 0.0px;
}

header.global-header #menuBar .cnt-icon-menu-mobile span svg{
  
    fill:
  #736458;
}

header.global-header #menuBar .menu-area .navigation .nav__list  li.menu-item:hover > a.menu-link,
header.global-header #menuBar .menu-area .navigation .nav__list  li.has-submenu:hover > span.chevron,
header.global-header #mobileMenuBar .navigation .nav__list  li.menu-item:hover > a.menu-link,
header.global-header #mobileMenuBar .navigation .nav__list  li.has-submenu:hover > span.chevron {
  
    color:
  
         var(--secondary-color) ;
}

header.global-header .nav__list ul.sub-menu{
  
    background-color:
  
         var(--primary-color) ;
}
header.global-header .nav__list ul.sub-menu li{
  transition:.2s;
}
header.global-header .nav__list ul.sub-menu li:hover{
  border-left-width:2px;
  border-left-style: solid;
  
    border-left-color:
  
         var(--secondary-color) ;;
  transition:.2s;
}

header.global-header #menuBar .navbar{
  height: 80px;
}

header.global-header #mobileMenuBar{
  height: calc(100vh - 80px);
  top:80px;
}

  header.global-header .sticky ~ .before-close-header-tag{
    margin-top: 80px !important;
  }


/* === SUA — Navegación principal === */
header.global-header #menuBar .menu-area .navigation .nav__list li.menu-item > a.menu-link {
  color: var(--nav-link);
}

header.global-header #menuBar .menu-area .navigation .nav__list li.menu-item:hover > a.menu-link,
header.global-header #menuBar .menu-area .navigation .nav__list li.has-submenu:hover > span.chevron {
  color: var(--nav-link-hover);
}

/* Estado activo (según el tema, cualquiera de estos selectores puede aplicar) */
header.global-header .nav__list .menu-item.current-menu-item > a.menu-link,
header.global-header .nav__list .menu-item > a.menu-link[aria-current="page"] {
  color: var(--nav-link-hover);
  border-bottom: 2px solid var(--nav-link-hover);
}





.border--radius--default {
  border-radius: 10px !important;
  overflow: hidden !important;
}

.box--shadow {
  box-shadow:0px 0px 2px rgba(0,0,0,.2);
  transition: .3s;
}
.box--shadow--effect:hover {
  box-shadow:0px 4px 8px rgba(0,0,0,.2);
  transform: translateY(-4px);
  transition: .3s;
}
/* === SUA — Navegación principal === */
header.global-header #menuBar .menu-area .navigation .nav__list li.menu-item > a.menu-link {
  color: var(--nav-link);
}

header.global-header #menuBar .menu-area .navigation .nav__list li.menu-item:hover > a.menu-link,
header.global-header #menuBar .menu-area .navigation .nav__list li.has-submenu:hover > span.chevron {
  color: var(--nav-link-hover);
}

/* Estado activo (según el tema, cualquiera de estos selectores puede aplicar) */
header.global-header .nav__list .menu-item.current-menu-item > a.menu-link,
header.global-header .nav__list .menu-item > a.menu-link[aria-current="page"] {
  color: var(--nav-link-hover);
  border-bottom: 2px solid var(--nav-link-hover);
}




footer {
  
    background-color:
  
         var(--primary-color) ;
  font-family: var(--primary-font);
  font-size: 16px;
}

/* Footer Content */

footer #mainFooter p,
footer #mainFooter a,
footer #mainFooter div{
  
    color:
  
         var(--secondary-color) ;
  font-family: var(--primary-font);
  font-size: 16px;
}

footer #legalFooter {
  
    background-color:
  
         var(--primary-color) ;
}

footer #legalFooter p,
footer #legalFooter a,
footer #legalFooter div,
.admin-bar-menu a{
  font-family: var(--primary-font);
  font-size: 16px;
  
    color:
  
         var(--light-color) ;
  margin:0px auto;
}

footer #legalFooter .legal-footer {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color:transparent;
  padding-top: 15px;
  padding-bottom: 15px;
}
.legal-footer .right-area {
  float:right;
}
.legal-footer .right-area .nav__list li {
  padding-right:0px;
}





.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: 60px 0;
}
.blog-post{
  padding-top:0px;
}
/* Blog listing */

.blog-index__post-title-link {
  color: ;
}

.blog-index__post-tag,
.blog-index__post-author-name {
  color: ;
}

/* Blog pagination */

.blog-pagination__link {
  color: ;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
  background-color: ;
}

.blog-pagination__next-link svg,
.blog-pagination__prev-link svg {
  fill: ;
}

/* Blog post */

.blog-post__meta a {
  color: ;
}

.blog-post__tag-link {
  color: ;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: ;
}

.blog-post__tag-link:active {
  color: ;
}

/* Blog related posts */

.blog-related-posts__title a {
  color: ;
}

/* Blog comments */

.blog-comments {
  margin-bottom: 60px;
}

#comments-listing .comment-reply-to {
  color: ;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: ;
}

#comments-listing .comment-reply-to:active {
  color: ;
}
.btn-simple{display: inline-block;}
.center-span{
  margin:0 auto !important;
  float:inherit !important;
}
 /*ADICIONAL*/

  div.icon--search{
    display:none!important;
  }
  a.menu-link:hover{
    color:#000!important;
  }

    .btn-primary{
  border:1px var(--primary-color) solid;
}
    .cards__card__img{
      border-radius:0px !important;
    }
    
    .card__text{
      text-align:left !important;
    }
/* ===== RSS feed — robusto por CLASE/WRAPPER (no depende del ID) ===== */

/* 0) scope: cualquiera de los dos wrappers */
.rss_feed_module,
.hs_cos_wrapper_type_rss_listing { /* no estilos aquí; solo scope */ }

/* 1) Título */
.rss_feed_module .hs-rss-title a,
.rss_feed_module .hs-rss-title span,
.hs_cos_wrapper_type_rss_listing .hs-rss-title a,
.hs_cos_wrapper_type_rss_listing .hs-rss-title span{
  color:#1F1F20 !important;
  text-decoration:none;
}

/* 2) Excerpt / descripción */
.rss_feed_module .hs-rss-description,
.rss_feed_module .hs-rss-item-text p,
.hs_cos_wrapper_type_rss_listing .hs-rss-description,
.hs_cos_wrapper_type_rss_listing .hs-rss-item-text p{
  color:#736458 !important;
  opacity:1 !important;              /* por si el tema baja opacidad */
  filter:none !important;
  mix-blend-mode:normal !important;
}

/* 3) “Leer más” */
.rss_feed_module .hs-rss-read-more a,
.hs_cos_wrapper_type_rss_listing .hs-rss-read-more a{
  color:#736458 !important;
  border-bottom:1px solid #736458;
  text-decoration:none;
}
.rss_feed_module .hs-rss-read-more a:hover,
.hs_cos_wrapper_type_rss_listing .hs-rss-read-more a:hover{
  color:#1F1F20 !important;
  border-color:#1F1F20 !important;
}

/* 4) Por si algún contenedor/slides “apagan” el item */
.rss_feed_module .hs-rss-item,
.hs_cos_wrapper_type_rss_listing .hs-rss-item{
  opacity:1 !important;
  filter:none !important;
  mix-blend-mode:normal !important;
}
/* =========================================================
   Hero/Slider – Flechas con fondo transparente
   (funciona para Swiper y/o Slick
   ========================================================= */

:root{
  /* color del ícono de la flecha */
  --hero-arrow-color: #E4E0DB;
}

/* ---------- SWIPER ---------- */
.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next,
.swiper-button-prev,
.swiper-button-next{
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* color del chevron (Swiper usa :after) */
.hero-slider .swiper-button-prev:after,
.hero-slider .swiper-button-next:after,
.swiper-button-prev:after,
.swiper-button-next:after{
  color: var(--hero-arrow-color) !important;
  opacity: 1 !important;
  /* font-size: 26px;  opcional: tamaño del ícono */
}

/* ---------- SLICK ---------- */
.hero-slider .slick-prev,
.hero-slider .slick-next,
.slick-prev,
.slick-next{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* color del chevron (Slick usa :before) */
.hero-slider .slick-prev:before,
.hero-slider .slick-next:before,
.slick-prev:before,
.slick-next:before{
  color: var(--hero-arrow-color) !important;
  opacity: 1 !important;
}

/* ---------- Botones envueltos por el tema ---------- */
.hero-slider .carousel-arrow,
.hero-slider .carousel-arrow button{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Accesibilidad: muestra un focus ring cuando se navega con teclado */
.swiper-button-prev:focus-visible,
.swiper-button-next:focus-visible,
.slick-prev:focus-visible,
.slick-next:focus-visible{
  outline: 2px solid var(--hero-arrow-color);
  outline-offset: 2px;
}
/* Header: convertir CTA en link (mismo estilo que el menú) */
.header-cta--link .hs-cta-wrapper,
.header-cta--link .hs-cta-wrapper span,
.header-cta--link .cta,
.header-cta--link .cta_button,
.header-cta--link .hs-button,
.header-cta--link a {
  background: transparent !important;
  background-color: transparent !important;  /* pisa inline */
  border: 0 !important;
  box-shadow: none !important;
  color: inherit !important;                 /* usa mismo color del menú */
  font: inherit !important;                  /* misma tipografía */
  line-height: inherit !important;
  height: auto !important;
  padding: 0 !important;                     /* quita look de botón */
  border-radius: 0 !important;
}

/* Por si el fondo viene inline en el <a> */
.header-cta--link a[style]{
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  padding: 0 !important;
}

/* Espaciado respecto al último item del menú */
.header-cta--link { margin-left: 24px; }

/* Hover/focus accesibles como los links del menú */
.header-cta--link a:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.header-cta--link a:focus-visible{
  outline: 2px solid currentColor;
  outline-offset: 2px;
  border-radius: 4px;
}
/* Opcional: limita a esta página si tomas la clase del body */
.hs-page-id-XXXXX #hs_cos_wrapper_widget_1756238105203_,
/* O sin scope de página: */
#hs_cos_wrapper_widget_1756238105203_{
  margin-left: -20px !important;   /* ← Ajusta el valor que quieras */
  margin-right: 0 !important;
}

/* Responsive (ejemplo) */
@media (max-width: 992px){
  .hs-page-id-XXXXX #hs_cos_wrapper_widget_1756238105203_,
  #hs_cos_wrapper_widget_1756238105203_{
    margin-left: 16px !important;
  }
}
@media (max-width: 576px){
  .hs-page-id-XXXXX #hs_cos_wrapper_widget_1756238105203_,
  #hs_cos_wrapper_widget_1756238105203_{
    margin-left: 0 !important;    /* en móvil sin margen */
  }
}
/* ===== Footer full-bleed (de borde a borde) ===== */

/* 1) El color de fondo va en el wrapper exterior del footer */
footer.footer{
  background:#000 !important;   /* negro de orilla a orilla */
  position: relative;           /* para el fallback de abajo */
}

/* 2) Quita los paddings/gutters del grid SOLO dentro del footer */
footer.footer .row-fluid,
footer.footer .content-wrapper{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 3) Mantén el contenido centrado y con ancho máximo, pero transparente */
footer.footer .content-wrapper{
  /* deja tu max-width del tema si ya existe; si no, fija uno */
  max-width: var(--container-max, 1200px);
  margin: 0 auto;
  background: transparent !important;
}

/* 4) Si #mainFooter / #legalFooter tenían fondo, neutralízalo */
footer.footer #mainFooter,
footer.footer #legalFooter{
  background: transparent !important;
}

/* ===== Fallback: si por estructura el footer está dentro de un contenedor con max-width,
   este pseudo-elemento pinta un rectángulo a 100vw detrás y garantiza el “bleed” ===== */
footer.footer::before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  bottom:0;
  width:100vw;
  transform:translateX(-50%);
  background:#000;
  z-index:-1;
}
/* === Placeholders solo para ESTE formulario === */
#hs_cos_wrapper_widget_1667870660480 .hs-form input[type="text"]::placeholder,
#hs_cos_wrapper_widget_1667870660480 .hs-form input[type="email"]::placeholder,
#hs_cos_wrapper_widget_1667870660480 .hs-form input[type="tel"]::placeholder,
#hs_cos_wrapper_widget_1667870660480 .hs-form input[type="number"]::placeholder,
#hs_cos_wrapper_widget_1667870660480 .hs-form input[type="search"]::placeholder,
#hs_cos_wrapper_widget_1667870660480 .hs-form textarea::placeholder{
  color:#736458 !important;
  opacity:1 !important;
}

/* Cross-browser */
#hs_cos_wrapper_widget_1667870660480 .hs-form input[type="text"]::-webkit-input-placeholder,
#hs_cos_wrapper_widget_1667870660480 .hs-form input[type="email"]::-webkit-input-placeholder,
#hs_cos_wrapper_widget_1667870660480 .hs-form input[type="tel"]::-webkit-input-placeholder,
#hs_cos_wrapper_widget_1667870660480 .hs-form input[type="number"]::-webkit-input-placeholder,
#hs_cos_wrapper_widget_1667870660480 .hs-form input[type="search"]::-webkit-input-placeholder,
#hs_cos_wrapper_widget_1667870660480 .hs-form textarea::-webkit-input-placeholder{ color:#736458 !important; opacity:1 !important; }

#hs_cos_wrapper_widget_1667870660480 .hs-form input[type="text"]::-moz-placeholder,
#hs_cos_wrapper_widget_1667870660480 .hs-form input[type="email"]::-moz-placeholder,
#hs_cos_wrapper_widget_1667870660480 .hs-form input[type="tel"]::-moz-placeholder,
#hs_cos_wrapper_widget_1667870660480 .hs-form input[type="number"]::-moz-placeholder,
#hs_cos_wrapper_widget_1667870660480 .hs-form input[type="search"]::-moz-placeholder,
#hs_cos_wrapper_widget_1667870660480 .hs-form textarea::-moz-placeholder{ color:#736458 !important; opacity:1 !important; }

#hs_cos_wrapper_widget_1667870660480 .hs-form input[type="text"]:-ms-input-placeholder,
#hs_cos_wrapper_widget_1667870660480 .hs-form input[type="email"]:-ms-input-placeholder,
#hs_cos_wrapper_widget_1667870660480 .hs-form input[type="tel"]:-ms-input-placeholder,
#hs_cos_wrapper_widget_1667870660480 .hs-form input[type="number"]:-ms-input-placeholder,
#hs_cos_wrapper_widget_1667870660480 .hs-form input[type="search"]:-ms-input-placeholder,
#hs_cos_wrapper_widget_1667870660480 .hs-form textarea:-ms-input-placeholder{ color:#736458 !important; }

/* Campos del formulario con redondeo en las esquinas */
#hs_cos_wrapper_widget_1667870660480 .hs-form input.hs-input[type="text"],
#hs_cos_wrapper_widget_1667870660480 .hs-form input.hs-input[type="email"],
#hs_cos_wrapper_widget_1667870660480 .hs-form input.hs-input[type="tel"],
#hs_cos_wrapper_widget_1667870660480 .hs-form input.hs-input[type="number"],
#hs_cos_wrapper_widget_1667870660480 .hs-form input.hs-input[type="search"],
#hs_cos_wrapper_widget_1667870660480 .hs-form select.hs-input{
  -webkit-appearance:none; appearance:none;
  background:#fff !important;
  color:#736458 !important;
  border:1.5px solid #736458 !important;
  border-radius:9999px !important;   /* pill */
  height:46px !important;
  line-height:46px !important;
  padding:0 16px !important;
  width:100%; box-sizing:border-box;
  box-shadow:none !important; outline:none !important;
  caret-color:#736458;
}

/* Focus sin halo */
#hs_cos_wrapper_widget_1667870660480 .hs-form input.hs-input[type="text"]:focus,
#hs_cos_wrapper_widget_1667870660480 .hs-form input.hs-input[type="email"]:focus,
#hs_cos_wrapper_widget_1667870660480 .hs-form input.hs-input[type="tel"]:focus,
#hs_cos_wrapper_widget_1667870660480 .hs-form input.hs-input[type="number"]:focus,
#hs_cos_wrapper_widget_1667870660480 .hs-form input.hs-input[type="search"]:focus,
#hs_cos_wrapper_widget_1667870660480 .hs-form select.hs-input:focus{
  border-color:#736458 !important;
  box-shadow:none !important;
}

/* (Opcional) corrige el amarillo del autofill en Chrome */
#hs_cos_wrapper_widget_1667870660480 .hs-form input.hs-input:-webkit-autofill{
  -webkit-text-fill-color:#736458 !important;
  transition:background-color 9999s ease-out 0s;
  box-shadow:0 0 0 1000px #fff inset !important;
}
/* ===== Botón del form como enlace subrayado, alineado a la derecha ===== */

/* Alinear contenedor del botón a la derecha */
#hs_cos_wrapper_widget_1667870660480 .hs_submit .actions{
  display: flex;
  justify-content: flex-end;
}

/* Estilo del botón (input[type=submit] con clase .hs-button) */
#hs_cos_wrapper_widget_1667870660480 .hs-form .hs-button,
#hs_cos_wrapper_widget_1667870660480 .hs-form input[type="submit"]{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #1F1F20 !important;                 /* color de letra */
  font-weight: 500;
  font-size: 18px;                           /* ajusta tamaño de letra */
  line-height: 1;
  padding: 0 !important;                     /* sin padding de “botón” */
  border-radius: 0 !important;
  text-decoration: none !important;
  display: inline-block;
  border-bottom: 2px solid currentColor !important;/* <— subrayado forzado */
  cursor: pointer;
}

/* Hover/focus (opcional): leve cambio para feedback */
#hs_cos_wrapper_widget_1667870660480 .hs-form .hs-button:hover,
#hs_cos_wrapper_widget_1667870660480 .hs-form .hs-button:focus{
  opacity: .85;                              /* o usa color: #736458; si prefieres */
  outline: none;
}
/* RSS Feed: mostrar solo los 3 primeros items (evita la “fila duplicada”) */
#hs_cos_wrapper_widget_1667199435874 .hs-rss-module .hs-rss-item:nth-of-type(n+4) {
  display: none !important;
}

/* Si por algún motivo el módulo renderiza dos .hs-rss-module seguidos, oculta el segundo */
#hs_cos_wrapper_widget_1667199435874 .hs-rss-module + .hs-rss-module {
  display: none !important;
}
/* ————— Suscripción: patrón detrás y card estable ————— */

/* 1) Sección con patrón */
.section--subscribe{
  position: relative;
  isolation: isolate;              /* nuevo stacking para que nada “escape” */
  padding-block: clamp(48px, 10vw, 96px);
  padding-inline: clamp(16px, 6vw, 40px);  /* respiración horizontal responsiva */
  overflow: hidden;                /* recorta la imagen decorativa */
}

/* 2) Imagen decorativa: no empuja el layout */
.section--subscribe .pattern-img{
  position: absolute;
  inset: 0 auto 0 0;               /* pegada a la izquierda y alto completo */
  width: min(70vw, 900px);         /* ancho relativo para desktop */
  height: 100%;
  object-fit: cover;
  z-index: -1;                     /* queda detrás */
  pointer-events: none;
  user-select: none;
}

/* 3) Card del formulario */
.section--subscribe .subscribe-card{
  margin-left: auto;               /* en desktop se alinea a la derecha */
  max-width: 640px;                /* límite de ancho */
  width: 100%;
}
/* Placeholders de inputs/textarea en formularios HubSpot */
.hs-form .hs-input::placeholder,
.hs-form input.hs-input::placeholder,
.hs-form textarea.hs-input::placeholder { 
  color: #736458 !important;
  opacity: 1;  /* evita el gris aclarado por defecto */
}

/* Compatibilidad (WebKit/Edge/IE) */
.hs-form .hs-input::-webkit-input-placeholder { color: #736458 !important; opacity: 1; }
.hs-form .hs-input:-ms-input-placeholder      { color: #736458 !important; }
.hs-form .hs-input::-ms-input-placeholder     { color: #736458 !important; }

/* ===========================================================
   BLOG POST – Artículos relacionados (matching blog listing)
   Autor: Gustavo Padrón — 2025-09-20
   Descripción:
   Fuerza colores y elimina el “fade” del módulo de relacionados
   para que coincida con el estilo del listado de blog.
   =========================================================== */

/* 0) Ámbito: sólo páginas de entrada de blog */
.hs-blog-post {
  --rel-title:   #1F1F20;  /* Título */
  --rel-excerpt: #736458;  /* Resumen / cuerpo corto */
}

/* 1) Quitar opacidades y filtros que “apagan” el contenido */
.hs-blog-post .blog-related-posts__post,
.hs-blog-post .blog-related-posts__post * {
  opacity: 1 !important;
  filter: none !important;
}

/* 2) Título del relacionado */
.hs-blog-post .blog-related-posts__title,
.hs-blog-post .blog-related-posts__title a {
  color: var(--rel-title) !important;
}

/* Hover/Focus del título: subrayado y matiz alterno (opcional) */
.hs-blog-post .blog-related-posts__title a:hover,
.hs-blog-post .blog-related-posts__title a:focus {
  color: var(--rel-excerpt) !important;
  text-decoration: underline;
}

/* 3) Texto / extracto del relacionado */
.hs-blog-post .blog-related-posts__content,
.hs-blog-post .blog-related-posts__content p,
.hs-blog-post .blog-related-posts__content span {
  color: var(--rel-excerpt) !important;
}

/* 4) “Leer más”: presentarlo como enlace subrayado (sin caja) */
.hs-blog-post .blog-related-posts__post a.btn-simple,
.hs-blog-post .blog-related-posts__post a.more,
.hs-blog-post .blog-related-posts__post a.more-link {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  color: var(--rel-title) !important;
  text-decoration: underline !important;
}

/* (Opcional) Si el card del relacionado trae sombras/overlays que distraen */
.hs-blog-post .blog-related-posts__post.cards__card {
  box-shadow: none; /* ajusta o elimina si quieres conservar la sombra */
}
/* Página específica: sangrar módulo de imagen por ID */
@media (min-width: 992px) {
  #hs_cos_wrapper_widget_1758562638049 {
    margin-right: calc(19% -19vw) !important;
  }
  #hs_cos_wrapper_widget_1758562638049 img {
    display: block;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
  }
}
@media (max-width: 991.98px) {
  #hs_cos_wrapper_widget_1758562638049 {
    margin-right: 0 !important;
  }
}