/*!
 * Caramés Mediación — hoja de maquetación unificada del tema hijo (témini).
 * TODO el CSS de maquetación vive aquí: componentes + header/footer + páginas.
 * Cargada site-wide y la última (override sobre BeTheme). NADA inline ni por página.
 * Editar SOLO este archivo. Componentes reutilizables arriba; específicos por página abajo.
 */

/* ============================================================
   1 · COMPONENTES REUTILIZABLES + TOKENS + DOC/ARCHIVE/SINGLE/WOO
   ============================================================ */
/* ============================================================
   CARAMÉS MEDIACIÓN — Sistema de marca para páginas internas
   Reutiliza el estilo de la portada (tipografías, colores,
   héroes, tarjetas, CTA…) en cualquier página maquetada con el
   maquetador visual de Betheme. Todo va acotado a `.cm-pg` para
   no afectar al resto del sitio ni a la portada.
   ============================================================ */
.cm-pg {
   --cm-primary: #3D65DF;
   --cm-comp: #E35F38;
   --cm-sec: #D6CCEE;
   --cm-black: #1D1D1C;
   --cm-dgray: #494946;
   --cm-mgray: #8C8C88;
   --cm-light: #F7F5EE;
   --cm-white: #FCFCFC;
}

.section_wrapper:after {
   content: none !important;
}

.no_content {
   .the_content_wrapper {
      display: none !important;
   }
}

/* ---- Reset de plantilla ---- */
.cm-pg #Subheader,
.cm-pg #Sliding-top {
   display: none !important;
}

.cm-pg #Content {
   padding: 0 !important;
   margin: 0 !important;
}

.cm-pg #Wrapper {
   overflow: hidden;
}

.cm-pg .mcb-section {
   position: relative;
}

.cm-pg .mcb-section .mcb-section-inner {
   max-width: 1480px;
   margin: 0 auto;
   padding-left: 36px;
   padding-right: 36px;
   box-sizing: border-box;
}

.cm-pg h1,
.cm-pg h2,
.cm-pg h3,
.cm-pg h4 {
   font-family: "Instrument Serif", serif !important;
   font-weight: 400 !important;
}

.cm-pg .mcb-item-plain_text,
.cm-pg .desc {
   font-family: "Inter", sans-serif;
}

.cm-pg img {
   max-width: 100%;
}

/* ---- Botón pill ---- */
.cm-pg .cm-btn a.button {
   display: inline-flex !important;
   align-items: center;
   gap: 10px;
   background: var(--cm-primary) !important;
   background-image: none !important;
   color: #fff !important;
   border: 0 !important;
   border-radius: 2000px !important;
   padding: 16px 30px !important;
   font-size: 18px !important;
   font-weight: 500 !important;
   font-family: "Inter", sans-serif !important;
   box-shadow: none !important;
}

.cm-pg .cm-btn a.button:hover {
   background: #2F51BC !important;
}

.cm-pg .cm-btn a.button .button_label,
.cm-pg .cm-btn a.button span {
   color: #fff !important;
}

.cm-pg .cm-btn-light a.button {
   background: #fff !important;
}

.cm-pg .cm-btn-light a.button .button_label,
.cm-pg .cm-btn-light a.button span {
   color: var(--cm-black) !important;
}

/* ---- Hero de página (banda redondeada) ---- */
.cm-pg .cm-ph {
   border-radius: 24px;
   margin: 24px 36px 0 !important;
   background: var(--cm-primary);
   overflow: hidden;
}

.cm-pg .cm-ph.cm-ph-dark {
   background: var(--cm-black);
}

.cm-pg .cm-ph .mcb-section-inner {
   padding: 104px 56px !important;
}

.cm-pg .cm-ph-h .title {
   color: #fff !important;
   font-size: 72px !important;
   line-height: 1.0 !important;
   letter-spacing: -1px;
   margin: 0 0 22px !important;
   max-width: 1100px;
}

.cm-pg .cm-ph-p {
   color: rgba(255, 255, 255, .92) !important;
   font-size: 20px !important;
   line-height: 1.6;
   max-width: 720px;
}

.cm-pg .cm-ph .cm-btn {
   margin-top: 30px;
}

/* ---- Sección estándar ---- */
.cm-pg .cm-sec .mcb-section-inner {
   --pd: 3rem 0;
   padding: var(--pd);

   @media (width >=960px) {
      --pd: 8rem 0;
   }
}

.cm-pg .cm-sec-light {
   background: var(--cm-light);
}

.cm-pg .cm-sec-tight .mcb-section-inner {
   --pd: 3rem 0;
   padding: var(--pd);

   @media (width >=960px) {
      --pd: 8rem 0;
   }
}

.cm-pg .cm-center {
   text-align: center;
}

.cm-pg .cm-h2 .title {
   color: var(--cm-black) !important;
   font-size: 48px !important;
   line-height: 1.1 !important;
   margin: 0 0 16px !important;
}

.cm-pg .cm-eyebrow {
   color: var(--cm-primary) !important;
   font-family: "Inter", sans-serif !important;
   font-weight: 600 !important;
   font-size: 15px !important;
   letter-spacing: .08em;
   text-transform: uppercase;
   margin: 0 0 10px !important;
}

.cm-pg .cm-sub {
   color: var(--cm-mgray) !important;
   font-size: 20px !important;
   line-height: 1.5;
   max-width: 760px;
}

.cm-pg .cm-center .cm-sub {
   margin-left: auto;
   margin-right: auto;
}

.cm-pg .cm-lead {
   color: var(--cm-dgray) !important;
   font-size: 21px !important;
   line-height: 1.7;
   max-width: 920px;
}

.cm-pg .cm-body {
   color: var(--cm-dgray) !important;
   font-size: 17px !important;
   line-height: 1.75;
   max-width: 920px;
}

.cm-pg .cm-body a,
.cm-pg .cm-card a {
   color: var(--cm-primary) !important;
   text-decoration: none;
}

.cm-pg .cm-body a:hover,
.cm-pg .cm-card a:hover {
   text-decoration: underline;
}

.cm-pg .cm-body strong {
   color: var(--cm-black) !important;
}

/* ---- Filas en rejilla ---- */
.cm-pg .cm-row .mcb-section-inner {
   display: flex !important;
   flex-wrap: wrap;
   gap: 24px;
   align-items: stretch;
}

.cm-pg .cm-row .mcb-wrap {
   flex: 1 1 100%;
   margin: 0 !important;
}

.cm-pg .cm-row .mcb-wrap .mcb-wrap-inner {
   margin: 0 !important;
}

.cm-pg .cm-row .mcb-wrap .mcb-column {
   width: 100% !important;
}

.cm-pg .cm-row .cm-col-2 {
   flex: 1 1 calc(50% - 12px) !important;
   max-width: calc(50% - 12px);
}

.cm-pg .cm-row .cm-col-3 {
   flex: 1 1 calc(33.333% - 16px) !important;
   max-width: calc(33.333% - 16px);
}

.cm-pg .cm-row .cm-col-full {
   flex: 1 1 100% !important;
   max-width: 100%;
}

/* ---- Tarjetas ---- */
.cm-pg .cm-card .mcb-wrap-inner {
   --pd: 1.5rem;
   background: var(--cm-white);
   border: 1px solid #ebe6d7;
   border-radius: 24px;
   padding: var(--pd) !important;
   height: 100%;
   box-sizing: border-box;

   @media (width >=1025px) {
      --pd: 2.5rem;
   }
}

.cm-pg .cm-card-blue .mcb-wrap-inner {
   background: var(--cm-primary);
   border-color: transparent;
}

.cm-pg .cm-card-dark .mcb-wrap-inner {
   background: var(--cm-black);
   border-color: transparent;
}

.cm-pg .cm-card-h .title {
   font-size: 30px !important;
   color: var(--cm-black) !important;
   line-height: 1.1 !important;
   margin: 0 0 14px !important;
}

.cm-pg .cm-card-blue .cm-card-h .title,
.cm-pg .cm-card-dark .cm-card-h .title {
   color: #fff !important;
}

.cm-pg .cm-card-num .title {
   font-size: 60px !important;
   color: var(--cm-primary) !important;
   line-height: 1 !important;
   margin: 0 0 6px !important;
}

.cm-pg .cm-card .cm-body,
.cm-pg .cm-card .cm-card-txt {
   color: var(--cm-dgray) !important;
   font-size: 16px !important;
   line-height: 1.65;
   font-family: "Inter", sans-serif;
}

.cm-pg .cm-card-blue .cm-card-txt,
.cm-pg .cm-card-dark .cm-card-txt {
   color: rgba(255, 255, 255, .9) !important;
}

.cm-pg .cm-card-blue .cm-card-txt a,
.cm-pg .cm-card-dark .cm-card-txt a {
   color: #fff !important;
}

/* ---- Lista de características ---- */
.cm-pg .cm-feat .list_item {
   margin: 8px 0 !important;
   padding: 0 0 0 22px !important;
   position: relative;
   display: block !important;
}

.cm-pg .cm-feat .list_left {
   display: none !important;
}

.cm-pg .cm-feat .list_item:before {
   content: "";
   position: absolute;
   left: 0;
   top: 12px;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: var(--cm-primary);
}

.cm-pg .cm-feat .list_right {
   margin: 0 !important;
   padding: 0 !important;
}

.cm-pg .cm-feat .list_right .title {
   font-family: "Inter", sans-serif !important;
   font-size: 17px !important;
   font-weight: 600 !important;
   color: var(--cm-black) !important;
   margin: 0 0 2px !important;
}

.cm-pg .cm-feat .list_right .desc {
   font-family: "Inter", sans-serif !important;
   color: var(--cm-mgray) !important;
   font-size: 15px !important;
   line-height: 1.55;
}

/* ---- Pasos ---- */
.cm-pg .cm-steps {
   max-width: 760px;
   margin: 0 auto !important;
   position: relative;
}

.cm-pg .cm-steps:before {
   content: "";
   position: absolute;
   left: 33px;
   top: 30px;
   bottom: 30px;
   width: 2px;
   background: rgba(255, 255, 255, .35);
}

.cm-pg .cm-step {
   margin-bottom: 26px;
}

.cm-pg .cm-step .how_it_works {
   display: grid !important;
   grid-template-columns: 66px 1fr;
   column-gap: 24px;
   text-align: left !important;
   border: 0 !important;
}

.cm-pg .cm-step .image_wrapper {
   grid-column: 1;
   grid-row: 1/3;
   width: 66px;
   height: 66px;
   margin: 0 !important;
   position: relative;
   z-index: 1;
}

.cm-pg .cm-step .image_wrapper .image {
   display: none !important;
}

.cm-pg .cm-step .number {
   position: static !important;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 66px !important;
   height: 66px !important;
   border-radius: 50%;
   border: 2px solid rgba(255, 255, 255, .6);
   background: var(--cm-primary) !important;
   color: #fff !important;
   font-family: "Instrument Serif", serif !important;
   font-size: 30px !important;
}

.cm-pg .cm-step h4.title {
   grid-column: 2;
   align-self: center;
   color: #fff !important;
   font-size: 26px !important;
   margin: 0 0 4px !important;
}

.cm-pg .cm-step .desc {
   grid-column: 2;
   color: rgba(255, 255, 255, .82) !important;
   font-size: 16px !important;
   line-height: 1.5;
}

/* ---- FAQ / acordeón ---- */
.cm-pg .cm-acc .question {
   border: 1px solid #e7e3d6 !important;
   border-radius: 16px !important;
   margin-bottom: 14px !important;
   background: var(--cm-light) !important;
   overflow: hidden;
}

.cm-pg .cm-acc .question>.title {
   font-family: "Inter", sans-serif !important;
   font-size: 18px !important;
   font-weight: 600 !important;
   color: var(--cm-black) !important;
   padding: 20px 18px !important;
}

.cm-pg .cm-acc .question .answer {
   padding: 0 18px 18px !important;
   color: var(--cm-dgray) !important;
   font-size: 16px !important;
   line-height: 1.6;
}

/* ---- Banda CTA ---- */
.cm-pg .cm-cta {
   border-radius: 24px;
   margin: 24px 36px !important;
   background: var(--cm-black);
   overflow: hidden;
}

.cm-pg .cm-cta-blue {
   background: var(--cm-primary);
}

.cm-pg .cm-cta .mcb-section-inner {
   --pd: 3rem 0;
   padding: var(--pd);

   @media (width >=960px) {
      --pd: 9rem 0;
   }

   text-align: center;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.cm-pg .cm-cta-h .title {
   color: #fff !important;
   font-size: 54px !important;
   line-height: 1.12 !important;
   max-width: 820px;
   margin: 0 auto 18px !important;
}

.cm-pg .cm-cta-p {
   color: var(--cm-light) !important;
   font-size: 20px !important;
   line-height: 1.6;
   max-width: 620px;
   margin: 0 auto 34px !important;
}

/* ---- Formulario (FluentForm) ---- */
.cm-pg .cm-form {
   margin: 0 auto;
}

.cm-pg .cm-form .ff-el-input--label label,
.cm-pg .cm-form label {
   font-family: "Inter", sans-serif !important;
   color: var(--cm-dgray) !important;
}

.cm-pg .cm-form .ff-btn-submit {
   background: var(--cm-primary) !important;
   border: 0 !important;
   border-radius: 2000px !important;
   padding: 14px 32px !important;
   font-family: "Inter", sans-serif !important;
   font-weight: 500 !important;
}

/* ---- Responsive ---- */
@media(max-width:959px) {
   .cm-pg .mcb-section .mcb-section-inner {
      padding-left: 20px;
      padding-right: 20px;
   }

   .cm-pg .cm-ph,
   .cm-pg .cm-cta {
      margin-left: 16px !important;
      margin-right: 16px !important;
   }

   .cm-pg .cm-ph .mcb-section-inner {
      padding: 56px 24px;
   }

   .cm-pg .cm-ph-h .title {
      font-size: 40px !important;
   }

   .cm-pg .cm-h2 .title,
   .cm-pg .cm-cta-h .title {
      font-size: 32px !important;
   }

   .cm-pg .cm-row .cm-col-2,
   .cm-pg .cm-row .cm-col-3 {
      flex: 1 1 100% !important;
      max-width: 100%;
   }
}

/* ============================================================
   COMPONENTES EDITORIALES COMPARTIDOS (mediacion-online,
   como-funciona…). Mismas clases mo-* que usa la página 128:
   kicker, hero editorial con specs, trust bar, bullets, CTA.
   ============================================================ */
.cm-pg .mo-kicker {
   font-family: "Inter", sans-serif !important;
   font-size: 12px !important;
   font-weight: 600 !important;
   letter-spacing: .14em;
   text-transform: uppercase;
   color: var(--cm-dgray) !important;
   margin: 0 0 18px !important;
}

.cm-pg .mo-kicker:after {
   content: "";
   display: block;
   width: 32px;
   height: 1px;
   background: var(--cm-black);
   margin-top: 8px;
}

.cm-pg .mo-kicker-w {
   color: rgba(255, 255, 255, .85) !important;
}

.cm-pg .mo-kicker-w:after {
   background: rgba(255, 255, 255, .7);
}

.cm-pg .mo-kicker-sm {
   font-family: "Inter", sans-serif !important;
   font-size: 12px !important;
   font-weight: 600 !important;
   letter-spacing: .1em;
   text-transform: uppercase;
   color: var(--cm-dgray) !important;
   margin: 0 0 12px !important;
}

.cm-pg .mo-kicker-sm:after {
   content: "";
   display: block;
   width: 32px;
   height: 1px;
   background: var(--cm-comp);
   margin-top: 6px;
}

.cm-pg .mo-btn-dark a.button {
   background: var(--cm-black) !important;
}

.cm-pg .mo-btn-dark a.button:hover {
   background: #000 !important;
}

.cm-pg .mo-btn-orange a.button {
   background: var(--cm-comp) !important;
}

.cm-pg .mo-btn-orange a.button:hover {
   background: #C84E2B !important;
}

.cm-pg .mo-link a {
   font-family: "Inter", sans-serif;
   font-size: 17px;
   font-weight: 500;
   color: var(--cm-black) !important;
   text-decoration: none;
}

.cm-pg .mo-link a:hover {
   text-decoration: underline;
}

.cm-pg .mo-bullet {
   position: relative;
   padding-left: 18px;
   margin-bottom: 20px !important;
}

.cm-pg .mo-bullet:before {
   content: "";
   position: absolute;
   left: 0;
   top: 7px;
   width: 6px;
   height: 6px;
   background: var(--cm-comp);
}

.cm-pg .mo-bullet strong {
   display: block;
   font-size: 16px;
   font-weight: 600;
   color: #fff;
}

.cm-pg .mo-bullet em {
   display: block;
   font-style: normal;
   font-size: 14px;
   color: rgba(255, 255, 255, .78);
   margin-top: 2px;
}

/* hero editorial (sección con uid moHero) */
.cm-pg .mcb-section-moHero {
   background: var(--cm-light);
   border-top: 1px solid #E6E1D3;
}

.cm-pg .mcb-section-moHero .mcb-section-inner {
   --pd: 3rem 0;
   padding: var(--pd);

   @media (width >=960px) {
      --pd: 7rem 0;
   }
}

.cm-pg .mo-hero-h .title {
   --m: 0 0 1.5rem !important;
   color: var(--cm-black) !important;
   font-size: clamp(48px, 6.2vw, 96px) !important;
   line-height: 1.02 !important;
   letter-spacing: -2px;
   max-width: 1180px;
   margin: var(--m);

   @media (width >=960px) {
      --m: 0 0 2rem !important;
   }
}

.cm-pg .mo-specs .mcb-wrap-inner {
   border-top: 1px solid #DDD8C9;
   border-bottom: 1px solid #DDD8C9;
   padding: 22px 0;
}

.cm-pg .mo-spec {
   padding-right: 24px;
}

.cm-pg .mo-spec em {
   display: block;
   font-style: normal;
   font-size: 13px;
   color: var(--cm-mgray);
   margin-bottom: 6px;
}

.cm-pg .mo-spec strong {
   display: block;
   font-size: 18px;
   font-weight: 600;
   color: var(--cm-black);
}

.cm-pg .mo-herobtns {
   margin-top: 32px !important;
}

.cm-pg .mo-herobtns .mcb-wrap-inner {
   display: flex;
   align-items: center;
   gap: 36px;
   flex-wrap: wrap;
}

.cm-pg .mo-herobtns .mcb-column {
   width: auto !important;
   float: none !important;
   margin: 0 !important;
}

.cm-pg .mo-herobtns .mcb-item-button {
   margin: 0 !important;
}

/* trust bar (sección con uid moTrust) */
.cm-pg .mcb-section-moTrust {
   background: var(--cm-black);
}

.cm-pg .mcb-section-moTrust .mcb-section-inner {
   --pd: 3rem 0;
   padding: var(--pd);

   @media (width >=960px) {
      --pd: 3rem 0;
   }
}

.cm-pg .mo-stat {
   padding: 4px 24px 4px 0;
}

.cm-pg .mo-stat strong {
   display: block;
   font-family: "Instrument Serif", serif;
   font-weight: 400;
   font-size: 26px;
   color: #fff;
   line-height: 1.15;
}

.cm-pg .mo-stat em {
   display: block;
   font-style: normal;
   font-size: 14px;
   color: var(--cm-mgray);
   margin-top: 2px;
}

.cm-pg .mcb-section-moTrust .mcb-column:not(:first-child) .mo-stat {
   border-left: 1px solid rgba(255, 255, 255, .18);
   padding-left: 24px;
}

/* CTA negra a sangre completa */
.cm-pg .mo-cta-full {
   border-radius: 0 !important;
   margin: 0 !important;
}

.cm-pg .mo-cta-full .mcb-section-inner {
   --pd: 3rem 0;
   padding: var(--pd);

   @media (width >=960px) {
      --pd: 10rem 0;
   }
}

@media(max-width:959px) {
   .cm-pg .mo-hero-h .title {
      font-size: 42px !important;
   }

   .cm-pg .mo-spec {
      padding: 10px 0;
   }

   .cm-pg .mcb-section-moTrust .mcb-column .mo-stat {
      border-left: 0;
      padding-left: 0;
   }
}

/* ============================================================
   PÁGINAS DE DOCUMENTO (legales), ARCHIVOS y POSTS
   body: .cm-pg.cm-doc / .cm-pg.cm-archive / .cm-pg.cm-single
   ============================================================ */

/* ---- cabecera editorial común (Subheader del tema) ---- */
.cm-pg.cm-doc #Subheader,
.cm-pg.cm-archive #Subheader,
.cm-pg.cm-single #Subheader {
   display: block !important;
   background: var(--cm-light);
   border-top: 1px solid #E6E1D3;
   border-bottom: 1px solid #E6E1D3;
   padding: 64px 0 56px;
   text-align: left;
}

