/* CSS Personalizado */

:root {
  --fuente-principal: "Urbanist", sans-serif;
  --fuente-secundary: "Inter", sans-serif;

  --red-50: #fbe7e7;
  --red-100: #f4b5b5;
  --red-200: #ee9191;
  --red-300: #e75e5e;
  --red-400: #e23f3f;
  --red-500: #db0f0f;
  --red-600: #c70e0e;
  --red-700: #9b0b0b;
  --red-800: #780808;
  --red-900: #5c0606;

  --Color-Button-color-bk-default-prim-button: #c70e0e;

  --neutral-0: #fff;
  --neutral-100: #fcfcfc;
  --neutral-200: #f5f5f5;
  --neutral-300: #f0f0f0;
  --neutral-400: #d9d9d9;
  --neutral-500: #bfbfbf;
  --neutral-600: #8c8c8c;
  --neutral-700: #595959;
  --neutral-800: #454545;
  --neutral-900: #262626;
  --neutral-950: #1f1f1f;
  --neutral-1000: #141414;

  /* provetel */

  --brand-50: #e6eeff;
  --brand-100: #b0ccff;
  --brand-200: #8ab3ff;
  --brand-300: #5490ff;
  --brand-400: #337aff;
  --brand-500: #0059ff;
  --brand-600: #0051e8;
  --brand-700: #003fb5;
  --brand-800: #00318c;
  --brand-900: #00256b;

  /* Blue Dark */
  --blue-dark-50: #e6e7eb;
  --blue-dark-100: #b0b3c2;
  --blue-dark-200: #8a8fa4;
  --blue-dark-300: #545c7a;
  --blue-dark-400: #333c61;
  --blue-dark-500: #000b39;
  --blue-dark-600: #000a34;
  --blue-dark-700: #000828;
  --blue-dark-800: #00061f;
  --blue-dark-900: #000518;

  /* Grey */
  --grey-0: #ffffff;
  --grey-50: #f5f5f5;
  --grey-100: #e1e1e1;
  --grey-200: #d3d3d3;
  --grey-300: #bfbfbf;
  --grey-400: #b2b2b2;
  --grey-500: #9f9f9f;
  --grey-600: #919191;
  --grey-700: #717171;
  --grey-800: #575757;
  --grey-900: #434343;
  --grey-1000: #151515;

  /* Accent */
  --accent-50: #edf8ff;
  --accent-100: #c6ebff;
  --accent-200: #abe1ff;
  --accent-300: #84d3ff;
  --accent-400: #6dcaff;
  --accent-500: #48bdff;
  --accent-600: #42ace8;
  --accent-700: #3386b5;
  --accent-800: #28688c;
  --accent-900: #1e4f6b;

  /* fin provetel */

  --oferta-color: #f03000;
  --oferta-color-fondo: #fabfb0;

  --exito-color: #2ec456;
  --exito-color-fondo: #eaf9ee;

  --error-color: #db0f0f;
  --error-color-fondo: #fbe7e7;

  --blue-600: #304ee6;
  --blue-50: #ebeeff;
}

body {
  padding-right: 0 !important;
}

p,
.p,
* .page-wrapper {
  font-family: var(--fuente-secundary);
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: var(--fuente-principal);
}

/* ────────────────────────────
   UTILIDADES DE COLOR
   ──────────────────────────── */

/* Brand */
.color-brand-50 {
  color: var(--brand-50);
}

.bg-brand-50 {
  background-color: var(--brand-50);
}

.color-brand-100 {
  color: var(--brand-100);
}

.bg-brand-100 {
  background-color: var(--brand-100);
}

.color-brand-200 {
  color: var(--brand-200);
}

.bg-brand-200 {
  background-color: var(--brand-200);
}

.color-brand-300 {
  color: var(--brand-300);
}

.bg-brand-300 {
  background-color: var(--brand-300);
}

.color-brand-400 {
  color: var(--brand-400);
}

.bg-brand-400 {
  background-color: var(--brand-400);
}

.color-brand-500 {
  color: var(--brand-500);
}

.bg-brand-500 {
  background-color: var(--brand-500);
}

.color-brand-600 {
  color: var(--brand-600);
}

.bg-brand-600 {
  background-color: var(--brand-600);
}

.color-brand-700 {
  color: var(--brand-700);
}

.bg-brand-700 {
  background-color: var(--brand-700);
}

