/*BASICS*/
/*Hs*/
h2.title{font-size:46px !important;font-family: var(--font-family-title);font-weight: 400;}
h2.title-mob{font-size:32px !important; font-family: var(--font-family-title);font-weight:400;}
h3.dropdown-title{font-size:32px !important;font-family: var(--font-family-title);font-weight:700;}
/*Ps*/
.fw-bold{font-weight:700 !important;}
p{margin-top:0px !important;}
p.tab-txt{font-size:20px !important;font-family: var(--font-family-title);font-weight:700;}
p.fz-18{font-size:18px !important;font-family: var(--font-family-title);}
p.fz-18-body{font-size:18px !important;font-family: var(--font-family-body);}
p.fz-14{font-size:14px !important;font-family: var(--font-family-title);}
p.fz-14-body{font-size:14px !important;font-family: var(--font-family-body);font-weight:400;}
p.char-starter{font-size:12px !important;font-family:var(--font-family-body);color:#1A2441;margin-top:0px !important;position:relative;}
p.char-buk{font-size:12px !important;font-family:var(--font-family-body);color:#1A2441;margin-top:0px !important;position:relative;}
p.fz-20.sel-starter,p.fz-20.sel-buk{font-size:20px !important;font-family: var(--font-family-title);font-weight:700;}
span.disclaimer-mob{font-size:14px;font-family: var(--font-family-body);font-weight:400;}
/*li*/
li{font-size:14px !important;font-family:var(--font-family-body);color:#1A2441;margin-top:0px !important;}
/*Backgrounds*/
.bg-dark-blue{background: var(--color-dark-blue);}
.br-color-light{border: 1px solid var(--Color-outline-outline-blue-light, #D9E3FC);}
.br-color-light-2{border: 2px solid var(--Color-outline-outline-blue-light, #D9E3FC);}
.bg-dark{background: var(--wb-font-color-1);}
/*Spaces*/
.buk-pt-16px{padding-top:16px;}
.buk-pb-16px{padding-bottom:16px;}
.buk-py-16px{padding-top:16px;padding-bottom:16px;}
.buk-px-16px{padding-left:16px;padding-right:16px;}
.buk-pt-32px{padding-top:32px;}
.buk-pb-32px{padding-bottom:32px;}
.buk-py-32px{padding-top:32px;padding-bottom:32px;}
.buk-px-32px{padding-left:32px;padding-right:32px;}

/*CONTENEDORES*/

#tabla{
  position:relative;
}

#tabla .tabs {
  position: sticky;
  position: -webkit-sticky;      /* iOS Safari */
  top: 0;                        /* pega al borde superior de la sección al hacer scroll */
  z-index: 60;                   /* por encima del overlay y contenido */
  {#background: #fff;              /* tapa lo de atrás mientras está pegado */
  padding-top: 8px;              /* opcional */
  padding-bottom: 8px;           /* opcional */
  /* opcional: una sombrita suave mientras está pegado */
  box-shadow: 0 0 0 rgba(0,0,0,0);#}
}

.description-box{
  position:relative;
  z-index:30;
  background: rgba(231, 238, 255, 0.30);
}

.container-box { 
  position: relative; 
  border-top-left-radius: 24px;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
}

.price-starter,.price-buk{ min-width:140px; }

/*OTROS
.separador-1 {margin-left: -32px;}
.separador-2 {margin-left: 42px;}
.separador-3 {margin-left: 37px;}*/

/*OTROS*/
.separador-1,
.separador-2,
.separador-3 {
  margin-left: 0 !important;
}


.tab-starter,
.tab-buk-basic,
.tab-buk-advanced{
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  min-width: 208px;
}

.tab-buk-basic{width:218px}
.tab-buk-advanced{width:246px;}

.price-txt{ margin-top:0px !important; font-family: Inter; }
.price-txt strong{ font-weight:700; }

.check-starter{
  background: url(https://3790458.fs1.hubspotusercontent-na1.net/hubfs/3790458/2024/Chile/Recursos/check.svg) 50% no-repeat;
  content:"";
  height:30px;
  width:30px;
  position:relative;
  left:120px;
}

.check-buk{
  background: url(https://3790458.fs1.hubspotusercontent-na1.net/hubfs/3790458/2024/Chile/Recursos/check.svg) 50% no-repeat;
  content:"";
  height:30px;
  width:30px;
  position:relative;
  left:-40px;
}

.x-starter{
  background: url(https://3790458.fs1.hubspotusercontent-na1.net/hubfs/3790458/2024/Chile/Recursos/no-icon.svg) 50% no-repeat;
  content:"";
  height:30px;
  width:30px;
  position:relative;
  left:120px;
}

.check-mob{
  background:url(https://3790458.fs1.hubspotusercontent-na1.net/hubfs/3790458/2024/Chile/Recursos/check.svg) no-repeat center center;
  background-size:contain;
  width:24px;
  height:24px;
  flex-shrink:0;
  display:inline-block;
  margin-right:12px;
}

.x-mob{
  background:url(https://3790458.fs1.hubspotusercontent-na1.net/hubfs/3790458/2024/Chile/Recursos/no-icon.svg) no-repeat center center;
  background-size:contain;
  width:22px;
  height:22px;
  flex-shrink:0;
  display:inline-block;
  margin-right:12px;
  margin-top:5px;
}

.dropdown-panel-mob li{ 
  display:flex; 
  align-items:flex-start; 
  justify-content:flex-start;
}

/* CAPAS OVERLAY */

/* 1) Overlay por debajo de todo */
.overlay-buk{
  position:absolute; 
  top:0; 
  bottom:0;
  z-index:30; 
  pointer-events:none;
  background: rgba(231, 238, 255, 0.30);
  {#border-top-right-radius:24px; 
  border-bottom-right-radius:24px;#}
}

/* 2) Botones del acordeon encima del overlay y separadores */
.dropdown-tab{ 
  position:relative; 
  z-index:50; 
  cursor:pointer;
}

/* 3) Separadores encima del overlay */
.separador-1,
.separador-2,
.separador-3{
  position:absolute; top:0; bottom:0; width:2px;
  background-color:#D9E3FC; z-index:50; pointer-events:none;
}

/* 4) Textos/íconos sobre el overlay pero debajo de los separadores */
.txt-price,
.dropdown-panel li{
  position:relative; z-index:40;
}

/*ACORDEON (desktop + mobile comparten flecha) */
{#.dropdown-tab,
.dropdown-tab-mob{ background-color:transparent; }
.dropdown-tab:after,
.dropdown-tab-mob:after{
  background:url(https://3790458.fs1.hubspotusercontent-na1.net/hubfs/3790458/2024/Icons/arrow-down-blue-buk.svg);
  background-size:22px;background-position:50%;background-repeat:no-repeat;
  border-radius:50%;content:"";height:30px;width:30px;margin-left:auto;position:relative;transition:.6s ease-in-out;
}
.dropdown-tab.open:after,
.dropdown-tab-mob.open:after{ transform:rotate(180deg); }#}

.dropdown-tab,
.dropdown-tab-mob{ background-color:transparent; }
.dropdown-tab:before,
.dropdown-tab-mob:before{
  background:url(https://3790458.fs1.hubspotusercontent-na1.net/hubfs/3790458/2024/Icons/arrow-down-blue-buk.svg);
  background-size:22px;
  background-position:50%;
  background-repeat:no-repeat;
  border-radius:50%;
  content:"";
  height:30px;
  width:30px;
  margin-right: 6px;
  position:relative;
  transition:.6s ease-in-out;
}

.dropdown-tab.open{box-shadow: var(--box-shadow-1);}
.dropdown-tab.open:before,
.dropdown-tab-mob.open:before{ transform:rotate(180deg); }

/*ACORDEON DESKTOP*/
.dropdown-panel{
  overflow:hidden; max-height:0; transition:max-height .3s ease-in-out;
  padding-top:0; padding-bottom:0;
}
.dropdown-tab.open + .dropdown-panel{ padding-top:12px; padding-bottom:12px; }

.dropdown-tab:focus{
  outline: #d9e3fc;
}

/*ACORDEON MOBILE*/
.dropdown-panel-mob{
  overflow:hidden; max-height:0; transition:max-height .3s ease-in-out;
  padding-top:0; padding-bottom:0;
}
.dropdown-tab-mob.open + .dropdown-panel-mob{ padding-top:12px; padding-bottom:12px; }

/*BOTONES MOBILE*/
.btn-starter-mob{
  width:50%; border-top-left-radius:16px; border-bottom-left-radius:16px; border-color:transparent;
}
.btn-buk-mob{
  width:50%; border-top-right-radius:16px; border-bottom-right-radius:16px; border-color:transparent;
}
.inactive{ background-color:#E1E2E4 !important; }
.inactive p{ color:#7D7D7D !important; }

/*TOGGLE MOBILE*/
.tab-starter-mob, .tab-buk-mob{ display:none; }
.tab-starter-mob.active, .tab-buk-mob.active{ display:block; }

@media only screen and (max-width: 1315px) {
  .v-mobile { display: none; }
  .v-mobile.v-tablet{ display: none; }
  .v-desktop-m {display: block !important; }
  .v-tablet { display: none !important; }
  .v-tablet.v-desktop { display: none !important; }
  .v-desktop { display: none !important; }
}
@media only screen and (min-width: 1315px) {
  .v-mobile { display: none; }
  .v-mobile.v-tablet{ display: none; }
  .v-desktop-m {display: none !important; }
  .v-tablet { display: none !important; }
  .v-tablet.v-desktop { display: none !important; }
  .v-desktop { display: block !important; }
}