.cm-pg.cm-doc #Subheader .container,
.cm-pg.cm-archive #Subheader .container,
.cm-pg.cm-single #Subheader .container {
   max-width: 1480px;
   margin: 0 auto;
   padding: 0 36px;
   width: auto;
}

.cm-pg #Subheader .column {
   margin: 0 !important;
   width: 100% !important;
}

.cm-pg.cm-doc #Subheader .title,
.cm-pg.cm-archive #Subheader .title,
.cm-pg.cm-single #Subheader .title {
   font-family: "Instrument Serif", serif !important;
   font-weight: 400 !important;
   font-size: clamp(64px, 4.4vw, 64px) !important;
   line-height: 1.05 !important;
   letter-spacing: -1px;
   color: var(--cm-black) !important;
   margin: 0 !important;
   padding: 0 !important;
   float: none !important;
   width: 100% !important;
}

.cm-pg.cm-doc #Subheader .title:before,
.cm-pg.cm-archive #Subheader .title:before,
.cm-pg.cm-single #Subheader .title:before {
   content: "Caramés Mediación";
   display: block;
   width: max-content;
   font-family: "Inter", sans-serif;
   font-size: 12px;
   font-weight: 600;
   letter-spacing: .14em;
   text-transform: uppercase;
   color: var(--cm-dgray);
   border-bottom: 1px solid var(--cm-black);
   padding-bottom: 6px;
   margin-bottom: 20px;
}

.cm-pg.cm-doc #Subheader .title:before {
   content: "Información legal";
}

.cm-pg.cm-archive #Subheader .title:before {
   content: "Blog · Categoría";
}

.cm-pg.cm-single #Subheader .title:before {
   content: "Blog";
}

.cm-pg #Subheader ul.breadcrumbs,
.cm-pg #Subheader .breadcrumbs {
   display: none !important;
}

.cm-pg.cm-single #Subheader .title {
   max-width: 1000px;
}

/* ---- DOC: contenido legible ---- */
.cm-pg.cm-doc #Content {
   padding: 0 !important;
}

.cm-pg.cm-doc .the_content_wrapper {
   max-width: 880px;
   float: none !important;
   font-family: "Inter", sans-serif;
   font-size: 16px;
   color: var(--cm-dgray);
   line-height: 1.75;
}

.cm-pg.cm-doc .the_content_wrapper h1,
.cm-pg.cm-doc .the_content_wrapper h2,
.cm-pg.cm-doc .the_content_wrapper h3,
.cm-pg.cm-doc .the_content_wrapper h4 {
   color: var(--cm-black) !important;
   margin: 44px 0 14px !important;
}

.cm-pg.cm-doc .the_content_wrapper h2 {
   font-size: 30px !important;
   line-height: 1.2 !important;
}

.cm-pg.cm-doc .the_content_wrapper h3 {
   font-size: 24px !important;
   line-height: 1.25 !important;
}

.cm-pg.cm-doc .the_content_wrapper h4 {
   font-size: 20px !important;
}

.cm-pg.cm-doc .the_content_wrapper p {
   margin-bottom: 16px;
}

.cm-pg.cm-doc .the_content_wrapper a {
   color: var(--cm-primary) !important;
   text-decoration: underline;
   text-underline-offset: 3px;
}

.cm-pg.cm-doc .the_content_wrapper strong {
   color: var(--cm-black);
}

.cm-pg.cm-doc .the_content_wrapper ul,
.cm-pg.cm-doc .the_content_wrapper ol {
   margin: 0 0 18px;
   padding-left: 22px;
}

.cm-pg.cm-doc .the_content_wrapper li {
   margin-bottom: 8px;
   list-style: disc;
}

.cm-pg.cm-doc .the_content_wrapper ol li {
   list-style: decimal;
}

.cm-pg.cm-doc .the_content_wrapper li::marker {
   color: var(--cm-primary);
}

.cm-pg.cm-doc .the_content_wrapper table {
   width: 100%;
   border-collapse: collapse;
   margin: 0 0 24px;
   font-size: 14px;
}

.cm-pg.cm-doc .the_content_wrapper th,
.cm-pg.cm-doc .the_content_wrapper td {
   border: 1px solid #E6E1D3;
   padding: 10px 12px;
   text-align: left;
}

.cm-pg.cm-doc .the_content_wrapper th {
   background: var(--cm-light);
   color: var(--cm-black);
}

/* ---- ARCHIVE + SINGLE: fondo y contenedor ---- */
.cm-pg.cm-archive #Content,
.cm-pg.cm-single #Content {
   background: var(--cm-white);
   padding: 0 !important;
}

/* ---- ARCHIVE: grid de posts (mismo look que la página Blog) ---- */
.cm-pg.cm-archive .content_wrapper {
   max-width: 1480px;
   margin: 0 auto;
   padding: 56px 36px 64px;
}

.cm-pg.cm-archive .sections_group {
   width: 100% !important;
}

.cm-pg.cm-archive .sidebar {
   display: none !important;
}

.cm-pg.cm-archive .post-item {
   background: transparent !important;
   margin-bottom: 40px !important;
}

.cm-pg.cm-archive .post-item .image_frame {
   border: 0 !important;
   border-radius: 16px !important;
   overflow: hidden;
   margin-bottom: 18px !important;
   box-shadow: none !important;
}

.cm-pg.cm-archive .post-item .date_label {
   background: var(--cm-light) !important;
   color: var(--cm-dgray) !important;
   font-family: "Inter", sans-serif !important;
   font-size: 13px !important;
   border-radius: 2000px !important;
   padding: 6px 14px !important;
   box-shadow: none !important;
}

.cm-pg.cm-archive .post-item .entry-title {
   font-family: "Instrument Serif", serif !important;
   font-weight: 400 !important;
   font-size: 26px !important;
   line-height: 1.25 !important;
   margin: 6px 0 10px !important;
}

.cm-pg.cm-archive .post-item .entry-title a {
   color: var(--cm-black) !important;
   text-decoration: none !important;
}

.cm-pg.cm-archive .post-item .entry-title a:hover {
   color: var(--cm-primary) !important;
}

.cm-pg.cm-archive .post-item .post-meta,
.cm-pg.cm-archive .post-item .post-footer {
   border: 0 !important;
   background: transparent !important;
}

.cm-pg.cm-archive .post-item .post-meta,
.cm-pg.cm-archive .post-item .post-meta .author-date {
   font-family: "Inter", sans-serif !important;
   color: var(--cm-mgray) !important;
   font-size: 14px !important;
}

.cm-pg.cm-archive .post-item .post-excerpt,
.cm-pg.cm-archive .post-item .post-desc {
   font-family: "Inter", sans-serif;
   color: var(--cm-dgray) !important;
   font-size: 15px !important;
   line-height: 1.6;
   padding: 0 !important;
}

.cm-pg.cm-archive .post-item .button-love,
.cm-pg.cm-archive .post-item .post-links {
   display: none !important;
}

.cm-pg.cm-archive .post-item a.post-more {
   font-family: "Inter", sans-serif;
   color: var(--cm-primary) !important;
   font-weight: 600;
   font-size: 15px;
   text-decoration: none !important;
}

/* paginación */
.cm-pg .pager .pages a,
.cm-pg .pager .pages span.page-numbers {
   font-family: "Inter", sans-serif !important;
   border: 1px solid #DDD8C9 !important;
   border-radius: 2000px !important;
   background: #fff !important;
   color: var(--cm-black) !important;
   padding: 10px 18px !important;
   margin: 0 4px !important;
   box-shadow: none !important;
}

.cm-pg .pager .pages a:hover {
   border-color: var(--cm-black) !important;
}

.cm-pg .pager .pages .current,
.cm-pg .pager .pages span.current {
   background: var(--cm-black) !important;
   border-color: var(--cm-black) !important;
   color: #fff !important;
}

/* ---- SINGLE post ---- */
.cm-pg.cm-single .content_wrapper {
   max-width: 1480px;
   margin: 0 auto;
   padding: 0 36px;
}

.cm-pg.cm-single .sections_group {
   width: 100% !important;
}

.cm-pg.cm-single .sidebar {
   display: none !important;
}

.cm-pg.cm-single .the_content_wrapper {
   max-width: 880px;
   margin: 56px auto 64px !important;
   float: none !important;
   font-family: "Inter", sans-serif;
   font-size: 17px;
   color: var(--cm-dgray);
   line-height: 1.8;
}

.cm-pg.cm-single .the_content_wrapper h2,
.cm-pg.cm-single .the_content_wrapper h3,
.cm-pg.cm-single .the_content_wrapper h4 {
   color: var(--cm-black) !important;
   margin: 44px 0 14px !important;
}

.cm-pg.cm-single .the_content_wrapper h2 {
   font-size: 32px !important;
   line-height: 1.2 !important;
}

.cm-pg.cm-single .the_content_wrapper h3 {
   font-size: 25px !important;
}

.cm-pg.cm-single .the_content_wrapper p {
   margin-bottom: 18px;
}

.cm-pg.cm-single .the_content_wrapper a {
   color: var(--cm-primary) !important;
   text-decoration: underline;
   text-underline-offset: 3px;
}

.cm-pg.cm-single .the_content_wrapper strong {
   color: var(--cm-black);
}

.cm-pg.cm-single .the_content_wrapper ul,
.cm-pg.cm-single .the_content_wrapper ol {
   margin: 0 0 18px;
   padding-left: 22px;
}

.cm-pg.cm-single .the_content_wrapper li {
   margin-bottom: 8px;
   list-style: disc;
}

.cm-pg.cm-single .the_content_wrapper li::marker {
   color: var(--cm-primary);
}

.cm-pg.cm-single .the_content_wrapper blockquote {
   font-family: "Instrument Serif", serif;
   font-size: 24px;
   line-height: 1.4;
   color: var(--cm-black);
   border-left: 3px solid var(--cm-comp);
   padding: 8px 0 8px 24px;
   margin: 32px 0;
}

.cm-pg.cm-single .the_content_wrapper img {
   border-radius: 16px;
}

.cm-pg.cm-single .image_frame {
   border: 0 !important;
   box-shadow: none !important;
   border-radius: 16px !important;
   overflow: hidden;
}

/* meta / compartir / autor / relacionados / comentarios */
.cm-pg.cm-single .section-post-about,
.cm-pg.cm-single .section-post-meta {
   max-width: 880px;
   margin: 0 auto;
   font-family: "Inter", sans-serif;
   color: var(--cm-mgray);
}

.cm-pg.cm-single .share_wrapper {
   border: 0 !important;
   background: transparent !important;
}

.cm-pg.cm-single .section-post-tags,
.cm-pg.cm-single .section-post-author,
.cm-pg.cm-single .section-related-adjacent {
   max-width: 880px;
   margin: 0 auto;
   border-color: #E6E1D3 !important;
}

.cm-pg.cm-single .section-post-author .author-box-wrapper {
   border: 1px solid #E6E1D3 !important;
   border-radius: 16px;
   padding: 24px !important;
}

.cm-pg.cm-single .section-post-tags .post-nav,
.cm-pg.cm-single .fixed-nav {
   display: none !important;
}

.cm-pg.cm-single #comments {
   max-width: 880px;
   margin: 0 auto 64px;
}

.cm-pg.cm-single #comments .section_header,
.cm-pg.cm-single #comments h3 {
   font-family: "Instrument Serif", serif !important;
   color: var(--cm-black) !important;
}

.cm-pg.cm-single #comments input[type=text],
.cm-pg.cm-single #comments input[type=email],
.cm-pg.cm-single #comments input[type=url],
.cm-pg.cm-single #comments textarea {
   background: #fff !important;
   border: 1px solid #DDD8C9 !important;
   border-radius: 10px !important;
   padding: 12px 16px !important;
   box-shadow: none !important;
}

.cm-pg.cm-single #comments input[type=submit],
.cm-pg.cm-single #comments .submit {
   background: var(--cm-black) !important;
   border: 0 !important;
   border-radius: 2000px !important;
   color: #fff !important;
   padding: 14px 30px !important;
   font-family: "Inter", sans-serif !important;
}

/* tags del post como pills */
.cm-pg.cm-single .section-post-tags a {
   display: inline-block;
   background: var(--cm-light) !important;
   border: 1px solid #E6E1D3 !important;
   border-radius: 2000px !important;
   color: var(--cm-dgray) !important;
   font-family: "Inter", sans-serif !important;
   font-size: 13px !important;
   padding: 7px 14px !important;
   margin: 0 6px 6px 0 !important;
   text-decoration: none !important;
}

/* relacionados */
.cm-pg.cm-single .section-related-adjacent .entry-title a {
   font-family: "Instrument Serif", serif !important;
   color: var(--cm-black) !important;
}

@media(max-width:959px) {

   .cm-pg.cm-doc #Subheader,
   .cm-pg.cm-archive #Subheader,
   .cm-pg.cm-single #Subheader {
      padding: 40px 0 36px;
   }
}


/* ============================================================
   AFINADO v3 — 404 con cabecera, títulos alineados, single
   ============================================================ */

/* Subheader: título siempre alineado a la izquierda (el tema centra) */
.cm-pg.cm-doc #Subheader .title,
.cm-pg.cm-archive #Subheader .title,
.cm-pg.cm-single #Subheader .title {
   text-align: left !important;
}

.cm-pg.cm-doc #Subheader .column,
.cm-pg.cm-archive #Subheader .column,
.cm-pg.cm-single #Subheader .column {
   text-align: left !important;
   float: none !important;
}

/* DOC: h1 dentro del contenido y texto sin justificar */
.cm-pg.cm-doc .the_content_wrapper {
   text-align: left !important;
}

.cm-pg.cm-doc .the_content_wrapper p {
   text-align: left !important;
}

.cm-pg.cm-doc .the_content_wrapper h1 {
   font-size: 34px !important;
   line-height: 1.15 !important;
}

/* SINGLE: ocultar título duplicado bajo la cabecera */
.cm-pg.cm-single .section-post-header .entry-title {
   display: none !important;
}

.cm-pg.cm-single .section-post-header .single-photo-wrapper {
   margin-top: 40px;
}

/* ---- 404 (la mfn-post-css no se imprime en el template 404) ---- */
.error404 .mcb-section-e404 {
   background: var(--cm-light);
   border-top: 1px solid #E6E1D3;
}

.error404 .mcb-section-e404 .mcb-section-inner {
   padding: 96px 36px 120px !important;
   min-height: 60vh;
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.error404 .e404-big {
   font-family: "Instrument Serif", serif;
   font-size: clamp(120px, 18vw, 300px) !important;
   line-height: .95 !important;
   color: #DDE3F9 !important;
   margin: 0 0 8px -8px !important;
}

.cm-pg.error404 .e404-h .title {
   color: var(--cm-black) !important;
   font-size: clamp(36px, 4vw, 60px) !important;
   line-height: 1.05 !important;
   letter-spacing: -1px;
   margin: 0 0 18px !important;
}

.error404 .e404-p {
   color: var(--cm-dgray) !important;
   font-size: 18px !important;
   line-height: 1.6;
   max-width: 560px;
   margin-bottom: 8px !important;
}

.error404 .e404-btns {
   margin-top: 24px !important;
}

@media(max-width:767px) {
   .error404 .mcb-section-e404 .mcb-section-inner {
      padding: 64px 20px 80px !important;
   }
}

/* Complianz: documentos legales sin justificar y con la tipografía de marca */
.cm-pg.cm-doc #cmplz-document {
   text-align: left !important;
}

.cm-pg.cm-doc #cmplz-document p,
.cm-pg.cm-doc #cmplz-document li,
.cm-pg.cm-doc #cmplz-document td {
   font-family: "Inter", sans-serif;
   font-size: 16px !important;
   line-height: 1.7 !important;
   color: var(--cm-dgray);
}

.cm-pg.cm-doc #cmplz-document h2,
.cm-pg.cm-doc #cmplz-document h3,
.cm-pg.cm-doc #cmplz-document h4 {
   color: var(--cm-black) !important;
}

/* 404: el número grande siempre en serif */
.error404 .e404-big {
   font-family: "Instrument Serif", serif !important;
}