.color-brand-800 {
  color: var(--brand-800);
}

.bg-brand-800 {
  background-color: var(--brand-800);
}

.color-brand-900 {
  color: var(--brand-900);
}

.bg-brand-900 {
  background-color: var(--brand-900);
}

/* Blue Dark */
.color-blue-dark-50 {
  color: var(--blue-dark-50);
}

.bg-blue-dark-50 {
  background-color: var(--blue-dark-50);
}

.color-blue-dark-100 {
  color: var(--blue-dark-100);
}

.bg-blue-dark-100 {
  background-color: var(--blue-dark-100);
}

.color-blue-dark-200 {
  color: var(--blue-dark-200);
}

.bg-blue-dark-200 {
  background-color: var(--blue-dark-200);
}

.color-blue-dark-300 {
  color: var(--blue-dark-300);
}

.bg-blue-dark-300 {
  background-color: var(--blue-dark-300);
}

.color-blue-dark-400 {
  color: var(--blue-dark-400);
}

.bg-blue-dark-400 {
  background-color: var(--blue-dark-400);
}

.color-blue-dark-500 {
  color: var(--blue-dark-500);
}

.bg-blue-dark-500 {
  background-color: var(--blue-dark-500);
}

.color-blue-dark-600 {
  color: var(--blue-dark-600);
}

.bg-blue-dark-600 {
  background-color: var(--blue-dark-600);
}

.color-blue-dark-700 {
  color: var(--blue-dark-700);
}

.bg-blue-dark-700 {
  background-color: var(--blue-dark-700);
}

.color-blue-dark-800 {
  color: var(--blue-dark-800);
}

.bg-blue-dark-800 {
  background-color: var(--blue-dark-800);
}

.color-blue-dark-900 {
  color: var(--blue-dark-900);
}

.bg-blue-dark-900 {
  background-color: var(--blue-dark-900);
}

/* Grey */
.color-grey-0 {
  color: var(--grey-0);
}

.bg-grey-0 {
  background-color: var(--grey-0);
}

.color-grey-50 {
  color: var(--grey-50);
}

.bg-grey-50 {
  background-color: var(--grey-50);
}

.color-grey-100 {
  color: var(--grey-100);
}

.bg-grey-100 {
  background-color: var(--grey-100);
}

.color-grey-200 {
  color: var(--grey-200);
}

.bg-grey-200 {
  background-color: var(--grey-200);
}

.color-grey-300 {
  color: var(--grey-300);
}

.bg-grey-300 {
  background-color: var(--grey-300);
}

.color-grey-400 {
  color: var(--grey-400);
}

.bg-grey-400 {
  background-color: var(--grey-400);
}

.color-grey-500 {
  color: var(--grey-500);
}

.bg-grey-500 {
  background-color: var(--grey-500);
}

.color-grey-600 {
  color: var(--grey-600);
}

.bg-grey-600 {
  background-color: var(--grey-600);
}

.color-grey-700 {
  color: var(--grey-700);
}

.bg-grey-700 {
  background-color: var(--grey-700);
}

.color-grey-800 {
  color: var(--grey-800);
}

.bg-grey-800 {
  background-color: var(--grey-800);
}

.color-grey-900 {
  color: var(--grey-900);
}

.bg-grey-900 {
  background-color: var(--grey-900);
}

.color-grey-1000 {
  color: var(--grey-1000);
}

.bg-grey-1000 {
  background-color: var(--grey-1000);
}

/* Accent */
.color-accent-50 {
  color: var(--accent-50);
}

.bg-accent-50 {
  background-color: var(--accent-50);
}

.color-accent-100 {
  color: var(--accent-100);
}

.bg-accent-100 {
  background-color: var(--accent-100);
}

.color-accent-200 {
  color: var(--accent-200);
}

.bg-accent-200 {
  background-color: var(--accent-200);
}

.color-accent-300 {
  color: var(--accent-300);
}

.bg-accent-300 {
  background-color: var(--accent-300);
}

.color-accent-400 {
  color: var(--accent-400);
}

.bg-accent-400 {
  background-color: var(--accent-400);
}

.color-accent-500 {
  color: var(--accent-500);
}

.bg-accent-500 {
  background-color: var(--accent-500);
}

.color-accent-600 {
  color: var(--accent-600);
}