.error404 .e404-big,
.error404 .e404-big * {
   font-family: "Instrument Serif", serif !important;
}

/* ============================================================
   SINGLE POST v2 — diseño Figma 2163:9
   ============================================================ */

/* banda crema: breadcrumbs (Subheader) + cabecera del post */
.cm-pg.cm-single #Subheader {
   border-bottom: 0 !important;
   padding: 36px 0 0 !important;
}

.cm-pg.cm-single #Subheader .title {
   display: none !important;
}

.cm-pg.cm-single #Subheader ul.breadcrumbs {
   display: flex !important;
   flex-wrap: wrap;
   justify-content: center;
   gap: 4px;
   list-style: none;
   margin: 0 !important;
   padding: 0 !important;
   font-family: "Inter", sans-serif;
   font-size: 13px;
   float: none !important;
   width: 100% !important;
}

.cm-pg.cm-single #Subheader ul.breadcrumbs li {
   display: flex;
   align-items: center;
   gap: 4px;
   color: var(--cm-mgray);
}

.cm-pg.cm-single #Subheader ul.breadcrumbs li:last-child {
   display: none;
}

.cm-pg.cm-single #Subheader ul.breadcrumbs a {
   color: var(--cm-mgray) !important;
   text-decoration: none !important;
}

.cm-pg.cm-single #Subheader ul.breadcrumbs a:hover {
   color: var(--cm-black) !important;
}

.cm-pg.cm-single #Subheader .mfn-breadcrumbs-separator {
   color: var(--cm-mgray);
}

.cm-pg.cm-single .section-post-header {
   background: var(--cm-light);
   margin: 0 calc(50% - 50vw) !important;
   padding: 20px 20px 56px;
   border-bottom: 1px solid #E6E1D3;
   width: auto !important;
}

.cm-pg.cm-single .section-post-header .section_wrapper {
   max-width: 880px;
   margin: 0 auto;
   padding: 0;
}

.cm-pg.cm-single .section-post-header .title_wrapper {
   display: flex;
   flex-direction: column;
   border: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
}

/* meta (chip de categoría + fecha) encima del título */
.cm-pg.cm-single .section-post-header .post-meta {
   order: -1;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 12px;
   margin: 0 0 6px !important;
   padding: 0 !important;
   border: 0 !important;
   font-family: "Inter", sans-serif !important;
}

.cm-pg.cm-single .post-meta .author-date {
   color: var(--cm-mgray) !important;
   font-size: 14px !important;
}

.cm-pg.cm-single .post-meta .icon-clock {
   display: none !important;
}

.cm-pg.cm-single .post-meta .cat-btn {
   display: none !important;
}

.cm-pg.cm-single .post-meta .category {
   position: static !important;
}

.cm-pg.cm-single .post-meta .cat-wrapper {
   display: block !important;
   position: static !important;
   background: transparent !important;
   border: 0 !important;
   box-shadow: none !important;
   padding: 0 !important;
   margin: 0 !important;
   opacity: 1 !important;
   visibility: visible !important;
   transform: none !important;
}

.cm-pg.cm-single .post-meta .cat-wrapper ul {
   list-style: none;
   margin: 0 !important;
   padding: 0 !important;
   display: flex;
   gap: 6px;
}

.cm-pg.cm-single .post-meta .cat-wrapper li {
   margin: 0 !important;
   padding: 0 !important;
}

.cm-pg.cm-single .post-meta .post-categories a {
   display: inline-block;
   background: #F9E2D6 !important;
   color: #C8501F !important;
   font-size: 13px !important;
   font-weight: 600;
   border-radius: 2000px !important;
   padding: 7px 16px !important;
   text-decoration: none !important;
   border: 0 !important;
}

.cm-pg.cm-single .post-meta .mata-tags {
   display: none !important;
}

/* título centrado en serif (anula el display:none anterior) */
.cm-pg.cm-single .section-post-header .entry-title {
   display: block !important;
   font-family: "Instrument Serif", serif !important;
   font-weight: 400 !important;
   font-size: clamp(32px, 3.8vw, 52px) !important;
   line-height: 1.12 !important;
   letter-spacing: -1px;
   color: var(--cm-black) !important;
   text-align: center;
   max-width: 760px;
   margin: 14px auto 0 !important;
}

/* imagen destacada ancha y redondeada */
.cm-pg.cm-single .section-post-header .single-photo-wrapper {
   margin: 0 auto !important;
   float: none !important;
}

.cm-pg.cm-single .single-photo-wrapper {
   max-width: 1280px;
   margin: 48px auto 6px !important;
   padding: 0 36px;
   float: none !important;
}

.cm-pg.cm-single .single-photo-wrapper .image_frame {
   border: 0 !important;
   border-radius: 16px !important;
   overflow: hidden;
   box-shadow: none !important;
   width: 100%;
}

.cm-pg.cm-single .single-photo-wrapper img {
   width: 100%;
   height: auto;
   display: block;
   border-radius: 16px;
}

/* columna de lectura más estrecha (Figma ~640) */
.cm-pg.cm-single .the_content_wrapper {
   max-width: 680px !important;
   margin: 48px auto 56px !important;
   font-size: 17px;
   line-height: 1.8;
}

/* blockquote: línea naranja superior */
.cm-pg.cm-single .the_content_wrapper blockquote {
   font-family: "Instrument Serif", serif;
   font-size: 22px !important;
   line-height: 1.45 !important;
   color: var(--cm-black) !important;
   border-left: 0 !important;
   border-top: 2px solid var(--cm-comp) !important;
   border-bottom: 1px solid #E6E1D3 !important;
   padding: 22px 0 26px !important;
   margin: 36px 0 !important;
   background: transparent !important;
   font-style: normal !important;
}

.cm-pg.cm-single .the_content_wrapper blockquote:before {
   display: none !important;
}

.cm-pg.cm-single .the_content_wrapper blockquote p {
   font-size: inherit !important;
   line-height: inherit !important;
   color: inherit !important;
   margin: 0 !important;
}

/* CTA al final del post */
.cm-pg .cm-post-cta {
   background: var(--cm-light);
   border-radius: 16px;
   padding: 30px 32px;
   margin: 44px 0 8px;
}

.cm-pg .cm-post-cta-t {
   font-family: "Inter", sans-serif;
   font-weight: 700;
   font-size: 17px;
   color: var(--cm-black) !important;
   margin: 0 0 6px !important;
}

.cm-pg .cm-post-cta-p {
   font-size: 15px !important;
   color: var(--cm-dgray) !important;
   margin: 0 0 18px !important;
}

.cm-pg .cm-post-cta-b {
   margin: 0 !important;
}

.cm-pg a.cm-post-cta-btn {
   display: inline-block;
   background: var(--cm-black) !important;
   color: #fff !important;
   font-family: "Inter", sans-serif;
   font-size: 15px !important;
   font-weight: 500;
   border-radius: 2000px;
   padding: 12px 26px;
   text-decoration: none !important;
}

.cm-pg a.cm-post-cta-btn:hover {
   background: #000 !important;
}

/* relacionados: banda crema completa */
.cm-pg.cm-single .section-related-adjacent {
   background: var(--cm-light);
   margin: 48px calc(50% - 50vw) 0 !important;
   padding: 56px 36px 64px;
   border-top: 1px solid #E6E1D3 !important;
   max-width: none !important;
   width: auto !important;
}

.cm-pg.cm-single .section-related-adjacent .section_wrapper {
   max-width: 1480px;
   margin: 0 auto;
}

.cm-pg.cm-single .section-related-adjacent h4,
.cm-pg.cm-single .section-related-adjacent .related-title {
   font-family: "Instrument Serif", serif !important;
   font-weight: 400 !important;
   font-size: 30px !important;
   color: var(--cm-black) !important;
   margin: 0 0 26px !important;
}

.cm-pg.cm-single .section-related-adjacent .image_frame {
   border: 0 !important;
   border-radius: 14px !important;
   overflow: hidden;
   box-shadow: none !important;
   margin-bottom: 14px !important;
}

.cm-pg.cm-single .section-related-adjacent .entry-title,
.cm-pg.cm-single .section-related-adjacent h5 {
   font-family: "Instrument Serif", serif !important;
   font-weight: 400 !important;
   font-size: 20px !important;
   line-height: 1.3 !important;
   margin: 0 !important;
}

.cm-pg.cm-single .section-related-adjacent .entry-title a {
   color: var(--cm-black) !important;
   text-decoration: none !important;
}

.cm-pg.cm-single .section-related-adjacent .entry-title a:hover {
   color: var(--cm-primary) !important;
}

.cm-pg.cm-single .section-related-adjacent .date_label {
   background: #fff !important;
   color: var(--cm-dgray) !important;
   font-family: "Inter", sans-serif !important;
   font-size: 12px !important;
   border-radius: 2000px !important;
   padding: 5px 12px !important;
   box-shadow: none !important;
}

/* comentarios dentro de la columna estrecha */
.cm-pg.cm-single #comments {
   max-width: 680px;
}

@media(max-width:767px) {
   .cm-pg.cm-single .section-post-header {
      padding: 16px 20px 40px;
   }

   .cm-pg.cm-single .single-photo-wrapper {
      margin: 28px auto 4px !important;
      padding: 0 20px;
   }

   .cm-pg.cm-single .the_content_wrapper {
      margin: 32px auto 40px !important;
      padding: 0 20px;
   }

   .cm-pg.cm-single .section-related-adjacent {
      padding: 40px 20px 48px;
   }
}

/* ===== SINGLE v2b: relacionados (clases reales) + compartir ===== */

/* compartir: fila discreta centrada en la columna de lectura */
.cm-pg.cm-single .section-post-share {
   max-width: 680px;
   margin: 0 auto !important;
   padding: 0 36px;
}

.cm-pg.cm-single .section-post-share .section_wrapper {
   border-top: 1px solid #E6E1D3;
   padding: 18px 0 8px;
}

.cm-pg.cm-single .share-simple-wrapper {
   display: flex;
   align-items: center;
   gap: 14px;
   font-family: "Inter", sans-serif;
}

.cm-pg.cm-single .share-simple-wrapper .share-label {
   font-size: 13px;
   font-weight: 600;
   letter-spacing: .08em;
   text-transform: uppercase;
   color: var(--cm-dgray) !important;
}

.cm-pg.cm-single .share-simple-wrapper .icons a {
   color: var(--cm-dgray) !important;
   font-size: 15px;
   margin-right: 10px;
}

.cm-pg.cm-single .share-simple-wrapper .icons a:hover {
   color: var(--cm-primary) !important;
}

.cm-pg.cm-single .share-simple-wrapper .button-love {
   display: none !important;
}

/* relacionados: banda crema completa */
.cm-pg.cm-single .section-post-related {
   background: var(--cm-light);
   margin: 56px calc(50% - 50vw) 0 !important;
   padding: 56px 36px 64px;
   border-top: 1px solid #E6E1D3;
   width: auto !important;
}

.cm-pg.cm-single .section-post-related .section_wrapper {
   max-width: 1480px;
   margin: 0 auto;
   padding: 0;
}

.cm-pg.cm-single .section-post-related p.related-heading {
   font-family: "Instrument Serif", serif !important;
   font-weight: 400 !important;
   font-size: 30px !important;
   line-height: 1.2 !important;
   color: var(--cm-black) !important;
   margin: 0 0 28px !important;
}

.cm-pg.cm-single .post-related .image_frame {
   border: 0 !important;
   border-radius: 14px !important;
   overflow: hidden;
   box-shadow: none !important;
}

.cm-pg.cm-single .post-related .image_links {
   display: none !important;
}

.cm-pg.cm-single .post-related .mask {
   display: none !important;
}

.cm-pg.cm-single .post-related .single-photo-wrapper {
   margin: 0 0 14px !important;
   padding: 0 !important;
   max-width: none;
}

.cm-pg.cm-single .post-related .date_label {
   background: #fff !important;
   color: var(--cm-dgray) !important;
   font-family: "Inter", sans-serif !important;
   font-size: 12px !important;
   border-radius: 2000px !important;
   padding: 5px 12px !important;
   box-shadow: none !important;
   margin: 0 0 8px !important;
   display: inline-block;
}

.cm-pg.cm-single .post-related .desc h4 {
   margin: 6px 0 0 !important;
}

.cm-pg.cm-single .post-related .desc h4 a {
   font-family: "Instrument Serif", serif !important;
   font-weight: 400 !important;
   font-size: 21px !important;
   line-height: 1.3 !important;
   color: var(--cm-black) !important;
   text-decoration: none !important;
}

.cm-pg.cm-single .post-related .desc h4 a:hover {
   color: var(--cm-primary) !important;
}

.cm-pg.cm-single .post-related .desc hr {
   display: none !important;
}

.cm-pg.cm-single .post-related .desc a.button {
   background: transparent !important;
   border: 0 !important;
   box-shadow: none !important;
   padding: 0 !important;
   margin: 10px 0 0 !important;
   color: var(--cm-primary) !important;
   font-family: "Inter", sans-serif !important;
   font-size: 15px !important;
   font-weight: 600 !important;
}

.cm-pg.cm-single .post-related .desc a.button .button_icon {
   display: none !important;
}

.cm-pg.cm-single .post-related .desc a.button .button_label {
   color: var(--cm-primary) !important;
   padding: 0 !important;
}

@media(max-width:767px) {
   .cm-pg.cm-single .section-post-related {
      padding: 40px 20px 48px;
   }

   .cm-pg.cm-single .section-post-share {
      padding: 0 20px;
   }
}

/* compartir: el icon-font no está cargado → pills de texto */
.cm-pg.cm-single .share-simple-wrapper .icons a i {
   display: none !important;
}

.cm-pg.cm-single .share-simple-wrapper .icons a {
   display: inline-block;
   border: 1px solid #DDD8C9;
   border-radius: 2000px;
   background: #fff;
   padding: 6px 14px !important;
   font-size: 13px !important;
   font-weight: 500;
   margin: 0 6px 0 0 !important;
   text-decoration: none !important;
}

.cm-pg.cm-single .share-simple-wrapper .icons a:hover {
   border-color: var(--cm-black);
}

.cm-pg.cm-single .share-simple-wrapper .icons a.facebook:after {
   content: "Facebook";
}

.cm-pg.cm-single .share-simple-wrapper .icons a.twitter:after {
   content: "X";
}

.cm-pg.cm-single .share-simple-wrapper .icons a.linkedin:after {
   content: "LinkedIn";
}

.cm-pg.cm-single .share-simple-wrapper .icons a.pinterest:after {
   content: "Pinterest";
}

/* ============================================================
   WOOCOMMERCE — carrito, checkout, pedido OK/KO y Mi cuenta
   body: .cm-pg.cm-woo (+ .woocommerce-cart / -checkout / -account)
   ============================================================ */

/* ---- cabecera editorial (mismo patrón que cm-doc) ---- */
.cm-pg.cm-woo #Subheader {
   --pd: 3rem 0;
   padding: var(--pd);
   display: block !important;
   background: var(--cm-light);
   border-top: 1px solid #E6E1D3;
   border-bottom: 1px solid #E6E1D3;
   text-align: left;

   @media (width >=1025px) {
      --pd: 4rem 0;
   }
}

.cm-pg.cm-woo #Subheader .container {
   max-width: 1480px;
   margin: 0 auto;
   padding: 0 36px;
   width: auto;
}

.cm-pg.cm-woo #Subheader .column {
   margin: 0 !important;
   width: 100% !important;
   text-align: left !important;
   float: none !important;
}

.cm-pg.cm-woo #Subheader .title {
   font-family: "Instrument Serif", serif !important;
   font-weight: 400 !important;
   font-size: clamp(34px, 4vw, 56px) !important;
   line-height: 1.05 !important;
   letter-spacing: -1px;
   color: var(--cm-black) !important;
   margin: 0 !important;
   padding: 0 !important;
   float: none !important;
   width: 100% !important;
   text-align: left !important;
}

.cm-pg.cm-woo #Subheader .title:before {
   content: "Mediación online";
   display: block;
   width: max-content;
   font-family: "Inter", sans-serif;
   font-size: 12px;
   font-weight: 600;
   letter-spacing: .14em;
   text-transform: uppercase;
   color: var(--cm-dgray);
   border-bottom: 1px solid var(--cm-black);
   padding-bottom: 6px;
   margin-bottom: 20px;
}

.cm-pg.woocommerce-cart #Subheader .title:before {
   content: "Tu compra";
}

.cm-pg.woocommerce-checkout #Subheader .title:before {
   content: "Tu compra";
}

.cm-pg.woocommerce-account #Subheader .title:before {
   content: "Área de cliente";
}

.cm-pg.cm-woo #Subheader ul.breadcrumbs {
   display: none !important;
}

.cm-pg.cm-woo #Content {
   background: var(--cm-white);
   padding: 0 !important;
}

.cm-pg.cm-woo .content_wrapper {
   --pd: 3rem 0rem;
   padding: var(--pd);
   max-width: 1480px;
   margin: 0 auto;

   @media (width >=1025px) {
      --pd: 8rem 0;
   }
}

.cm-pg.cm-woo .sections_group {
   width: 100% !important;
}

.cm-pg.cm-woo .sidebar {
   display: none !important;
}

.cm-pg.cm-woo .the_content_wrapper {
   font-family: "Inter", sans-serif;
   float: none !important;
   margin: 0 !important;
   max-width: none;
}

.woocommerce-account #Content .woocommerce {
   padding: 0 !important;
}

/* ---- tipografía base de los bloques woo ---- */
.cm-pg .wp-block-woocommerce-cart,
.cm-pg .wp-block-woocommerce-checkout {
   font-family: "Inter", sans-serif;
}

.cm-pg .wc-block-components-title,
.cm-pg .wc-block-components-checkout-step__title,
.cm-pg .wc-block-components-order-summary__button-text {
   font-family: "Inter", sans-serif !important;
   font-weight: 600 !important;
   color: var(--cm-black) !important;
}

/* botones principales (Finalizar compra, Ir a caja…) */
.cm-pg .wc-block-components-button:not(.is-link) {
   background: var(--cm-black) !important;
   color: #fff !important;
   border: 0 !important;
   border-radius: 2000px !important;
   padding: 15px 30px !important;
   font-family: "Inter", sans-serif !important;
   font-size: 16px !important;
   font-weight: 500 !important;
   box-shadow: none !important;
   text-transform: none !important;
}

.cm-pg .wc-block-components-button:not(.is-link):hover {
   background: #000 !important;
}

.cm-pg .wc-block-components-button.outlined,
.cm-pg .wc-block-components-button.contained {
   box-shadow: none !important;
}

/* inputs */
.cm-pg .wc-block-components-text-input input,
.cm-pg .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
.cm-pg .wc-block-components-totals-coupon__input input,
.cm-pg .wc-block-components-quantity-selector {
   background: #fff !important;
   border: 1px solid #DDD8C9 !important;
   border-radius: 10px !important;
   box-shadow: none !important;
}

.cm-pg .wc-block-components-text-input input:focus {
   border-color: var(--cm-primary) !important;
   box-shadow: 0 0 0 1px var(--cm-primary) !important;
}

.cm-pg .wc-block-components-checkbox__input {
   border: 1px solid #DDD8C9 !important;
   border-radius: 4px !important;
}

.cm-pg .wc-block-components-checkbox__input:checked {
   background: var(--cm-primary) !important;
   border-color: var(--cm-primary) !important;
}

/* resumen del pedido como tarjeta crema */
.cm-pg .wc-block-cart__totals-wrapper,
.cm-pg .wp-block-woocommerce-checkout-totals-block {
   background: var(--cm-light);
   border-radius: 16px;
   padding: 8px 22px 18px !important;
   border: 1px solid #EAE5D8;
}

.cm-pg .wc-block-cart__totals-wrapper:after {
   display: none;
}

.cm-pg .wc-block-components-totals-wrapper {
   border-top: 1px solid #E6E1D3 !important;
}

.cm-pg .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.cm-pg .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
   font-family: "Inter", sans-serif !important;
   color: var(--cm-black) !important;
}

/* tabla del carrito */
.cm-pg table.wc-block-cart-items,
.cm-pg .wc-block-cart-items__row {
   border-color: #EAE5D8 !important;
}

.cm-pg .wc-block-cart-items__header {
   border-bottom: 1px solid #E6E1D3 !important;
   text-transform: none !important;
   font-family: "Inter", sans-serif !important;
}

.cm-pg .wc-block-cart-item__image img {
   border-radius: 12px;
}

.cm-pg .wc-block-components-product-name {
   color: var(--cm-black) !important;
   font-weight: 600;
   text-decoration: none !important;
}

.cm-pg .wc-block-cart-item__prices,
.cm-pg .wc-block-components-product-price {
   color: var(--cm-dgray) !important;
}

.cm-pg .wc-block-cart-item__remove-link {
   color: var(--cm-mgray) !important;
   text-decoration: underline;
   text-underline-offset: 3px;
}

/* notices de los bloques */
.cm-pg .wc-block-components-notice-banner {
   border-radius: 12px !important;
   font-family: "Inter", sans-serif !important;
}

/* ---- pedido recibido (OK) ---- */
.cm-pg .woocommerce-order p,
.cm-pg .woocommerce-order li {
   font-family: "Inter", sans-serif;
   color: var(--cm-dgray);
}

.cm-pg .woocommerce-thankyou-order-received {
   font-family: "Instrument Serif", serif !important;
   font-size: 30px !important;
   color: var(--cm-black) !important;
   margin-bottom: 24px !important;
}

.cm-pg ul.woocommerce-order-overview {
   display: flex;
   flex-wrap: wrap;
   gap: 14px;
   list-style: none;
   margin: 0 0 32px !important;
   padding: 0 !important;
}

.cm-pg ul.woocommerce-order-overview li {
   background: var(--cm-light);
   border: 1px solid #EAE5D8;
   border-radius: 12px;
   padding: 14px 18px !important;
   font-size: 13px !important;
   color: var(--cm-mgray) !important;
   text-transform: uppercase;
   letter-spacing: .06em;
   border-right-width: 1px !important;
   margin: 0 !important;
   float: none !important;
   width: auto !important;
}

.cm-pg ul.woocommerce-order-overview li strong {
   display: block;
   font-size: 16px;
   color: var(--cm-black);
   text-transform: none;
   letter-spacing: 0;
   margin-top: 4px;
}

.cm-pg .woocommerce-order-details__title,
.cm-pg .woocommerce-customer-details h2 {
   font-family: "Instrument Serif", serif !important;
   font-size: 28px !important;
   color: var(--cm-black) !important;
}

.cm-pg table.woocommerce-table--order-details {
   border: 1px solid #EAE5D8 !important;
   border-radius: 12px;
   border-collapse: separate !important;
   border-spacing: 0;
   overflow: hidden;
}

.cm-pg table.woocommerce-table--order-details th,
.cm-pg table.woocommerce-table--order-details td {
   border-color: #EAE5D8 !important;
   font-family: "Inter", sans-serif !important;
   padding: 12px 16px !important;
}

/* ---- Mi cuenta: login/registro ---- */
.cm-pg.woocommerce-account #customer_login h2 {
   font-family: "Instrument Serif", serif !important;
   font-size: 30px !important;
   line-height: 1.2 !important;
   color: var(--cm-black) !important;
   margin-bottom: 18px !important;
}

.cm-pg.woocommerce-account .woocommerce-form-login,
.cm-pg.woocommerce-account .woocommerce-form-register {
   background: var(--cm-light);
   border: 1px solid #EAE5D8 !important;
   border-radius: 16px !important;
   padding: 28px !important;
}

.cm-pg.woocommerce-account .woocommerce-Input--text,
.cm-pg.woocommerce-account .woocommerce-form input[type=text],
.cm-pg.woocommerce-account .woocommerce-form input[type=email],
.cm-pg.woocommerce-account .woocommerce-form input[type=password] {
   background: #fff !important;
   border: 1px solid #DDD8C9 !important;
   border-radius: 10px !important;
   padding: 12px 16px !important;
   box-shadow: none !important;
   font-family: "Inter", sans-serif !important;
}

.cm-pg.woocommerce-account .woocommerce-form .button,
.cm-pg.woocommerce-account .woocommerce-Button {
   background: var(--cm-black) !important;
   color: #fff !important;
   border: 0 !important;
   border-radius: 2000px !important;
   padding: 13px 28px !important;
   font-family: "Inter", sans-serif !important;
   font-size: 15px !important;
   font-weight: 500 !important;
   box-shadow: none !important;
}

.cm-pg.woocommerce-account .lost_password a {
   color: var(--cm-primary) !important;
}

/* ---- Mi cuenta: navegación y contenido ---- */
.cm-pg .woocommerce-MyAccount-navigation ul {
   list-style: none;
   margin: 0 !important;
   padding: 0 !important;
   display: flex;
   flex-direction: column;
   gap: 8px;
}

.cm-pg .woocommerce-MyAccount-navigation li {
   margin: 0 !important;
}

.cm-pg .woocommerce-MyAccount-navigation li a {
   display: block;
   background: #fff;
   border: 1px solid #DDD8C9;
   border-radius: 2000px;
   padding: 11px 20px;
   font-family: "Inter", sans-serif;
   font-size: 15px;
   font-weight: 500;
   color: var(--cm-black) !important;
   text-decoration: none !important;
}

.cm-pg .woocommerce-MyAccount-navigation li a:hover {
   border-color: var(--cm-black);
}

.cm-pg .woocommerce-MyAccount-navigation li.is-active a {
   background: var(--cm-black) !important;
   border-color: var(--cm-black);
   color: #fff !important;

   &::before {
      color: #fff !important;
   }
}

.cm-pg .woocommerce-MyAccount-content {
   font-family: "Inter", sans-serif;
   color: var(--cm-dgray);
}

.cm-pg .woocommerce-MyAccount-content a:not(.button) {
   color: var(--cm-primary) !important;
}

.cm-pg .woocommerce-MyAccount-content .button {
   background: var(--cm-black) !important;
   color: #fff !important;
   border: 0 !important;
   border-radius: 2000px !important;
   padding: 11px 22px !important;
   font-family: "Inter", sans-serif !important;
   box-shadow: none !important;
}

.cm-pg table.woocommerce-orders-table {
   border: 1px solid #EAE5D8 !important;
   border-radius: 12px;
   border-collapse: separate !important;
   border-spacing: 0;
   overflow: hidden;
}

.cm-pg table.woocommerce-orders-table th,
.cm-pg table.woocommerce-orders-table td {
   border-color: #EAE5D8 !important;
   font-family: "Inter", sans-serif !important;
   padding: 12px 16px !important;
}

/* avisos clásicos de woo */
.cm-pg .woocommerce-message,
.cm-pg .woocommerce-info,
.cm-pg .woocommerce-error {
   border-radius: 12px !important;
   font-family: "Inter", sans-serif !important;
   border-top-width: 2px !important;
}

/* woo: pasos del checkout y botones clásicos restantes */
.wc-block-components-sidebar-layout .wc-block-components-main {
   width: 100% !important;

   @media (width >=1025px) {
      width: 65% !important;
   }
}

.wc-block-components-sidebar {
   width: 100% !important;

   @media (width >=1025px) {
      width: 35% !important;
   }
}


.cm-pg .mfn-checkout-steps {
   font-family: "Inter", sans-serif !important;
   margin: 0 0 1rem !important;

   @media (width >=1025px) {
      margin: 0 0 2rem !important;
   }
}

.cm-pg .mfn-checkout-steps li {
   color: var(--cm-mgray) !important;
}

.cm-pg .mfn-checkout-steps li.active {
   color: var(--cm-black) !important;
}

.cm-pg .mfn-checkout-steps .mfn-step-number {
   background: #EAE5D8 !important;
   color: var(--cm-dgray) !important;
}

.cm-pg .mfn-checkout-steps li.active .mfn-step-number {
   background: var(--cm-black) !important;
   color: #fff !important;
}

.cm-pg.cm-woo #Content .woocommerce button.button,
.cm-pg.cm-woo #Content .woocommerce a.button,
.cm-pg.cm-woo #Content form button[type=submit] {
   background: var(--cm-black) !important;
   color: #fff !important;
   border: 0 !important;
   border-radius: 2000px !important;
   padding: 13px 28px !important;
   font-family: "Inter", sans-serif !important;
   font-size: 15px !important;
   font-weight: 500 !important;
   box-shadow: none !important;
}

.cm-pg.cm-woo #Content .woocommerce input[type=email],
.cm-pg.cm-woo #Content .woocommerce input[type=text] {
   background: #fff !important;
   border: 1px solid #DDD8C9 !important;
   border-radius: 10px !important;
   padding: 12px 16px !important;
   box-shadow: none !important;
}

.cm-pg.cm-woo .mfn-woo-cart-link {
   color: var(--cm-primary) !important;
   font-family: "Inter", sans-serif;
}

/* check verde/azul del thankyou */
.cm-pg .wc-block-order-confirmation-status,
.cm-pg .woocommerce-order p {
   font-family: "Inter", sans-serif;
}


/* ============================================================
   2 · HEADER + FOOTER (global, antes en betheme custom-css)
   ============================================================ */
:root {
   --cm-primary: #3D65DF;
   --cm-black: #1D1D1C;
   --cm-dgray: #494946;
   --cm-mgray: #8C8C88;
   --cm-light: #F7F5EE;
   --cm-white: #FCFCFC;
}

.cm-dark {
   background: var(--cm-black);
}

.mfn-header-tmpl {
   background: var(--cm-light) !important;
}

.mfn-header-tmpl .mcb-section-inner,
.mfn-header-tmpl .container {
   --pd: 1rem 0;
   margin: 0 auto;
   padding: var(--pd) !important;

   @media (width <=960px) {
      max-width: none !important;
   }

   @media (width >=1025px) {
      --pd: 1.5rem 1rem;
   }

   @media (width >=1921px) {
      --pd: 1.5rem 0;
   }
}

.mfn-header-tmpl .mcb-wrap-inner {
   display: flex;
   align-items: center;
   gap: 18px;
   flex-wrap: wrap;
}

.mfn-header-tmpl .mcb-column {
   width: auto !important;
   min-height: 0 !important;
   float: none !important;
   margin: 0 !important;
}

.mfn-header-tmpl .mcb-column-inner {
   margin: 0 !important;
}

.cm-hlogo .title {
   --fs: 1.75rem;
   font-family: "Instrument Serif", serif !important;
   font-size: var(--fs) !important;
   color: var(--cm-black) !important;
   white-space: nowrap;
   margin: 0 !important;
   line-height: 1 !important;

   @media (width >=960px) {
      --fs: 2rem;
   }
}

.mfn-header-tmpl .mcb-column.cm-hmenu {
   margin: 0 auto 0 0 !important;
}

.cm-hmenu ul.mfn-header-menu {
   display: flex !important;
   gap: 8px;
   flex-wrap: wrap;
   margin: 0 !important;
   padding: 0 !important;
   list-style: none;
}

.cm-hmenu ul.mfn-header-menu>li {
   margin: 0 !important;
}

.cm-hmenu ul.mfn-header-menu>li>a {
   display: inline-block;
   background: #fff;
   color: var(--cm-black) !important;
   border-radius: 2000px;
   padding: 10px 16px !important;
   font-family: "Inter", sans-serif !important;
   font-size: 16px !important;
   font-weight: 500 !important;
   text-decoration: none !important;
}

.cm-hmenu ul.mfn-header-menu>li>a:hover {
   background: #efece1;
}

.cm-hbtn a.button {
   display: inline-flex !important;
   align-items: center;
   background: var(--cm-black) !important;
   background-image: none !important;
   color: #fff !important;
   border: 0 !important;
   border-radius: 2000px !important;
   padding: 12px 18px !important;
   font-family: "Inter", sans-serif !important;
   font-size: 16px !important;
   font-weight: 500 !important;
   box-shadow: none !important;
}

.cm-hbtn a.button .button_label {
   color: #fff !important;
}

.mfn-footer,
.mcb-section-ftr,
.mcb-section-ftr.cm-dark {
   background: var(--cm-primary) !important;
}

.mfn-footer .mcb-section-inner,
.mcb-section-ftr .mcb-section-inner {
   --pd: 3rem 1.5rem;
   max-width: 1480px;
   margin: 0 auto;
   padding: var(--pd);

   @media (width >=960px) {
      --pd: 72px 36px 40px;
   }
}

.cm-flogo .title {
   font-family: "Instrument Serif", serif !important;
   font-size: 28px !important;
   color: #fff !important;
   margin: 0 0 22px !important;
}

.cm-fclaim .title {
   font-family: "Instrument Serif", serif !important;
   font-size: 42px !important;
   line-height: 1.12 !important;
   color: #fff !important;
   margin: 0 0 18px !important;
   max-width: 520px;
}

.cm-fcopy {
   color: rgba(255, 255, 255, .8) !important;
   font-size: 16px !important;
}

.cm-fmenu ul.mfn-footer-menu {
   list-style: none;
   margin: 0;
   padding: 0;
}

.cm-fmenu ul.mfn-footer-menu>li {
   margin: 0 0 12px !important;
}

.cm-fmenu ul.mfn-footer-menu>li>a {
   color: #fff !important;
   text-decoration: none !important;
   font-family: "Inter", sans-serif !important;
   font-size: 16px !important;
}

.cm-fmenu ul.mfn-footer-menu>li>a:hover {
   text-decoration: underline !important;
}

.cm-fkit {
   color: #fff !important;
   font-weight: 600;
   font-size: 14px !important;
   border-top: 1px solid rgba(255, 255, 255, .25);
   padding-top: 28px !important;
   margin-top: 16px !important;
}

.cm-feu {
   color: rgba(255, 255, 255, .78) !important;
   font-size: 12px !important;
   line-height: 1.5;
   margin-top: 8px !important;
}

@media(max-width:959px) {

   .mfn-header-tmpl .mcb-wrap-inner {
      justify-content: center;
      gap: 10px;
      flex-wrap: wrap !important;
   }

   .mfn-header-tmpl .mcb-column.cm-hmenu {
      margin-right: 0 !important;
      width: 100% !important;
      flex: 0 0 100% !important;
      order: 3;
   }

   .cm-hmenu ul.mfn-header-menu {
      justify-content: center;
      gap: 6px;
      flex-wrap: wrap;
   }

   .cm-hmenu ul.mfn-header-menu>li {
      width: auto !important;
   }

   .cm-hmenu ul.mfn-header-menu>li>a {
      font-size: 1rem !important;
      padding: 12px 20px !important;
      white-space: nowrap;
   }

   .cm-fclaim .title {
      font-size: 30px !important;
   }
}

.cm-hlogo .title a,
.cm-hlogo .title_link {
   color: var(--cm-black) !important;
   text-decoration: none !important;
}

.mfn-header-tmpl .mcb-header-wrap {
   flex: 1 1 auto !important;
   width: 100% !important;
}

@media(min-width:960px) {
   .mfn-header-tmpl .mcb-wrap-inner>.mcb-column.cm-hmenu {
      margin-right: auto !important;
   }
}

/* ============================================================
   PÁGINA · HOME (front page) (page 28)
   ============================================================ */
:root {
   --cm-primary: #3D65DF;
   --cm-comp: #E35F38;
   --cm-sec: #D6CCEE;
   --cm-black: #1D1D1C;
   --cm-dgray: #494946;
   --cm-mgray: #8C8C88;
   --cm-light: #F7F5EE;
   --cm-white: #FCFCFC;
}

#Subheader,
#Sliding-top {
   display: none !important;
}

#Content {
   padding: 0 !important;
   margin: 0 !important;
}

#Wrapper {
   overflow: hidden;
}

img {
   max-width: 100%;
}

.mcb-section {
   position: relative;
   overflow: hidden;
}

.mcb-section .mcb-section-inner {
   max-width: 1480px;
   margin: 0 auto;
   padding-left: 36px;
   padding-right: 36px;
   box-sizing: border-box;
   position: relative;
   z-index: 2;
}

h1,
h2,
h3,
h4 {
   font-family: "Instrument Serif", serif !important;
   font-weight: 400 !important;
}

.mcb-item-plain_text {
   font-family: "Inter", sans-serif;
}

.section_video {
   position: absolute !important;
   inset: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
   z-index: 0;
}

.section_video video,
.section_video iframe {
   width: 100% !important;
   height: 100% !important;
   object-fit: cover;
}

.cm-dark {
   background: var(--cm-black);
}

.cm-dark .section_video:after {
   content: "";
   position: absolute;
   inset: 0;
   background: rgba(20, 20, 18, .58);
}

.cm-btn a.button {
   display: inline-flex !important;
   align-items: center;
   gap: 10px;
   background: var(--cm-primary) !important;
   background-image: none !important;
   color: #fff !important;
   border: 0 !important;
   border-radius: 2000px !important;
   padding: 16px 30px !important;
   font-size: 18px !important;
   font-weight: 500 !important;
   font-family: "Inter", sans-serif !important;
   box-shadow: none !important;
}