.bg-accent-600 {
  background-color: var(--accent-600);
}

.color-accent-700 {
  color: var(--accent-700);
}

.bg-accent-700 {
  background-color: var(--accent-700);
}

.color-accent-800 {
  color: var(--accent-800);
}

.bg-accent-800 {
  background-color: var(--accent-800);
}

.color-accent-900 {
  color: var(--accent-900);
}

.bg-accent-900 {
  background-color: var(--accent-900);
}

/* ----- Estados (oferta, éxito, error) ----- */
.color-oferta {
  color: var(--oferta-color);
}

.bg-oferta {
  background-color: var(--oferta-color-fondo);
}

.color-exito {
  color: var(--exito-color);
}

.bg-exito {
  background-color: var(--exito-color-fondo);
}

.color-error {
  color: var(--error-color);
}

.bg-error {
  background-color: var(--error-color-fondo);
}

.shadow-1 {
  box-shadow: 0px 24px 100px 0px rgba(22, 25, 50, 0.07);
}

.shadow-3 {
  box-shadow:
    0px 4px 6px -1px rgba(0, 0, 0, 0.1),
    0px 2px 4px -2px rgba(0, 0, 0, 0.1);
}

.shadow-4 {
  box-shadow:
    0px 10px 15px -3px rgba(0, 0, 0, 0.1),
    0px 4px 6px -4px rgba(0, 0, 0, 0.1);
}

/* FIN COLORES */

.p-m0,
.p-m0 p {
  margin-bottom: 0;
}

.svg-f svg,
.svg-f {
  display: flex;
}