.cm-btn a.button:hover {
   background: #2F51BC !important;
}

.cm-btn a.button span,
.cm-btn a.button .button_label {
   color: #fff !important;
}

.cm-btn-light a.button {
   background: #fff !important;
   color: var(--cm-black) !important;
}

.cm-btn-light a.button .button_label,
.cm-btn-light a.button span {
   color: var(--cm-black) !important;
}

.mcb-section-sNav {
   position: sticky;
   top: 0;
   z-index: 50;
   background: var(--cm-light);
}

.mcb-section-sNav .mcb-section-inner {
   max-width: none;
   padding: 18px 36px;
}

.cm-nav-inner {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 24px;
}

.cm-logo {
   font-size: 30px;
   color: var(--cm-black) !important;
   text-decoration: none;
   line-height: 1;
   white-space: nowrap;
}

.cm-logo .cm-logo-1 {
   font-family: "Inter", sans-serif;
   font-weight: 500;
}

.cm-logo .cm-logo-2 {
   font-family: "Instrument Serif", serif;
}

.cm-menu {
   display: flex;
   gap: 8px;
   flex-wrap: wrap;
   margin-left: 36px;
}

.cm-menu a {
   background: #fff;
   color: var(--cm-black) !important;
   text-decoration: none;
   font-size: 16px;
   font-weight: 500;
   padding: 10px 16px;
   border-radius: 2000px;
   white-space: nowrap;
}

.cm-nav-right {
   display: flex;
   gap: 8px;
   margin-left: auto;
}

.cm-pill-dark {
   background: var(--cm-black);
   color: #fff !important;
   text-decoration: none;
   font-size: 16px;
   font-weight: 500;
   padding: 12px 18px;
   border-radius: 2000px;
   white-space: nowrap;
}

.mcb-section-sHero {
   border-radius: 0;
   margin: 0 !important;
}

.mcb-section-sHero .mcb-section-inner {
   --pd: 10rem 0 3rem 0;
   --min-h: 50lvh;
   min-height: var(--min-h);
   display: flex;
   flex-wrap: wrap;
   align-content: flex-end;
   padding: var(--pd);
   max-width: none;

   @media (width >=768px) {
      --pd: 12rem 5rem 5rem;
      --min-h: 760px;
   }

   @media (width >=1025px) {
      --min-h: 650px;
   }

   @media (width >=1921px) {
      --min-h: 800px;
   }
}

.cm-hero-h {
   width: 100%;
}

.cm-hero-h .title {
   color: #fff !important;
   font-size: clamp(44px, 6.8vw, 104px) !important;
   line-height: 0.98 !important;
   letter-spacing: -2px;
   max-width: 1280px;
   margin: 0 0 28px !important;
}

.mcb-item.cm-btn {
   margin-bottom: 64px;
}

.mcb-section-sHero .cm-btn {
   width: 100%;
}

.cm-hero-p {
   color: #fff;
   font-size: 20px !important;
   line-height: 1.6;
   max-width: 600px;
}

.cm-hero-p2 {
   color: #fff;
   font-size: 24px !important;
   line-height: 1.32;
   font-weight: 600;
   text-align: right;
}

.mcb-wrap-wHeroL {
   width: 55% !important;
}

.mcb-wrap-wHeroR {
   width: 45% !important;
}

.mcb-section-sValue {
   --pd: 3rem 0;
   padding: var(--pd);
   background: var(--cm-black);

   @media (width >=960px) {
      --pd: 8rem 0;
   }
}

.cm-intro .title {
   color: #fff !important;
   font-size: clamp(28px, 3.4vw, 56px) !important;
   line-height: 1.12 !important;
   text-align: left;
   max-width: 1400px;
   margin: 0 0 48px !important;
}

.mcb-section-sValue .mcb-section-inner {
   overflow: visible;
}

.cm-mqwrap {
   width: 100vw !important;
   max-width: 100vw !important;
   position: relative;
   left: 50%;
   margin-left: -50vw !important;
}

.cm-mq {
   width: 100%;
}

.cm-mq .mfn-marquee-text-wrapper {
   overflow: hidden;
   -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
   mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
   margin: 8px 0;
}

.cm-mq .mfn-marquee-text {
   display: flex;
   width: max-content;
   animation: cm-scroll 45s linear infinite;
}

.mcb-wrap-wM1 .mfn-marquee-text {
   animation-direction: normal;
}

.mcb-wrap-wM2 .mfn-marquee-text {
   animation-direction: reverse;
}

.cm-mq .mfn-marquee-item {
   display: flex;
   gap: 12px;
   padding-right: 12px;
}

.cm-mq .mfn-marquee-item-label {
   display: inline-flex;
   align-items: center;
   padding: 15px 26px;
   border-radius: 2000px;
   font-size: 18px;
   font-weight: 500;
   white-space: nowrap;
   background: var(--cm-light);
   color: var(--cm-black);
   border: 1px solid #e7e3d6;
}

.cm-mq .mfn-marquee-item-label:nth-child(6n+1) {
   background: #fff;
   color: var(--cm-black);
   border: 0;
}

.cm-mq .mfn-marquee-item-label:nth-child(6n+2) {
   background: var(--cm-primary);
   color: #fff;
   border: 0;
}

.cm-mq .mfn-marquee-item-label:nth-child(6n+3) {
   background: var(--cm-comp);
   color: #fff;
   border: 0;
}

.cm-mq .mfn-marquee-item-label:nth-child(6n+4) {
   background: var(--cm-sec);
   color: var(--cm-black);
   border: 0;
}

.cm-mq .mfn-marquee-item-label:nth-child(6n+5) {
   background: var(--cm-light);
   color: var(--cm-black);
   border: 0;
}

.cm-mq .mfn-marquee-item-label:nth-child(6n) {
   background: transparent;
   color: #fff;
   border: 1px solid rgba(255, 255, 255, .4);
}

@keyframes cm-scroll {
   from {
      transform: translateX(0)
   }

   to {
      transform: translateX(-50%)
   }
}

.mcb-section-sCompare {
   border-radius: 0;
   overflow: hidden;
}

.mcb-section-sCompare .mcb-section-inner {
   padding: 0 !important;
   max-width: none;
}

.cm-comp-top .mcb-wrap-inner {
   --pd: 3rem 1rem;
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   gap: 40px;
   padding: var(--pd);
   flex-wrap: wrap;

   @media (width >=1025px) {
      --pd: 3rem var(--lateral-pad) 8rem;
   }
}

.cm-comp-top .mcb-column {
   width: auto !important;
   float: none !important;
   margin: 0 !important;
}

.cm-comp-txt {
   color: #fff !important;
   font-size: 18px !important;
   line-height: 1.55;
   max-width: 780px;
}

.cm-comp-top .cm-btn {
   flex: 0 0 auto;
}

.cm-img-comp,
.cm-img-comp .mcb-column-inner {
   margin: 0 !important;
}

.cm-img-comp .image_frame,
.cm-img-comp img {
   margin: 0 !important;
   width: 100% !important;
   border-radius: 0 !important;
   display: block;
}

.cm-img-comp img {
   --h: 200px;
   height: var(--h);
   object-fit: cover;

   @media (width >=1025px) {
      --h: 500px;
   }
}

.cm-blue {
   background: var(--cm-primary);
   border-radius: 0;
   margin: 0 !important;
}

.mcb-section-sSteps {
   --pd: 3rem 0;
   padding: var(--pd);

   @media (width >=960px) {
      --pd: 10rem 0;
   }
}

.cm-steps-h .title {
   color: #fff !important;
   font-size: 54px !important;
   line-height: 1.08 !important;
   text-align: center;
   max-width: 920px;
   margin: 0 auto 18px !important;
}

.cm-sub-light {
   color: #dfe6fb !important;
   text-align: center;
}

.mcb-section-sSteps .cm-sub {
   color: rgba(255, 255, 255, .85) !important;
   font-size: 20px !important;
   max-width: 640px;
   margin: 0 auto 56px;
}

.mcb-wrap-wSteps {
   max-width: 760px;
   margin: 0 auto !important;
   position: relative;
}

.mcb-wrap-wSteps:before {
   content: "";
   position: absolute;
   left: 33px;
   top: 30px;
   bottom: 30px;
   width: 2px;
   background: rgba(255, 255, 255, .35);
}

.cm-step {
   margin-bottom: 26px;
}

.cm-step .how_it_works {
   display: grid !important;
   grid-template-columns: 66px 1fr;
   column-gap: 24px;
   text-align: left !important;
   border: 0 !important;
}

.cm-step .image_wrapper {
   grid-column: 1;
   grid-row: 1/3;
   width: 66px;
   height: 66px;
   margin: 0 !important;
   position: relative;
   z-index: 1;
}

.cm-step .image_wrapper .image {
   display: none !important;
}

.cm-step .number {
   position: static !important;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 66px !important;
   height: 66px !important;
   border-radius: 50%;
   border: 0 !important;
   background: var(--cm-comp) !important;
   color: #fff !important;
   font-family: "Instrument Serif", serif !important;
   font-size: 30px !important;
}

.cm-step h4.title {
   grid-column: 2;
   align-self: center;
   color: #fff !important;
   font-size: 26px !important;
   margin: 0 0 4px !important;
}

.cm-step .desc {
   grid-column: 2;
   color: rgba(255, 255, 255, .8) !important;
   font-size: 16px !important;
   line-height: 1.5;
   max-width: 360px;
}

.mcb-wrap-wStepsBtn {
   text-align: center;
   margin-top: 40px !important;
}

.mcb-wrap-wStepsBtn .cm-btn {
   display: inline-block;
}

.mcb-section-sPricing {
   --pd: 3rem 0;
   padding: var(--pd);

   @media (width >=960px) {
      --pd: 10rem 0;
   }

   background: var(--cm-light);
}

.mcb-section-sPricing .mcb-section-inner {
   display: flex;
   flex-wrap: wrap;
   gap: 24px;
   align-items: flex-start;
}

.mcb-wrap-wPriHead {
   width: 100% !important;
   flex: 0 0 100%;
   text-align: center;
}

.cm-h2 .title {
   color: var(--cm-black) !important;
   font-size: 54px !important;
   margin: 0 0 14px !important;
}

.cm-sub {
   color: var(--cm-mgray) !important;
   font-size: 20px !important;
   max-width: 640px;
   margin: 0 auto;
}

.mcb-wrap-wPri1,
.mcb-wrap-wPri2,
.mcb-wrap-wPri3 {
   width: calc(33.333% - 16px) !important;
   flex: 0 0 calc(33.333% - 16px) !important;
   background: #FCFCFC;
   border: 1px solid #ebe6d7;
   border-radius: 24px;
   padding: 32px !important;
   display: flex;
   flex-direction: column;
}

.mcb-wrap.cm-testi {
   width: calc(33.333% - 16px) !important;
   flex: 0 0 calc(33.333% - 16px) !important;
   border-radius: 20px !important;
   padding: 28px !important;
   align-self: start;
}

.cm-testi-o {
   background: var(--cm-comp) !important;
}

.cm-testi-p {
   background: var(--cm-primary) !important;
}

.cm-testi-s {
   background: var(--cm-sec) !important;
}

.cm-testi .cm-testi-q {
   color: #fff !important;
   font-size: 17px !important;
   line-height: 1.5;
   margin-bottom: 14px !important;
}

.cm-testi .cm-testi-a {
   color: #fff !important;
   font-weight: 600 !important;
}

.cm-testi-s .cm-testi-q,
.cm-testi-s .cm-testi-a {
   color: var(--cm-black) !important;
}

.cm-card-title .title {
   color: var(--cm-black) !important;
   font-size: 38px !important;
   line-height: 1.05 !important;
   margin: 0 0 10px !important;
}

.cm-price {
   display: inline-block;
   border: 1px solid var(--cm-mgray);
   border-radius: 2000px;
   padding: 6px 18px;
   font-size: 18px;
   color: var(--cm-black) !important;
   margin-bottom: 24px !important;
}

.cm-muted {
   color: var(--cm-mgray) !important;
   font-size: 15px !important;
   margin-bottom: 4px !important;
   margin-top: 14px !important;
}

.cm-ideal {
   color: var(--cm-dgray) !important;
   font-size: 16px !important;
   font-weight: 600;
   margin-bottom: 6px !important;
}

.cm-feat .list_item {
   margin: 4px 0 !important;
   padding: 0 0 0 18px !important;
   position: relative;
   display: block !important;
}

.cm-feat .list_left {
   display: none !important;
}

.cm-feat .list_item:before {
   content: "";
   position: absolute;
   left: 0;
   top: 11px;
   width: 7px;
   height: 7px;
   border-radius: 50%;
   background: var(--cm-primary);
}

.cm-feat .list_right {
   margin: 0 !important;
   padding: 0 !important;
}

.cm-feat .list_right .title {
   font-family: "Inter", sans-serif !important;
   font-size: 16px !important;
   font-weight: 600 !important;
   color: var(--cm-dgray) !important;
   margin: 0 !important;
}

.cm-feat .list_right .desc {
   display: none;
}

.cm-card-btn {
   margin-top: 18px !important;
}

.cm-card-img {
   margin-top: 20px !important;
}

.cm-card-img img {
   border-radius: 16px !important;
   width: 100%;
   height: 240px;
   object-fit: cover;
   margin: 0 !important;
}

.mcb-section-sFaq {
   --pd: 2rem 0 3rem;
   padding: var(--pd);

   @media (width >=960px) {
      --pd: 4rem 0 10rem;
   }
}

.mcb-section-sFaq .mcb-section-inner {
   display: flex;
   flex-wrap: wrap;
   gap: 48px;
   align-items: flex-start;
}

.mcb-wrap-wFaqL {
   width: 32% !important;
   flex: 1 1 300px;
}

.mcb-wrap-wFaqR {
   width: 60% !important;
   flex: 2 1 480px;
}

.cm-acc .question {
   border: 1px solid #e7e3d6 !important;
   border-radius: 16px !important;
   margin-bottom: 14px !important;
   background: var(--cm-light) !important;
   overflow: hidden;
}

.cm-acc .question>.title {
   font-family: "Inter", sans-serif !important;
   font-size: 18px !important;
   font-weight: 600 !important;
   color: var(--cm-black) !important;
   padding: 20px 18px !important;
}

.cm-acc .question .answer {
   padding: 0 18px 18px !important;
   color: var(--cm-dgray) !important;
   font-size: 16px !important;
   line-height: 1.6;
}

.mcb-section-sCta {
   border-radius: 0;
   margin: 0 !important;
}

.mcb-section-sCta .mcb-section-inner {
   --pd: 3rem 1.5rem;
   padding: var(--pd);

   @media (width >=960px) {
      --pd: 9rem 3rem;
   }

   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
}

.cm-cta-h .title {
   color: #fff !important;
   font-size: 60px !important;
   line-height: 1.12 !important;
   max-width: 840px;
   margin: 0 auto 20px !important;
}

.cm-cta-p {
   color: var(--cm-light) !important;
   font-size: 20px !important;
   line-height: 1.6;
   max-width: 600px;
   margin: 0 auto 36px !important;
}

.mcb-section-sFooter {
   padding: 80px 0 48px;
}

.cm-footer-top {
   display: flex;
   justify-content: space-between;
   gap: 60px;
   flex-wrap: wrap;
   padding-bottom: 48px;
}

.cm-logo-foot {
   color: #fff !important;
   margin-bottom: 28px;
   display: inline-block;
}

.cm-footer-claim {
   color: #fff !important;
   font-size: 48px !important;
   line-height: 1.1 !important;
   max-width: 560px;
   margin: 0 0 24px !important;
}

.cm-footer-copy {
   color: var(--cm-mgray);
   font-size: 16px;
   margin: 0;
}

.cm-footer-cols {
   display: flex;
   gap: 64px;
   flex-wrap: wrap;
}

.cm-footer-cols ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

.cm-footer-cols li {
   margin-bottom: 12px;
}

.cm-footer-cols a {
   color: #fff !important;
   text-decoration: none;
   font-size: 16px;
}

.cm-footer-bottom {
   border-top: 1px solid rgba(255, 255, 255, .15);
   padding-top: 32px;
   display: flex;
   gap: 32px;
   flex-wrap: wrap;
}

.cm-kit {
   display: flex;
   gap: 12px;
   flex-wrap: wrap;
}

.cm-kit-badge {
   background: #fff;
   color: var(--cm-black);
   font-size: 12px;
   font-weight: 600;
   padding: 10px 14px;
   border-radius: 8px;
}

.cm-eu {
   flex: 1 1 480px;
   color: var(--cm-mgray);
   font-size: 12px;
   line-height: 1.5;
   margin: 0;
}

@media(max-width:959px) {
   .mcb-section .mcb-section-inner {
      padding-left: 20px;
      padding-right: 20px;
   }

   .cm-dark,
   .cm-blue {
      margin-left: 0 !important;
      margin-right: 0 !important;
   }

   .cm-hero-h .title {
      font-size: 40px !important;
   }

   .cm-hero-p2 {
      text-align: left;
   }

   .mcb-wrap-wHeroL,
   .mcb-wrap-wHeroR {
      width: 100% !important;
   }

   .cm-intro .title {
      font-size: 30px !important;
   }

   .mcb-wrap-wCompL,
   .mcb-wrap-wCompR,
   .mcb-wrap-wPri1,
   .mcb-wrap-wPri2,
   .mcb-wrap-wPri3,
   .mcb-wrap-wFaqL,
   .mcb-wrap-wFaqR {
      width: 100% !important;
      flex: 1 1 100%;
   }

   .cm-h2 .title,
   .cm-cta-h .title,
   .cm-footer-claim,
   .cm-steps-h .title {
      font-size: 34px !important;
   }

   .mcb-wrap.cm-testi {
      width: 100% !important;
      flex: 1 1 100% !important;
      margin-bottom: 0 !important;
   }
}

.mcb-section-sPricing .mcb-wrap-wPacks {
   width: 100% !important;
   flex: 0 0 100% !important;
}

.style-simple .how_it_works .image_wrapper .number {
   margin-left: 0 !important;
}

/* ============================================================
   PÁGINA · MEDIACIÓN ONLINE (page 128)
   ============================================================ */
.mo-kicker {
   font-family: "Inter", sans-serif !important;
   font-size: 12px !important;
   font-weight: 600 !important;
   letter-spacing: .14em;
   text-transform: uppercase;
   color: var(--cm-dgray) !important;
   margin: 0 0 18px !important;
}

.mo-kicker:after {
   content: "";
   display: block;
   width: 32px;
   height: 1px;
   background: var(--cm-black);
   margin-top: 8px;
}

.mo-kicker-w {
   color: rgba(255, 255, 255, .85) !important;
}

.mo-kicker-w:after {
   background: rgba(255, 255, 255, .7);
}

.mo-kicker-sm {
   font-family: "Inter", sans-serif !important;
   font-size: 12px !important;
   font-weight: 600 !important;
   letter-spacing: .1em;
   text-transform: uppercase;
   color: var(--cm-dgray) !important;
   margin: 0 0 12px !important;
}

.mo-kicker-sm:after {
   content: "";
   display: block;
   width: 32px;
   height: 1px;
   background: var(--cm-comp);
   margin-top: 6px;
}

.cm-pg .mo-btn-dark a.button {
   background: var(--cm-black) !important;
}

.cm-pg .mo-btn-dark a.button:hover {
   background: #000 !important;
}

.cm-pg .mo-btn-orange a.button {
   background: var(--cm-comp) !important;
}

.cm-pg .mo-btn-orange a.button:hover {
   background: #C84E2B !important;
}

.mo-link a {
   font-family: "Inter", sans-serif;
   font-size: 17px;
   font-weight: 500;
   color: var(--cm-black) !important;
   text-decoration: none;
}

.mo-link a:hover {
   text-decoration: underline;
}

.mcb-section-moHero {
   background: var(--cm-light);
   border-top: 1px solid #E6E1D3;
}

.mcb-section-moHero .mcb-section-inner {
   --pd: 3rem 0;
   padding: var(--pd);

   @media (width >=960px) {
      --pd: 7rem 0;
   }
}

.mo-hero-h .title {
   --m: 0 0 1.5rem !important;
   color: var(--cm-black) !important;
   font-size: clamp(48px, 6.2vw, 96px) !important;
   line-height: 1.02 !important;
   letter-spacing: -2px;
   max-width: 1180px;
   margin: var(--m);

   @media (width >=960px) {
      --m: 0 0 2rem !important;
   }
}

.mo-specs .mcb-wrap-inner {
   border-top: 1px solid #DDD8C9;
   border-bottom: 1px solid #DDD8C9;
   padding: 22px 0;
}

.mo-spec {
   padding-right: 24px;
}

.mo-spec em {
   display: block;
   font-style: normal;
   font-size: 13px;
   color: var(--cm-mgray);
   margin-bottom: 6px;
}

.mo-spec strong {
   display: block;
   font-size: 18px;
   font-weight: 600;
   color: var(--cm-black);
}

.mo-herobtns {
   margin-top: 32px !important;
}

.mo-herobtns .mcb-wrap-inner {
   display: flex;
   align-items: center;
   gap: 36px;
   flex-wrap: wrap;
}

.mo-herobtns .mcb-column {
   width: auto !important;
   float: none !important;
   margin: 0 !important;
}

.mo-herobtns .mcb-item-button .image_frame,
.mo-herobtns .mcb-item-button {
   margin: 0 !important;
}

.mcb-section-moTrust {
   background: var(--cm-black);
}

.mo-stat {
   padding: 4px 24px 4px 0;
}

.mo-stat strong {
   display: block;
   font-family: "Instrument Serif", serif;
   font-weight: 400;
   font-size: 26px;
   color: #fff;
   line-height: 1.15;
}

.mo-stat em {
   display: block;
   font-style: normal;
   font-size: 14px;
   color: var(--cm-mgray);
   margin-top: 2px;
}

.mcb-section-moTrust .mcb-column:not(:first-child) .mo-stat {
   border-left: 1px solid rgba(255, 255, 255, .18);
   padding-left: 24px;
}

.mcb-section-moWhy {
   background: var(--cm-light);
}

.mcb-section-moWhy .mcb-section-inner {
   --pd: 3rem 0;
   padding: var(--pd);

   @media (width >=960px) {
      --pd: 9rem 0;
   }
}

.mo-why-h .title {
   color: var(--cm-black) !important;
   font-size: clamp(36px, 3.6vw, 58px) !important;
   line-height: 1.08 !important;
   letter-spacing: -1px;
   max-width: 640px;
   margin: 0 !important;
}

.mo-why-r {
   border-left: 1px solid #DDD8C9;
}

.mo-why-r .mcb-wrap-inner {
   padding-left: 40px;
}

.mo-num {
   font-family: "Inter", sans-serif;
   font-size: 13px;
   font-weight: 500;
   color: var(--cm-mgray);
   border-bottom: 1px solid #DDD8C9;
   padding-bottom: 12px;
   margin-bottom: 16px !important;
}

.mo-why-t .title {
   color: var(--cm-black) !important;
   font-size: 31px !important;
   line-height: 1.15 !important;
   margin: 0 0 10px !important;
}

.mo-why-d {
   font-size: 16px !important;
   color: var(--cm-dgray) !important;
   line-height: 1.6;
   max-width: 560px;
   margin-bottom: 44px !important;
}

.mo-why-r .mcb-item:last-child .mo-why-d,
.mo-why-d:last-child {
   margin-bottom: 0 !important;
}

.mcb-section-moSteps {
   background: var(--cm-light);
}

.mcb-section-moSteps .mcb-section-inner {
   --pd: 3rem 0;
   padding: var(--pd);

   @media (width >=960px) {
      --pd: 8rem 0;
   }
}

.mcb-section-moSteps .cm-sub {
   margin-bottom: 28px;
}

.mo-step .mcb-wrap-inner {
   padding: 40px 36px !important;
}

.cm-pg .mo-stepnum .title {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 56px;
   height: 56px;
   border-radius: 50%;
   background: var(--cm-comp) !important;
   color: #fff !important;
   font-size: 30px !important;
   margin: 0 0 26px !important;
}

.mo-step .cm-card-h .title {
   font-size: 26px !important;
   margin: 0 0 12px !important;
}

.mcb-section-moSplit {
   padding: 0;
}

.mcb-section-moSplit .mcb-section-inner {
   max-width: none !important;
   padding: 0 !important;
   display: flex;
   flex-wrap: wrap;
}

.mcb-section-moSplit .mcb-wrap {
   --height: auto;
   margin: 0 !important;
   height: var(--height);
   flex: 1 1 50%;
   width: 50% !important;

   @media (width >=1025px) {
      --height: 620px;
   }
}

.mcb-section-moSplit .mcb-wrap .mcb-wrap-inner {
   margin: 0 !important;
   height: 100%;
   box-sizing: border-box;
}

.mo-split-img {
   position: relative;
   background:
      radial-gradient(rgba(255, 255, 255, .16) 1.5px, transparent 1.6px),
      linear-gradient(160deg, rgba(13, 18, 48, .78), rgba(20, 32, 90, .66)),
      url('https://mediacion.caramesabogados.es/wp-content/uploads/mediacion-split.webp');
   background-size: 56px 56px, cover, cover;
   background-position: 0 0, center, center;
}

.mo-split-img .mcb-wrap-inner {
   --min-h: 400px;
   min-height: var(--min-h);
   width: 100%;

   @media (width >=1025px) {
      --min-h: 620px;
   }
}

.mo-split-img .mo-split-cap {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
}

.mo-split-cap {
   --pd: 3rem 1rem;
   font-family: "Instrument Serif", serif;
   font-size: 30px;
   line-height: 1.25;
   color: #fff;
   padding: var(--pd);
   margin: 0 !important;
   background: linear-gradient(transparent, rgba(8, 10, 28, .65));
   width: 100%;

   @media (width >=768px) {
      --pd: 3rem 6rem;
   }

   @media (width >=1025px) {
      --pd: 10rem 3rem 3rem;
   }
}

.mo-split-blue {
   background: var(--cm-primary);
}

.mo-split-blue .mcb-wrap-inner {
   --pd: 3rem 0;
   padding: var(--pd);

   @media (width >=768px) {
      --pd: 3rem 6rem;
   }

   @media (width >=1025px) {
      --pd: 0rem 3rem;
   }

   display: flex;
   flex-direction: column;
   justify-content: center;
}

.mo-split-h .title {
   --max-w: none;
   color: #fff !important;
   font-size: clamp(40px, 3.8vw, 62px) !important;
   line-height: 1.06 !important;
   margin: 0 0 36px !important;
   padding-bottom: 34px;
   border-bottom: 1px solid rgba(255, 255, 255, .3);
   max-width: var(--max-w);

   @media (width >=1025px) {
      --max-w: 560px;
   }
}

.mo-bullet {
   position: relative;
   padding-left: 18px;
   margin-bottom: 20px !important;
}

.mo-bullet:before {
   content: "";
   position: absolute;
   left: 0;
   top: 7px;
   width: 6px;
   height: 6px;
   background: var(--cm-comp);
}

.mo-bullet strong {
   display: block;
   font-size: 16px;
   font-weight: 600;
   color: #fff;
}

.mo-bullet em {
   display: block;
   font-style: normal;
   font-size: 14px;
   color: rgba(255, 255, 255, .78);
   margin-top: 2px;
}

.mo-split-blue .mo-btn-orange {
   margin-top: 16px;
}

.mcb-section-moBens {
   background: var(--cm-light);
}

.mcb-section-moBens .mcb-section-inner {
   --pd: 3rem 0;
   padding: var(--pd);

   @media (width >=960px) {
      --pd: 8rem 0;
   }

   row-gap: 0;
}

.mo-bens-h .title {
   --m: 0 0 1.5rem !important;
   color: var(--cm-black) !important;
   font-size: clamp(36px, 3.4vw, 54px) !important;
   line-height: 1.08 !important;
   letter-spacing: -1px;
   max-width: 780px;
   margin: var(--m);

   @media (width >=960px) {
      --m: 0 0 2rem !important;
   }
}

.mo-ben .mcb-wrap-inner {
   border-top: 1px solid #DDD8C9;
   padding: 26px 24px 26px 0;
   height: 100%;
   box-sizing: border-box;
}

.mo-ben-t .title {
   font-family: "Inter", sans-serif !important;
   font-size: 19px !important;
   font-weight: 600 !important;
   color: var(--cm-black) !important;
   margin: 0 0 8px !important;
}

.mo-ben-d {
   font-size: 15px !important;
   color: var(--cm-dgray) !important;
   line-height: 1.6;
   max-width: 600px;
}

.mcb-section-moBand {
   background: var(--cm-primary);
   position: relative;
   overflow: hidden;
}

.mcb-section-moBand .mcb-section-inner {
   --pd: 3rem 0;
   padding: var(--pd);

   @media (width >=960px) {
      --pd: 9rem 0;
   }

   display: flex;
   flex-wrap: wrap;
   gap: 48px;
}

.mcb-section-moBand .mcb-wrap {
   --flex: 100%;
   margin: 0 !important;
   flex: var(--flex);
   width: auto !important;

   @media (width >=1025px) {
      --flex: 1 1 calc(50% - 24px);
   }
}

.mo-band-l {
   position: relative;
}

.mo-band-l:after {
   content: "";
   position: absolute;
   left: -30px;
   bottom: -40px;
   width: 420px;
   height: 230px;
   border: 1px solid rgba(255, 255, 255, .35);
   border-radius: 50%;
   transform: rotate(-6deg);
   pointer-events: none;
}

.mo-band-l .mcb-wrap-inner {
   display: flex;
   flex-direction: column;
   height: 100%;
}

.mo-band-h .title {
   color: #fff !important;
   font-size: clamp(42px, 4vw, 66px) !important;
   line-height: 1.05 !important;
   margin: 0 0 auto !important;
   max-width: 480px;
}

.mo-band-p {
   color: rgba(255, 255, 255, .85) !important;
   font-size: 18px !important;
   line-height: 1.55;
   max-width: 420px;
   margin: 64px 0 26px !important;
}

.cm-pg .mo-band-btn a.button .button_label {
   color: var(--cm-primary) !important;
   font-weight: 600 !important;
}

.mo-band-r {
   border-left: 1px solid rgba(255, 255, 255, .25);
}

.mo-band-r .mcb-wrap-inner {
   padding-left: 40px;
   display: flex;
   flex-wrap: wrap;
   gap: 20px;
   align-items: stretch;
   align-content: flex-start;
   height: auto !important;
}

.mo-band-r .mcb-column {
   width: calc(50% - 10px) !important;
   float: none !important;
   margin: 0 !important;
   min-height: 0 !important;
   display: flex;
}

.mo-band-r .mcb-column-inner {
   width: 100%;
   display: flex;
}

.mo-bcard {
   background: rgba(10, 18, 70, .32);
   border-radius: 16px;
   padding: 28px !important;
   box-sizing: border-box;
   width: 100%;
}

.mo-bcard .how_it_works {
   border: 0 !important;
   text-align: left !important;
   padding: 0 !important;
}

.mo-bcard .image_wrapper {
   width: 54px;
   height: 54px;
   margin: 0 0 22px !important;
   position: relative;
}

.mo-bcard .image_wrapper .image {
   display: none !important;
}

.cm-pg .mo-bcard .number {
   position: static !important;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 54px !important;
   height: 54px !important;
   border-radius: 50% !important;
   border: 0 !important;
   background: rgba(255, 255, 255, .16) !important;
   color: #fff !important;
   font-size: 22px !important;
   font-family: "Inter", sans-serif !important;
   line-height: 1 !important;
}

.mo-bcard h4.title {
   font-family: "Inter", sans-serif !important;
   font-size: 19px !important;
   font-weight: 600 !important;
   color: #fff !important;
   margin: 0 0 8px !important;
}

.mo-bcard .desc {
   color: rgba(255, 255, 255, .78) !important;
   font-size: 15px !important;
   line-height: 1.55;
}

.mcb-section-planes {
   background: var(--cm-white);
}

.mcb-section-planes .mcb-section-inner {
   --pd: 3rem 0;
   padding: var(--pd);

   @media (width >=960px) {
      --pd: 9rem 0;
   }
}

.mcb-section-planes .cm-sub {
   margin-bottom: 24px;
}

.mo-testi {
   border-radius: 20px !important;
   align-self: start;
}

.mo-testi .mcb-wrap-inner {
   padding: 30px !important;
}

.mo-testi-o {
   background: var(--cm-comp) !important;
}

.mo-testi-p {
   background: var(--cm-primary) !important;
}

.mo-testi-s {
   background: var(--cm-sec) !important;
}

.mo-testi-txt p {
   color: #fff !important;
   font-size: 17px !important;
   line-height: 1.55;
   margin-bottom: 14px !important;
}

.mo-testi-txt p:last-child {
   margin-bottom: 0 !important;
}

.mo-testi-txt strong {
   font-weight: 600;
}

.mo-testi-s .mo-testi-txt p {
   color: var(--cm-black) !important;
}

.mcb-section-moCase {
   background: var(--cm-white);
}

.mcb-section-moCase .mcb-section-inner {
   --pd: 3rem 0;
   padding: var(--pd);

   @media (width >=960px) {
      --pd: 9rem 0;
   }
}

.mo-case-l {
   position: relative;
}

.mo-case-l .mcb-wrap-inner {
   padding-right: 64px;
}

.mo-quote {
   position: relative;
}

.mo-quote:before {
   content: "“";
   display: block;
   font-family: "Instrument Serif", serif;
   font-size: 130px;
   line-height: 1;
   color: var(--cm-sec);
   margin-bottom: 1rem;
   height: 40px;
}

.mo-quote .title {
   color: var(--cm-black) !important;
   font-size: clamp(32px, 3vw, 46px) !important;
   line-height: 1.22 !important;
   margin: 0 0 56px !important;
   max-width: 680px;
}

.mo-q-a {
   font-size: 14px !important;
   color: var(--cm-dgray) !important;
}

.mo-q-a:before {
   content: "";
   display: block;
   width: 48px;
   height: 2px;
   background: var(--cm-comp);
   margin-bottom: 14px;
}

.mo-q-s {
   color: var(--cm-comp) !important;
   font-size: 16px !important;
   letter-spacing: 3px;
   margin-top: 6px !important;
}

.mo-case-r {
   border-left: 1px solid #E6E1D3;
}

.mo-case-r .mcb-wrap-inner {
   padding-left: 72px;
}

.mo-case-d {
   font-size: 17px !important;
   color: var(--cm-dgray) !important;
   line-height: 1.65;
   max-width: 680px;
   margin-bottom: 48px !important;
}

.mcb-section-moFaq {
   background: var(--cm-light);
}

.mcb-section-moFaq .mcb-section-inner {
   --pd: 3rem 0;
   padding: var(--pd);

   @media (width >=960px) {
      --pd: 8rem 0;
   }
}

.mcb-section-moFaq .cm-h2 .title {
   max-width: 520px;
}

.mcb-section-moFaq .cm-sub {
   margin-bottom: 30px;
}

.mo-faq .cm-acc .question {
   background: var(--cm-white) !important;
}

.mo-cta-full {
   border-radius: 0 !important;
   margin: 0 !important;
}

.mo-cta-full .mcb-section-inner {
   --pd: 3rem 0;
   padding: var(--pd);

   @media (width >=960px) {
      --pd: 9rem 0;
   }
}

@media(max-width:959px) {
   .mo-hero-h .title {
      font-size: 42px !important;
   }

   .mo-spec {
      padding: 10px 0;
   }

   .mcb-section-moTrust .mcb-column .mo-stat {
      border-left: 0;
      padding-left: 0;
   }

   .mo-why-r {
      border-left: 0;
   }

   .mo-why-r .mcb-wrap-inner {
      padding-left: 0;
      padding-top: 40px;
   }

   .mcb-section-moSplit .mcb-wrap {
      --min-h: 400px;
      width: 100% !important;
      flex: 1 1 100%;
      min-height: var(--min-h);

      @media (width >=1025px) {
         --min-h: 620px;
      }
   }

   .mo-split-blue .mcb-wrap-inner {
      --pd: 3rem 1rem;
      padding: var(--pd) !important;

      @media (width >=768px) {
         --pd: 4rem 6rem;
      }

      @media (width >=1025px) {
         --pd: 4rem 0;
      }
   }


   .mo-band-r {
      border-left: 0;
   }

   .mo-band-r .mcb-wrap-inner {
      padding-left: 0;
   }

   .mo-band-r .mcb-column {
      width: 100% !important;
   }

   .mo-band-p {
      margin-top: 28px !important;
   }

   .mo-band-l:after {
      display: none;
   }

   .mo-case-l .mcb-wrap-inner {
      padding-right: 0;
   }

   .mo-case-r {
      border-left: 0;
   }

   .mo-case-r .mcb-wrap-inner {
      padding-left: 0;
      padding-top: 48px;
   }

   .mo-ben .mcb-wrap-inner {
      padding-right: 0;
   }
}