.textoconsvg {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.f-principal {
  font-family: var(--fuente-principal);
  font-style: normal;
  font-weight: 500;
}

.f-secundary {
  font-family: var(--fuente-secundary);
  font-style: normal;
  font-weight: 500;
}

.fs12 {
  font-size: 12px;
}

.fs16 {
  font-size: 16px;
}

.fs26 {
  font-size: 26px;
}

.w500 {
  font-weight: 500;
}

.w600 {
  font-weight: 600;
}

.w800 {
  font-weight: 800;
}

.unline {
  text-decoration-line: underline !important;
  text-decoration-style: solid !important;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto !important;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.page-wrapper {
  overflow: hidden !important;
}

.titulo-home h2,
.titulo-home {
  color: #000B39 !important;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25;
}

@media(max-width: 767px) {

  .titulo-home h2,
  .titulo-home {
    font-size: 28px;
    max-width: 232px !important;
    width: 100%;
  }
}

.titulo-home-vermas,
.titulo-home-vermas span{
  color: var(--Brand-Brand-500, #0059FF);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}


/* slider */
.crecima .splide__arrow {
  border-radius: 0 8px 8px 0;
  background: rgba(176, 204, 255, 0.55);
  display: flex;
  width: 28px;
  height: 46px;
  padding: 9px 0;
  align-items: center;
  gap: 10px;
}

.crecima .splide__arrow--prev {
  border-radius: 8px 0 0 8px;
}

.crecima .splide__arrow--prev svg {
  transform: scaleX(1);
}

.crecima .splide__arrow svg {
  width: 28px;
  height: 28px;
}

.crecima .splide__arrows.splide__arrow_after .splide__arrow {
  right: -28px;
  top: 40%;
}

.crecima .splide__arrows.splide__arrow_after .splide__arrow--prev {
  left: -28px;
  top: 40%;
}

.crecima .splide__arrows.splide__arrow_after .splide__arrow:disabled {
  display: none;
}

@media(max-width: 767px) {
  .crecima .splide__arrows.splide__arrow_after .splide__arrow {
    right: -12px;
  }

  .crecima .splide__arrows.splide__arrow_after .splide__arrow--prev {
    left: -12px;
  }
}

.crecima .splide__pagination {
  bottom: 20px;
}

.crecima .splide__pagination__page {
  width: 14px;
  height: 14px;
  background-color: var(--Grey-grey-300, #bfbfbf);
  margin: 0 4px;
}

.crecima .splide__pagination__page.is-active {
  background: var(--Brand-Brand-500, #0059ff);
  opacity: 1;
  transform: scale(1);
}

@media(max-width: 767px) {
  .crecima .splide__pagination__page {
    width: 8px;
    height: 8px;
    margin: 0 2px;
  }

  .crecima .splide__pagination {
    bottom: 8px;
  }
}

/* miga */
.page-top {
  background: var(--e-global-color-quaternary);
}

.page-top>div {
  margin: 0;
  padding: 0;
}

.page-top ul.breadcrumb>li {
  text-transform: initial !important;
}

.page-top ul.breadcrumb>li,
.page-top ul.breadcrumb>li a {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.page-top ul.breadcrumb>li a {
  gap: 6px;
  font-size: 10px;
}

.page-top ul.breadcrumb>li:first-child a::before {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M3%2012.6667V6.76917C3%206.57839%203.04267%206.39767%203.128%206.227C3.21344%206.05623%203.33144%205.91561%203.482%205.80517L7.277%202.94617C7.48756%202.7855%207.72822%202.70517%207.999%202.70517C8.26978%202.70517%208.51111%202.7855%208.723%202.94617L12.518%205.80517C12.6686%205.91561%2012.7866%206.05623%2012.872%206.227C12.9573%206.39767%2013%206.57839%2013%206.76917V12.6667C13%2012.9393%2012.9015%2013.1742%2012.7045%2013.3712C12.5075%2013.5682%2012.2727%2013.6667%2012%2013.6667H9.87183C9.70106%2013.6667%209.55794%2013.6089%209.4425%2013.4933C9.32694%2013.3779%209.26917%2013.2348%209.26917%2013.064V9.80767C9.26917%209.637%209.21144%209.49389%209.096%209.37834C8.98056%209.26289%208.83744%209.20517%208.66667%209.20517H7.33333C7.16256%209.20517%207.01944%209.26289%206.904%209.37834C6.78856%209.49389%206.73083%209.637%206.73083%209.80767V13.064C6.73083%2013.2348%206.67306%2013.3779%206.5575%2013.4933C6.44206%2013.6089%206.29894%2013.6667%206.12817%2013.6667H4C3.72733%2013.6667%203.4925%2013.5682%203.2955%2013.3712C3.0985%2013.1742%203%2012.9393%203%2012.6667Z%22%20fill%3D%22%23595959%22%2F%3E%0A%3C%2Fsvg%3E") center / contain no-repeat;
}

.page-top ul.breadcrumb>li:last-child span,
.page-top ul.breadcrumb>li:last-child {
  color: var(--neutral-700, #595959);
  font-weight: 500;
  font-size: 10px;
}

.page-top .home a {
  width: 24px !important;
}

.p-relative {
  position: relative;
}

#main,
body {
  background-color: transparent !important;
  background-color: #f5f5f5 !important;
}

.widthcalc_desk {
  width: calc(100% + 32px) !important;
  margin-left: -16px !important;
}

@media (max-width: 969px) {
  .page-top {
    display: none !important;
  }

  .widthcalc {
    width: calc(100% + 32px) !important;
    margin-left: -16px !important;
  }
}

/* Ajustes de la plantilla que no lo vamos a usar y rompe el diseño -.- */

.container-fluid .e-parent,
.main-content-wrap {
  margin: 0 auto !important;
  width: 100% !important;
}

.container-fluid {
  padding: 0 !important;
}

@media (min-width: 767px) and (max-width: 1295px) {
  .crecima .e-con {
    --container-max-width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

#header,
.sticky-header .header-main.sticky {
  border-top: 0 !important;
}

.porto-wide-sub-menu>li.sub,
.porto-wide-sub-menu>li.sub a {
  padding: 0 !important;
  margin: 0 !important;
}

#primary>#content {
  margin-top: 0 !important;
}

.e-con.porto_stretch_css,
.elementor-section.porto_stretch_css {
  left: 0 !important;
}

.p-relative {
  position: relative;
}

.main-content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding: 0 !important;
}

#main .container {
  max-width: 100% !important;
  padding: 0 !important;
}

.main-content-wrap {
  max-width: 1312px !important;
  padding: 0 16px;
}

@media (min-width: 767px) {
  .home .main-content-wrap {
    max-width: 100% !important;
    padding: 0;
  }
}

#main .fullwidth .e-con-inner {
  max-width: 100% !important;
}

.tooltip.bs-tooltip-auto {
  display: none !important;
}

@media(max-width: 767px) {
  .crecima .fullwidth {
    margin: 0 -16px !important;
    max-width: calc(100% + 32px) !important;
    width: calc(100% + 32px) !important;
  }
}