/* ============================================================
   PÁGINA · ¿CÓMO FUNCIONA? (page 144)
   ============================================================ */
.cf-h .title {
   color: var(--cm-black) !important;
   font-size: clamp(36px, 3.6vw, 58px) !important;
   line-height: 1.08 !important;
   letter-spacing: -1px;
   max-width: 760px;
   margin: 0 0 18px !important;
}

.cf-sub {
   color: var(--cm-dgray) !important;
   font-size: 18px !important;
   line-height: 1.6;
   max-width: 900px;
   margin-bottom: 34px !important;
}

.mcb-section-cfSteps {
   background: var(--cm-light);
}

.mcb-section-cfSteps .mcb-section-inner {
   --pd: 3rem 0;
   padding: var(--pd);

   @media (width >=960px) {
      --pd: 9rem 0;
   }
}

.mcb-section-cfSteps .cf-h .title {
   margin-bottom: 40px !important;
}

.cm-pg .cf-step .how_it_works {
   display: grid !important;
   grid-template-columns: 160px 1fr;
   column-gap: 0;
   text-align: left !important;
   border: 0 !important;
   border-top: 1px solid #DDD8C9 !important;
   padding: 34px 56px 34px 0 !important;
   margin: 0 !important;
   position: relative;
}

.cm-pg .cf-step .image_wrapper {
   grid-column: 1;
   grid-row: 1/3;
   margin: 0 !important;
   width: auto;
   height: auto;
}

.cm-pg .cf-step .image_wrapper .image {
   display: none !important;
}

.cm-pg .cf-step .number {
   position: static !important;
   display: block;
   width: auto !important;
   height: auto !important;
   border: 0 !important;
   background: none !important;
   color: #C9C2AF !important;
   font-family: "Instrument Serif", serif !important;
   font-size: 58px !important;
   line-height: 1 !important;
}

.cm-pg .cf-step h3.title {
   grid-column: 2;
   color: var(--cm-black) !important;
   font-size: 29px !important;
   line-height: 1.15 !important;
   margin: 0 0 8px !important;
}

.cm-pg .cf-step .desc {
   grid-column: 2;
   color: var(--cm-dgray) !important;
   font-size: 16px !important;
   line-height: 1.6;
   max-width: 900px;
}

.cm-pg .cf-step .how_it_works:after {
   content: "→";
   position: absolute;
   right: 6px;
   top: 42px;
   font-size: 22px;
   color: var(--cm-primary);
}

.cf-step {
   margin-bottom: 0 !important;
}

.mcb-section-cfCert {
   background: var(--cm-black);
}

.mcb-section-cfCert .mcb-section-inner {
   --pd: 3rem 0;
   padding: var(--pd);

   @media (width >=960px) {
      --pd: 8rem 0;
   }
}

.cf-cert-l .mcb-wrap-inner {
   padding-right: 64px;
}

.cf-cert-l .mcb-wrap-inner:before {
   content: "";
   display: block;
   width: 80px;
   height: 80px;
   background: var(--cm-primary);
   border-radius: 22px;
   margin-bottom: 46px;
}

.cf-cert-h .title {
   color: #fff !important;
   font-size: clamp(36px, 3.4vw, 54px) !important;
   line-height: 1.12 !important;
   max-width: 600px;
   margin: 0 !important;
}

.cf-cert-r {
   border-left: 1px solid rgba(255, 255, 255, .18);
}

.cf-cert-r .mcb-wrap-inner {
   padding-left: 60px;
}

.cf-cert-q {
   color: #8FA8F2 !important;
   font-family: "Inter", sans-serif !important;
   font-size: 15px !important;
   font-weight: 600 !important;
   margin-bottom: 14px !important;
}

.cf-cert-q:after {
   content: "";
   display: block;
   width: 32px;
   height: 1px;
   background: rgba(143, 168, 242, .6);
   margin-top: 8px;
}

.cf-cert-p {
   color: rgba(255, 255, 255, .88) !important;
   font-size: 17px !important;
   line-height: 1.65;
   max-width: 820px;
   margin-bottom: 44px !important;
}

.cf-li {
   position: relative;
   padding-left: 22px;
   color: rgba(255, 255, 255, .85) !important;
   font-size: 15px !important;
   margin-bottom: 16px !important;
}

.cf-li:before {
   content: "";
   position: absolute;
   left: 0;
   top: 7px;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: var(--cm-comp);
}

.mcb-section-cfComp {
   background: var(--cm-white);
}

.mcb-section-cfComp .mcb-section-inner {
   --pd: 3rem 0;
   padding: var(--pd);

   @media (width >=960px) {
      --pd: 8rem 0;
   }
}

.cf-table {
   overflow-x: auto;
}

.cf-table table {
   width: 100%;
   border-collapse: collapse;
   font-family: "Inter", sans-serif;
   border: 0;
}

.cm-pg .cf-table th,
.cm-pg .cf-table td {
   padding: 21px 16px !important;
   text-align: left;
   font-size: 16px;
   border: 0 !important;
}

.cm-pg .cf-table thead th {
   background: var(--cm-black) !important;
   color: #fff !important;
   font-weight: 600;
   font-size: 15px;
}

.cm-pg .cf-table thead th:first-child {
   border-radius: 10px 0 0 10px;
}

.cm-pg .cf-table thead th:last-child {
   border-radius: 0 10px 10px 0;
}

.cm-pg .cf-table thead th:nth-child(2) {
   color: var(--cm-comp) !important;
}

.cm-pg .cf-table tbody td {
   color: var(--cm-dgray) !important;
}

.cm-pg .cf-table tbody tr:nth-child(odd) td {
   background: var(--cm-light) !important;
}

.cm-pg .cf-table tbody tr:nth-child(even) td {
   background: transparent !important;
}

.cm-pg .cf-table tbody td:first-child {
   color: var(--cm-black) !important;
}

.cm-pg .cf-table th:nth-child(2),
.cm-pg .cf-table td:nth-child(2) {
   border-left: 3px solid var(--cm-comp) !important;
}

.cm-pg .cf-table tbody td:nth-child(2) {
   color: var(--cm-primary) !important;
   font-weight: 600;
}

.mcb-section-cfTipos {
   background: var(--cm-light);
}

.mcb-section-cfTipos .mcb-section-inner {
   --pd: 3rem 0;
   padding: var(--pd);

   @media (width >=960px) {
      --pd: 8rem 0;
   }

   row-gap: 8px;
}

.cf-tipo .mcb-wrap-inner {
   padding: 8px 24px 18px 0;
   height: 100%;
   box-sizing: border-box;
}

.cm-pg .cf-tipo-t .title {
   font-family: "Inter", sans-serif !important;
   font-size: 18px !important;
   font-weight: 600 !important;
   color: var(--cm-black) !important;
   margin: 0 0 12px !important;
}

.cf-tipo-t .title:before {
   content: "";
   display: inline-block;
   width: 28px;
   height: 3px;
   background: var(--cm-comp);
   margin-right: 20px;
   vertical-align: 4px;
}

.cf-tipo-d {
   font-size: 15px !important;
   color: var(--cm-dgray) !important;
   line-height: 1.6;
}

.cf-tipo-b {
   border-left: 1px solid #DDD8C9;
}

.cf-tipo-b .mcb-wrap-inner {
   padding-left: 28px;
}

.mcb-section-faq {
   background: var(--cm-light);
}

.mcb-section-faq .mcb-section-inner {
   --pd: 3rem 0;
   padding: var(--pd);

   @media (width >=960px) {
      --pd: 8rem 0;
   }

   align-items: flex-start;
}

.cm-pg .cf-faq .cf-faq-col {
   flex: 1 1 calc(50% - 12px) !important;
   max-width: calc(50% - 12px);
}

.cm-pg .cf-acc .question {
   background: transparent !important;
   border: 0 !important;
   border-top: 1px solid #DDD8C9 !important;
   border-radius: 0 !important;
   margin: 0 !important;
   overflow: visible;
}

.cm-pg .cf-acc .question>.title {
   font-family: "Inter", sans-serif !important;
   font-size: 17px !important;
   font-weight: 600 !important;
   color: var(--cm-black) !important;
   padding: 20px 36px 20px 0 !important;
}

.cm-pg .cf-acc .question .answer {
   padding: 0 36px 22px 0 !important;
   color: var(--cm-dgray) !important;
   font-size: 15px !important;
   line-height: 1.65;
}

.cf-cta-link {
   margin-top: 18px !important;
}

.cf-cta-link a {
   color: #fff !important;
   font-family: "Inter", sans-serif;
   font-size: 16px;
   text-decoration: underline;
   text-underline-offset: 4px;
}

@media(max-width:959px) {
   .cm-pg .cf-step .how_it_works {
      grid-template-columns: 70px 1fr;
      padding-right: 36px !important;
   }

   .cm-pg .cf-step .number {
      font-size: 36px !important;
   }

   .cf-cert-l .mcb-wrap-inner {
      padding-right: 0;
   }

   .cf-cert-r {
      border-left: 0;
   }

   .cf-cert-r .mcb-wrap-inner {
      padding-left: 0;
      padding-top: 40px;
   }

   .cf-cert-h .title {
      margin-bottom: 24px !important;
   }

   .cf-table th,
   .cf-table td {
      padding: 14px 10px;
      font-size: 14px;
   }

   .cf-table table {
      min-width: 760px;
   }

   .cf-tipo-b {
      border-left: 0;
   }

   .cf-tipo-b .mcb-wrap-inner {
      padding-left: 0;
   }

   .cm-pg .cf-faq .cf-faq-col {
      flex: 1 1 100% !important;
      max-width: 100%;
   }
}

/* ============================================================
   PÁGINA · BLOG (page 134)
   ============================================================ */
.bg-pillsrow {
   margin-top: 10px !important;
}

.bg-pillsrow .mcb-wrap-inner {
   border-top: 1px solid #DDD8C9;
   padding-top: 22px;
}

.bg-pills a {
   --m: 0 4px 4px 0;
   display: inline-block;
   font-family: "Inter", sans-serif;
   font-size: 15px;
   font-weight: 500;
   color: var(--cm-black) !important;
   background: #fff;
   border: 1px solid #DDD8C9;
   border-radius: 2000px;
   padding: 12px 22px;
   margin: var(--m);
   text-decoration: none !important;

   @media (width >=768px) {
      --m: 0 8px 8px 0;
   }
}

.bg-pills a:hover {
   border-color: var(--cm-black);
}

.bg-pills a:first-child {
   background: var(--cm-black);
   border-color: var(--cm-black);
   color: #fff !important;
}

.mcb-section-bgFeat {
   padding: 0;
   border-top: 1px solid #E6E1D3;
}

.mcb-section-bgFeat .mcb-section-inner {
   max-width: none !important;
   padding: 0 !important;
   display: flex;
   flex-wrap: wrap;
}

.mcb-section-bgFeat .mcb-wrap {
   margin: 0 !important;
   height: 560px;
   flex: 1 1 50%;
   width: 50% !important;
}

.mcb-section-bgFeat .mcb-wrap .mcb-wrap-inner {
   margin: 0 !important;
   height: 100%;
   box-sizing: border-box;
}

.bg-feat-img {
   position: relative;
   background:
      linear-gradient(165deg, rgba(13, 18, 48, .82), rgba(16, 24, 72, .72)),
      url('https://mediacion.caramesabogados.es/wp-content/uploads/card-3.webp');
   background-size: cover, cover;
   background-position: center, center;
}

.bg-feat-img .mcb-wrap-inner {
   --pd: 1rem;
   padding: var(--pd);

   @media (width >=768px) {
      --pd: 2.5rem 6rem;
   }

   @media (width >=1025px) {
      --pd: 3rem;
   }

   width: 100%;
}

.bg-chip {
   display: inline-block;
   background: var(--cm-comp);
   color: #fff !important;
   font-family: "Inter", sans-serif;
   font-size: 14px !important;
   font-weight: 500;
   padding: 9px 20px;
   border-radius: 2000px;
   width: max-content !important;
}

.bg-feat-img .bg-feat-t {
   --pd: 1rem;
   padding: var(--pd);

   @media (width >=768px) {
      --pd: 1.5rem 6rem;
   }

   @media (width >=1025px) {
      --pd: 3rem;
   }

   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
}

.cm-pg .bg-feat-t .title {
   color: #fff !important;
   font-size: clamp(2.5rem, 2.6vw, 3rem) !important;
   line-height: 1.2 !important;
   max-width: 768px;
   margin: 0 !important;

   @media (width >=768px) {
      font-size: clamp(2.5rem, 2.6vw, 3.5rem) !important;
   }
}

.bg-feat-txt {
   background: var(--cm-light);
}

.bg-feat-txt .mcb-wrap-inner {
   --pd: 3rem 1rem;
   padding: var(--pd);

   @media (width >=768px) {
      --pd: 3rem 6rem;
   }

   @media (width >=1025px) {
      --pd: 3rem;
   }

   display: flex;
   flex-direction: column;
   justify-content: center;
}

.bg-feat-p {
   color: var(--cm-dgray) !important;
   font-size: 16px !important;
   line-height: 1.7;
   max-width: 736px;
   margin-bottom: 26px !important;
}

.bg-meta {
   border-top: 1px solid #DDD8C9;
   padding-top: 16px;
   font-size: 14px !important;
   color: var(--cm-mgray) !important;
   margin-bottom: 22px !important;
   max-width: 736px;
}

.bg-feat-btn a.button {
   padding: 13px 26px !important;
   font-size: 16px !important;
}

.mcb-section-bgGrid,
.bg-gridsec {
   background: var(--cm-white);
}

.mcb-section-bgGrid .mcb-section-inner {
   --pd: 3rem 1rem;
   padding: var(--pd);

   @media (width >=1025px) {
      --pd: 8rem 0;
   }
}

.cm-pg .bg-grid-h .title {
   color: var(--cm-black) !important;
   font-size: clamp(30px, 2.6vw, 42px) !important;
   margin: 0 0 24px !important;
   padding-bottom: 22px;
   border-bottom: 1px solid #E6E1D3;
}

.bg-grid .blog_wrapper {
   margin: 0 !important;
}

.bg-grid ul.blog_wrapper>li,
.bg-grid .blog_wrapper .post-item {
   background: transparent !important;
}

.bg-grid .post-item {
   margin-bottom: 36px !important;

   &:last-child {
      margin-bottom: 0 !important;
   }
}

.bg-grid .post-item .image_frame {
   border: 0 !important;
   border-radius: 16px !important;
   overflow: hidden;
   margin-bottom: 0 !important;
   box-shadow: none !important;
}

.bg-grid .post-item .image_frame img {
   border-radius: 16px;
}

.bg-grid .post-item .date_label {
   background: var(--cm-light) !important;
   color: var(--cm-dgray) !important;
   font-family: "Inter", sans-serif !important;
   font-size: 13px !important;
   border-radius: 2000px !important;
   padding: 6px 14px !important;
   box-shadow: none !important;
}

.bg-grid .post-item h4.entry-title,
.bg-grid .post-item .entry-title {
   font-family: "Instrument Serif", serif !important;
   font-size: 24px !important;
   line-height: 1.25 !important;
   margin: 6px 0 10px !important;
}

.bg-grid .post-item .entry-title a {
   color: var(--cm-black) !important;
   text-decoration: none !important;
}

.bg-grid .post-item .entry-title a:hover {
   color: var(--cm-primary) !important;
}

.bg-grid .post-item .post-meta,
.bg-grid .post-item .post-footer {
   border: 0 !important;
   background: transparent !important;
}

.bg-grid .post-item .post-meta .author-date,
.bg-grid .post-item .post-meta {
   font-family: "Inter", sans-serif !important;
   color: var(--cm-mgray) !important;
   font-size: 14px !important;
}

.bg-grid .post-item .post-excerpt,
.bg-grid .post-item .post-desc-wrapper .post-desc {
   color: var(--cm-dgray) !important;
   font-family: "Inter", sans-serif;
   font-size: 15px !important;
   line-height: 1.6;
}

.bg-grid .post-item .post-footer .button-love,
.bg-grid .post-item .post-links {
   display: none !important;
}

.bg-grid .post-item a.post-more {
   font-family: "Inter", sans-serif;
   color: var(--cm-primary) !important;
   font-weight: 600;
   font-size: 15px;
   text-decoration: none !important;
}

.mcb-section-bgNews {
   background: var(--cm-light);
   border-top: 1px solid #E6E1D3;
}

.mcb-section-bgNews .mcb-section-inner {
   --pd: 3rem 1rem;
   padding: var(--pd);

   @media (width >=1025px) {
      --pd: 8rem 0rem;
   }
}

.bg-news .mcb-wrap-inner {
   text-align: center;
}

.cm-pg .bg-news-h .title {
   color: var(--cm-black) !important;
   font-size: clamp(28px, 2.6vw, 40px) !important;
   line-height: 1.25 !important;
   max-width: 880px;
   margin: 0 auto 36px !important;
}

.bg-news-form {
   max-width: 680px;
   margin: 0 auto;
}

.bg-news-form .frm-fluent-form fieldset {
   display: flex;
   flex-wrap: wrap;
   gap: 16px;
   justify-content: center;
   align-items: flex-start;
}

.bg-news-form .ff-el-group {
   margin: 0 !important;
   flex: 1 1 420px;
}

.bg-news-form .ff_submit_btn_wrapper {
   flex: 0 0 auto !important;
}

.bg-news-form .ff-el-form-control {
   width: 100%;
   background: #fff !important;
   border: 1px solid #DDD8C9 !important;
   border-radius: 2000px !important;
   padding: 16px 26px !important;
   font-family: "Inter", sans-serif !important;
   font-size: 15px !important;
   box-shadow: none !important;
}

.bg-news-form .ff-el-form-control:focus {
   border-color: var(--cm-primary) !important;
}

.cm-pg .bg-news-form .ff-btn-submit {
   background: var(--cm-black) !important;
   border: 0 !important;
   border-radius: 2000px !important;
   color: #fff !important;
   padding: 16px 34px !important;
   font-family: "Inter", sans-serif !important;
   font-size: 15px !important;
   font-weight: 500 !important;
   min-width: auto !important;
   cursor: pointer;
}

.cm-pg .bg-news-form .ff-btn-submit:hover {
   background: #000 !important;
}

.bg-news-note {
   font-size: 14px !important;
   color: var(--cm-mgray) !important;
   margin-top: 18px !important;
}

@media(max-width:959px) {
   .mcb-section-bgFeat .mcb-wrap {
      width: 100% !important;
      flex: 1 1 100%;
      min-height: 300px;
   }

   .bg-feat-img .mcb-wrap-inner {
      min-height: 300px;
   }

   .bg-news-form .ff-el-group {
      flex: 1 1 100%;
   }
}

/* ============================================================
   PÁGINA · CONTACTO (page 135)
   ============================================================ */
.mcb-section-ctForm {
   background: var(--cm-white);
}

.mcb-section-ctForm .mcb-section-inner {
   --pd: 3rem 0;
   padding: var(--pd);

   @media (width >=1025px) {
      --pd: 8rem 0;
   }
}

.cm-pg .ct-h .title {
   color: var(--cm-black) !important;
   font-size: clamp(32px, 2.8vw, 44px) !important;
   line-height: 1.1 !important;
   margin: 0 0 14px !important;
}

.ct-sub {
   color: var(--cm-dgray) !important;
   font-size: 17px !important;
   line-height: 1.6;
   border-bottom: 1px solid #E6E1D3;
   padding-bottom: 26px;
   margin-bottom: 30px !important;
   max-width: 704px;
}

.ct-form-l .mcb-wrap-inner {
   padding-right: 64px;
}

.ct-form .frm-fluent-form fieldset {
   display: flex;
   flex-wrap: wrap;
   gap: 0 24px;
}

.ct-form .ff-el-group {
   flex: 1 1 100%;
   margin-bottom: 22px !important;
}

.ct-form .ff-el-group.ff-half {
   flex: 1 1 calc(50% - 12px);
}

.ct-form .ff-t-container {
   display: flex;
   gap: 24px;
}

.ct-form .ff-t-cell {
   flex: 1;
}

.ct-form .ff-el-input--label label {
   font-family: "Inter", sans-serif !important;
   font-size: 14px !important;
   font-weight: 500 !important;
   color: var(--cm-dgray) !important;
   margin-bottom: 8px;
}

.ct-form .ff-el-form-control {
   width: 100%;
   background: #fff !important;
   border: 1px solid #DDD8C9 !important;
   border-radius: 10px !important;
   padding: 13px 16px !important;
   font-family: "Inter", sans-serif !important;
   font-size: 15px !important;
   color: var(--cm-black) !important;
   box-shadow: none !important;
}

.ct-form .ff-el-form-control:focus {
   border-color: var(--cm-primary) !important;
}

.ct-form textarea.ff-el-form-control {
   min-height: 150px;
}

.ct-form .ff_tc_checkbox label,
.ct-form .ff-el-tc label {
   font-family: "Inter", sans-serif !important;
   font-size: 14px !important;
   color: var(--cm-dgray) !important;
}

.ct-form .ff-el-tc a {
   color: var(--cm-primary) !important;
}

.cm-pg .ct-form .ff-btn-submit {
   background: var(--cm-black) !important;
   border: 0 !important;
   border-radius: 2000px !important;
   color: #fff !important;
   padding: 16px 40px !important;
   font-family: "Inter", sans-serif !important;
   font-size: 16px !important;
   font-weight: 500 !important;
   min-width: auto !important;
   cursor: pointer;
}

.cm-pg .ct-form .ff-btn-submit:hover {
   background: #000 !important;
}

.ct-form .politicas p {
   font-size: 12px !important;
   color: var(--cm-mgray) !important;
   line-height: 1.5;
}

.ct-info-r {
   border-left: 1px solid #E6E1D3;
}

.ct-info-r .mcb-wrap-inner {
   padding-left: 72px;
}

.ct-box {
   background: var(--cm-primary);
   border-radius: 14px;
   padding: 28px 32px;
   margin-bottom: 34px !important;
}

.ct-box strong {
   display: block;
   font-size: 17px;
   font-weight: 600;
   color: #fff;
   margin-bottom: 8px;
}

.ct-box {
   color: rgba(255, 255, 255, .88) !important;
   font-size: 14px !important;
   line-height: 1.55;
}

.ct-box a {
   display: block;
   width: max-content;
   background: var(--cm-comp);
   color: #fff !important;
   font-weight: 500;
   font-size: 15px;
   padding: 11px 22px;
   border-radius: 2000px;
   text-decoration: none !important;
   margin-top: 16px;
}

.ct-box a:hover {
   background: #C84E2B;
}

.cm-pg .ct-of-t .title {
   font-family: "Inter", sans-serif !important;
   font-size: 17px !important;
   font-weight: 600 !important;
   color: var(--cm-black) !important;
   margin: 0 0 8px !important;
}

.ct-row .title {
   border-top: 1px solid #E6E1D3;
   padding-top: 24px;
   margin-top: 6px !important;
}

.ct-of-d {
   font-size: 15px !important;
   color: var(--cm-dgray) !important;
   line-height: 1.6;
   margin-bottom: 8px !important;
}

.ct-of-p {
   margin-bottom: 22px !important;
}

.ct-of-p a {
   color: var(--cm-primary) !important;
   font-weight: 600;
   font-size: 15px;
   text-decoration: none;
}

.ct-of-p a:hover {
   text-decoration: underline;
}

.ct-of-n {
   font-size: 13px !important;
   color: var(--cm-mgray) !important;
}

.mcb-section-ctMapa {
   background: var(--cm-light);
   position: relative;
   border-top: 1px solid #E6E1D3;
   background-image: linear-gradient(#E9E4D6 1px, transparent 1px), linear-gradient(90deg, #E9E4D6 1px, transparent 1px);
   background-size: 60px 60px;
}

.mcb-section-ctMapa .mcb-section-inner {
   padding: 64px 36px 56px !important;
}

.ct-map-row .mcb-wrap-inner {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 48px 180px;
   align-items: flex-start;
}

.ct-map-row .mcb-column {
   width: auto !important;
   float: none !important;
   margin: 0 !important;
}

.ct-pin {
   text-align: center;
   position: relative;
   padding-bottom: 54px;
}

.ct-pin a {
   display: inline-block;
   background: var(--cm-black);
   color: #fff !important;
   font-family: "Inter", sans-serif;
   font-size: 14px;
   font-weight: 500;
   padding: 8px 16px;
   border-radius: 2000px;
   text-decoration: none !important;
}

.ct-pin:after {
   content: "";
   position: absolute;
   left: 50%;
   bottom: 14px;
   transform: translateX(-50%);
   width: 18px;
   height: 18px;
   border-radius: 50%;
   background: var(--cm-primary);
   box-shadow: 0 0 0 6px rgba(61, 101, 223, .25);
}

.ct-pin:before {
   content: "";
   position: absolute;
   left: 50%;
   bottom: 0;
   transform: translateX(-50%);
   width: 2px;
   height: 14px;
   background: var(--cm-primary);
}

.ct-map-cap {
   flex: 1 1 100%;
   text-align: center;
   font-size: 14px !important;
   color: var(--cm-mgray) !important;
   margin-top: 24px !important;
}

@media(max-width:959px) {
   .ct-form-l .mcb-wrap-inner {
      padding-right: 0;
   }

   .ct-info-r {
      border-left: 0;
   }

   .ct-info-r .mcb-wrap-inner {
      padding-left: 0;
      padding-top: 48px;
   }

   .ct-form .ff-el-group.ff-half {
      flex: 1 1 100%;
   }

   .ct-map-row .mcb-wrap-inner {
      gap: 40px 64px;
   }
}

/* ============================================================
   PÁGINA · 404 (page 82)
   ============================================================ */
.mcb-section-e404 {
   background: var(--cm-light);
   border-top: 1px solid #E6E1D3;
}

.mcb-section-e404 .mcb-section-inner {
   padding: 96px 36px 120px !important;
   min-height: 60vh;
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.e404-big {
   font-family: "Instrument Serif", serif;
   font-size: clamp(140px, 22vw, 340px);
   line-height: .95;
   color: #DDE3F9;
   margin: 0 0 8px -8px !important;
}

.cm-pg .e404-h .title {
   color: var(--cm-black) !important;
   font-size: clamp(36px, 4vw, 60px) !important;
   line-height: 1.05 !important;
   letter-spacing: -1px;
   margin: 0 0 18px !important;
}

.e404-p {
   color: var(--cm-dgray) !important;
   font-size: 18px !important;
   line-height: 1.6;
   max-width: 560px;
   margin-bottom: 8px !important;
}

.e404-btns {
   margin-top: 24px !important;
}

/* ============================================================
   PÁGINA · NOSOTROS (page 133) — scopeada (.page-id-133) por reutilizar
   componentes mo-*/
/* cf-* con retoques propios============================================================*/
.page-id-133 .cf-h .title {
   color: var(--cm-black) !important;
   font-size: clamp(36px, 3.6vw, 58px) !important;
   line-height: 1.08 !important;
   letter-spacing: -1px;
   max-width: 760px;
   margin: 0 0 40px !important;
}

.page-id-133 .mcb-section-nsSobre {
   background: var(--cm-white);
}

.page-id-133 .mcb-section-nsSobre .mcb-section-inner {
   --pd: 3rem 0;
   padding: var(--pd);

   @media (width >=960px) {
      --pd: 9rem 0;
   }
}

.page-id-133 .ns-sobre-h .title {
   color: var(--cm-black) !important;
   font-size: clamp(36px, 3.4vw, 54px) !important;
   line-height: 1.1 !important;
   letter-spacing: -1px;
   max-width: 560px;
   margin: 0 0 24px !important;
}

.page-id-133 .ns-sobre-l {
   position: relative;
}

.page-id-133 .ns-big20 {
   font-family: "Instrument Serif", serif;
   font-size: clamp(120px, 14vw, 240px);
   line-height: .9;
   color: #DDE3F9;
   text-align: right;
   padding-right: 60px;
   margin: 0 !important;
}

.page-id-133 .ns-big20-cap {
   font-size: 14px !important;
   color: var(--cm-mgray) !important;
   margin-top: -30px !important;
}

.page-id-133 .ns-sobre-r {
   border-left: 1px solid #E6E1D3;
}

.page-id-133 .ns-sobre-r .mcb-wrap-inner {
   padding-left: 72px;
}

.page-id-133 .ns-kick-blue {
   color: #7D9BF0 !important;
   font-family: "Inter", sans-serif !important;
   font-size: 15px !important;
   font-weight: 600 !important;
   margin-bottom: 16px !important;
}

.page-id-133 .ns-kick-blue:after {
   content: "";
   display: block;
   width: 32px;
   height: 1px;
   background: #7D9BF0;
   margin-top: 8px;
}

.page-id-133 .ns-p {
   color: var(--cm-dgray) !important;
   font-size: 17px !important;
   line-height: 1.7;
   max-width: 704px;
   margin-bottom: 32px !important;
}

.page-id-133 .ns-blue-line {
   color: var(--cm-primary) !important;
   font-size: 15px !important;
   font-weight: 600;
   border-top: 1px solid #E6E1D3;
   padding-top: 18px;
   max-width: 704px;
}

.page-id-133 .mcb-section-nsWhy {
   background: var(--cm-light);
}

.page-id-133 .mcb-section-nsWhy .mcb-section-inner {
   --pd: 3rem 0;
   padding: var(--pd);

   @media (width >=960px) {
      --pd: 8rem 0;
   }

   row-gap: 8px;
}

.page-id-133 .mo-num {
   font-family: "Inter", sans-serif;
   font-size: 13px;
   font-weight: 500;
   color: var(--cm-mgray);
   border-bottom: 1px solid #DDD8C9;
   padding-bottom: 12px;
   margin-bottom: 16px !important;
}

.page-id-133 .mo-why-t .title {
   color: var(--cm-black) !important;
   font-size: 28px !important;
   line-height: 1.15 !important;
   margin: 0 0 10px !important;
}

.page-id-133 .mo-why-d {
   font-size: 16px !important;
   color: var(--cm-dgray) !important;
   line-height: 1.6;
   max-width: 704px;
   margin-bottom: 28px !important;
}

.page-id-133 .ns-why-c .mcb-wrap-inner {
   padding-right: 40px;
}

.page-id-133 .mcb-section-moSplit {
   padding: 0;
}

.page-id-133 .mcb-section-moSplit .mcb-section-inner {
   max-width: none !important;
   padding: 0 !important;
   display: flex;
   flex-wrap: wrap;
}

.page-id-133 .mcb-section-moSplit .mcb-wrap {
   margin: 0 !important;
   min-height: 600px;
   flex: 1 1 50%;
   width: 50% !important;
}

.page-id-133 .mcb-section-moSplit .mcb-wrap .mcb-wrap-inner {
   margin: 0 !important;
   height: 100%;
   box-sizing: border-box;
}

.page-id-133 .mo-split-img {
   position: relative;
   background:
      linear-gradient(160deg, rgba(13, 18, 48, .55), rgba(20, 32, 90, .45)),
      url('https://mediacion.caramesabogados.es/wp-content/uploads/equipo-nosotros.webp');
   background-size: cover, cover;
   background-position: center, center;
}

.page-id-133 .mo-split-img .mcb-wrap-inner {
   min-height: 600px;
   width: 100%;
}

.page-id-133 .mo-split-img .mo-split-cap {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
}

.page-id-133 .mo-split-cap {
   --pd: 3rem 1rem;
   padding: var(--pd);


   font-family: "Instrument Serif", serif;
   font-size: 30px;
   line-height: 1.25;
   color: #fff;
   margin: 0 !important;
   background: linear-gradient(transparent, rgba(8, 10, 28, .65));
   width: 100%;

   @media (width >=768px) {
      --pd: 3rem 6rem;
   }

   @media (width >=1025px) {
      --pd: 8rem 3rem;
   }
}

.page-id-133 .mo-split-blue {
   background: var(--cm-primary);
}

.page-id-133 .mo-split-blue .mcb-wrap-inner {
   --pd: 3rem 1rem;
   padding: var(--pd);

   @media (width >=768px) {
      --pd: 3rem 6rem;
   }

   @media (width >=1025px) {
      --pd: 0rem 3rem;
   }

   display: flex;
   flex-direction: column;
   justify-content: center;
}

.page-id-133 .mo-split-h .title {
   color: #fff !important;
   font-size: clamp(40px, 3.8vw, 62px) !important;
   line-height: 1.06 !important;
   margin: 0 0 36px !important;
   padding-bottom: 34px;
   border-bottom: 1px solid rgba(255, 255, 255, .3);
   max-width: 560px;
}

.page-id-133 .mcb-section-nsAreas {
   background: var(--cm-white);
}

.page-id-133 .mcb-section-nsAreas .mcb-section-inner {
   --pd: 3rem 1rem;
   padding: var(--pd);

   @media (width >=1025px) {
      --pd: 8rem 0;
   }

   row-gap: 8px;
}

.page-id-133 .cf-tipo .mcb-wrap-inner {
   padding: 8px 24px 18px 0;
   height: 100%;
   box-sizing: border-box;
}

.page-id-133 .cm-pg .cf-tipo-t .title {
   font-family: "Inter", sans-serif !important;
   font-size: 18px !important;
   font-weight: 600 !important;
   color: var(--cm-black) !important;
   margin: 0 0 12px !important;
}

.page-id-133 .cf-tipo-t .title:before {
   content: "";
   display: inline-block;
   width: 28px;
   height: 3px;
   background: var(--cm-comp);
   margin-right: 20px;
   vertical-align: 4px;
}

.page-id-133 .cf-tipo-d {
   font-size: 15px !important;
   color: var(--cm-dgray) !important;
   line-height: 1.6;
}

.page-id-133 .cf-tipo-b {
   border-left: 1px solid #E6E1D3;
}

.page-id-133 .cf-tipo-b .mcb-wrap-inner {
   padding-left: 28px;
}

.page-id-133 .mcb-section-nsOficinas {
   background: var(--cm-light);
}

.page-id-133 .mcb-section-nsOficinas .mcb-section-inner {
   --pd: 3rem 0;
   padding: var(--pd);

   @media (width >=960px) {
      --pd: 8rem 0;
   }

   row-gap: 0;
}

.page-id-133 .ns-of .mcb-wrap-inner {
   border-top: 1px solid #DDD8C9;
   padding: 24px 24px 8px 0;
   height: 100%;
   box-sizing: border-box;
}

.page-id-133 .cm-pg .ns-of-t .title {
   font-family: "Instrument Serif", serif !important;
   font-size: 26px !important;
   color: var(--cm-black) !important;
   margin: 0 0 12px !important;
}

.page-id-133 .ns-of-d {
   font-size: 16px !important;
   color: var(--cm-dgray) !important;
   line-height: 1.6;
   margin-bottom: 16px !important;
}

.page-id-133 .ns-of-p a {
   color: var(--cm-primary) !important;
   font-weight: 600;
   font-size: 16px;
   text-decoration: none;
}

.page-id-133 .ns-of-p a:hover {
   text-decoration: underline;
}

.page-id-133 .ns-of-b {
   border-left: 1px solid #DDD8C9;
}

.page-id-133 .ns-of-b .mcb-wrap-inner {
   padding-left: 28px;
}

.page-id-133 .cm-pg .ns-cta-btn a.button .button_label {
   color: var(--cm-primary) !important;
   font-weight: 600 !important;
}

@media(max-width:959px) {
   .page-id-133 .ns-sobre-r {
      border-left: 0;
   }

   .page-id-133 .ns-sobre-r .mcb-wrap-inner {
      padding-left: 0;
      padding-top: 40px;
   }

   .page-id-133 .ns-big20 {
      text-align: left;
      padding-right: 0;
   }

   .page-id-133 .ns-why-c .mcb-wrap-inner {
      padding-right: 0;
   }

   .page-id-133 .mcb-section-moSplit .mcb-wrap {
      width: 100% !important;
      flex: 1 1 100%;
      min-height: 420px;
   }

   .page-id-133 .mo-split-img .mcb-wrap-inner {
      min-height: 420px;
   }

   .page-id-133 .cf-tipo-b,
   .page-id-133 .ns-of-b {
      border-left: 0;
   }

   .page-id-133 .cf-tipo-b .mcb-wrap-inner,
   .page-id-133 .ns-of-b .mcb-wrap-inner {
      padding-left: 0;
   }
}

.mfn-cart-step {
   --pd: 0;
   padding: var(--pd);
}