:root {

  --bs-gutter-x: 10px;
  /* Define el espacio horizontal entre columnas */
  --bs-gutter-y: 10px;
  /* Define el espacio vertical entre filas */


  --Rojo: #d61218;
  --Azul: #4472C4;
  --Guindo: #7E2230;


  --swiper-pagination-bullet-size: 13px;
  --swiper-pagination-color: #000000;
}


* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

.error {
	Color: red;
}

.fondo_guindo {
  background-color: var(--Guindo) !important;
}

.fondo_azul {
  background-color: var(--Azul) !important;
}

.espaciado_bottom {
  margin-bottom: 80px;
}

:root {
  --bs-gutter-x: 15px;
  /* Define el espacio horizontal entre columnas */
  --bs-gutter-y: 15px;
  /* Define el espacio vertical entre filas */
}

.flexible_row {
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.flexible_row>* {
  padding-right: calc(0.5 * var(--bs-gutter-x));
  padding-left: calc(0.5 * var(--bs-gutter-x));
  flex: 0 0 100%;
  max-width: 100%;
  /* Por defecto, las columnas ocuparán el 100% en dispositivos móviles */
}

/* Reglas específicas para móviles */
.colu-xs-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.enlace_imagen img {
  width: 200px;
}

.colu-xs-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.titulo_empleo {

  margin: 0;

  padding: 0;
  font-family: 'OpticSans Bold';
}

.bold_font {
  font-family: 'OpticSans Bold';

}


.texto_simple_v2 {

  font-family: 'OpticSans Book';
  font-size: 18px;
}

.texto_simple_v3 {

  font-family: 'OpticSans';
  font-size: 20px;
  font-weight: bold;
}

.normal_font {
  font-family: 'OpticSans';
  font-size: initial !important;
}

.pad_0 {
  padding: 0;
  margin: 0;
}

.m_top_1 {
  margin-top: 5px;
}

/* Container Pro - Responsive */
.container_pro {
  font-family: 'OpticSans Book';
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
  box-sizing: border-box;
}

/* Breakpoints */

/* Extra small (sm): up to 576px */
@media (min-width: 576px) {
  .container_pro {
    max-width: 540px;
  }
}

/* Medium (md): 768px */
@media (min-width: 768px) {
  .container_pro {
    max-width: 720px;
  }
}

/* Large (lg): 992px */
@media (min-width: 992px) {
  .container_pro {
    max-width: 960px;
  }
}

/* Extra large (xl): 1200px */
@media (min-width: 1200px) {
  .container_pro {
    max-width: 1140px;
  }
}

/* XXL (Optional): 1400px and above */
@media (min-width: 1400px) {
  .container_pro {
    max-width: 1320px;
  }
}

.col,
.colu-1,
.colu-10,
.colu-11,
.colu-12,
.colu-2,
.colu-3,
.colu-4,
.colu-5,
.colu-6,
.colu-7,
.colu-8,
.colu-9,
.colu-auto,
.colu-lg,
.colu-lg-1,
.colu-lg-10,
.colu-lg-11,
.colu-lg-12,
.colu-lg-2,
.colu-lg-3,
.colu-lg-4,
.colu-lg-5,
.colu-lg-6,
.colu-lg-7,
.colu-lg-8,
.colu-lg-9,
.colu-lg-auto,
.colu-md,
.colu-md-1,
.colu-md-10,
.colu-md-11,
.colu-md-12,
.colu-md-2,
.colu-md-3,
.colu-md-4,
.colu-md-5,
.colu-md-6,
.colu-md-7,
.colu-md-8,
.colu-md-9,
.colu-md-auto,
.colu-sm,
.colu-sm-1,
.colu-sm-10,
.colu-sm-11,
.colu-sm-12,
.colu-sm-2,
.colu-sm-3,
.colu-sm-4,
.colu-sm-5,
.colu-sm-6,
.colu-sm-7,
.colu-sm-8,
.colu-sm-9,
.colu-sm-auto,
.colu-xl,
.colu-xl-1,
.colu-xl-10,
.colu-xl-11,
.colu-xl-12,
.colu-xl-2,
.colu-xl-3,
.colu-xl-4,
.colu-xl-5,
.colu-xl-6,
.colu-xl-7,
.colu-xl-8,
.colu-xl-9,
.colu-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.caja_formulario {
  width: 100%;
  max-width: 100%;
}

.grupo_form .texto_label {
  font-weight: 500;
  margin-bottom: 0.5em;
  display: block;
  cursor: pointer;
}

.titulo_formulario {
  text-align: center;
  font-size: 1.4em;
  margin-top: 21px;
  font-weight: 800;
  margin-bottom: 0;
}

.m_top_3 {
  margin-top: 20px;
}

.m_top_4 {
  margin-top: 30px;
}

.arriba_mt_2 {
  margin-top: 10px;
}

.separador_linea {
  margin-top: 20px;
  margin-bottom: 10px;
  width: 100%;
  height: 1px;
  background-color: #9C9C9C;
}

/* Select Pro */
.select_pro {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75em + 2px);
  padding: 0.375em 0.75em;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.375em;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  box-sizing: border-box;
  appearance: none;
}

/* Focus State */
.select_pro:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2em rgba(0, 123, 255, 0.25);
}

/* Disabled State */
.select_pro:disabled {
  background-color: #e9ecef;
  opacity: 1;
  cursor: not-allowed;
}

/* Error State */
.select_pro.is-invalid {
  border-color: #e3342f;
  background-color: #fff;
}

a.filepond--credits {
  font-size: 1px !important;
}

.select_pro.is-invalid:focus {
  border-color: #e3342f;
  box-shadow: 0 0 0 0.2em rgba(227, 52, 47, 0.25);
}

.select_pro.is-valid {
  border-color: #38c172;
}

.select_pro.is-valid:focus {
  border-color: #38c172;
  box-shadow: 0 0 0 0.2em rgba(56, 193, 114, 0.25);
}

/* Optional - Add a caret icon */
.select_pro::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent;
  position: absolute;
  right: 1em;
  pointer-events: none;
}


/* Row Pro - Basic */
.row_pro {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  box-sizing: border-box;
}

/* Column Padding */
.row_pro>[class*="colu-"] {
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}

.boton_rojo_degradado {
  background: linear-gradient(90deg, #DD0E0E 0%, #367AD8 100%);

  color: white;
  border: none;
  font-family: 'OpticSans Bold';
  font-size: 16px;
  padding: 8px 70px;
  cursor: pointer;
}

.color_rojo_degradado {
  background: linear-gradient(90deg, #DD0E0E 0%, #367AD8 100%);

  color: white;
  border: none;
  font-family: 'OpticSans';
  font-size: 16px;
}

.texto_checkbox_pro {

  cursor: pointer;
  user-select: none;
}

.caja_checkbox {
  display: inline-flex;
  align-items: center;
  gap: 11px;
}

.checkbox_input {

  cursor: pointer;
  user-select: none;
  height: 25px;
  width: 25px;
}

.texto_descripcion {


  font-size: 13px;
  margin: 0;
  padding: 0;
  margin-top: -8px;
  margin-bottom: 10px;
}

/* Label Pro */
.label_pro {
  display: inline-block;
  margin-bottom: 10px;
  font-family: 'OpticSans';
  font-size: 1em;
  font-weight: 600;
  color: #212529;
}

/* Form Control Pro */
.form_control_pro {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75em + 2px);
  padding: 0.375em 0.75em;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.375em;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  box-sizing: border-box;
}

/* Focus State */
.form_control_pro:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2em rgba(0, 123, 255, 0.25);
}

/* Disabled State */
.form_control_pro:disabled {
  background-color: #e9ecef;
  opacity: 1;
}

/* Error State */
.form_control_pro.is-invalid {
  border-color: #e3342f;
  background-color: #fff;
}

.form_control_pro.is-invalid:focus {
  border-color: #e3342f;
  box-shadow: 0 0 0 0.2em rgba(227, 52, 47, 0.25);
}

.form_control_pro.is-valid {
  border-color: #38c172;
}

.form_control_pro.is-valid:focus {
  border-color: #38c172;
  box-shadow: 0 0 0 0.2em rgba(56, 193, 114, 0.25);
}

.gap_10 {
  gap: 10px 0;
}

.gap_15 {
  gap: 15px 0;
}

.gap_25 {
  gap: 20px 0;
}

.caja_banner_trabajo {
  display: flex;
  width: 100%;
  height: 145px;
  justify-content: center;
  align-items: center;
  color: white;
}

/* ADICIONALES------------------------------------------------------------------------------ */
.caja_banner_trabajo_home_sub {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
}

.caja_banner_trabajo_op {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 285px;
  justify-content: center;
  align-items: center;
  color: white;
  position: relative;
  text-align: center;
}

.caja_banner_trabajo_op .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 0;
}

.caja_banner_trabajo_op h1 {
  position: relative;
  z-index: 1;
  margin: 0;
}

.caja_banner_trabajo_op p {
  position: relative;
  font-family: 'OpticSans Book';
  z-index: 1;
  margin: 10px 0 0 0;
  font-size: 16px;
  max-width: 42%;
}

.empleo-ubicacion {
  font-size: 16px;
}



.texto_descripcion_op {


  font-size: 15px;
  margin: 0;
  padding: 0;
  margin-top: -8px;
  margin-bottom: 10px;
}

.texto_descripcion_op_crts {


  font-size: 14px;
  padding: 1px 0;
}

.icono-tiempo,
.icono-calendario {
  margin-right: 8px;
  /* Espacio entre icono y texto */
}

.text-separator {
  padding-left: 5px;
  /* Espacio entre el icono y el texto */
}

.texto_descripcion_locate_op {


  font-size: 16px;
  margin: 0;
  padding: 0;
  margin-top: -8px;
  margin-bottom: 10px;
}



.filtro_trabajo_op {
  /* gap: 0px 32px; */
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  font-family: 'OpticSans';
  flex-wrap: wrap;
}

.buscar_filtro_op {
  width: 50%;
  display: flex;
  flex-direction: column;
  padding: 0 20px 0 0;
}

.filtro_dropdown_op,
.estado_dropdown_op {
  width: 25%;
  /* Los otros dos filtros ocupan el 25% cada uno */
  display: flex;
  flex-direction: column;
  padding: 20px;
  /* Padding de 20px para Filtro y Estado */
}

.filtro_trabajo_op label {
  font-weight: bold;
  margin-bottom: 5px;
  font-family: 'OpticSans';
}

.input-icon {
  position: relative;
}

.input-icon i {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #495057;
  /* Color del ícono */
}

/* Estilo adaptado para el input */
.buscar_filtro_op input[type="text"] {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75em + 2px);
  /* Adaptado al tamaño del estilo Pro */
  padding: 0.375em 0.75em 0.375em 2.5em;
  /* Espacio para el ícono */
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.375em;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  box-sizing: border-box;
}

.buscar_filtro_op input[type="text"]::placeholder {
  color: #6c757d;
  /* Placeholder similar al estilo Pro */
  font-size: 1em;
}

/* Focus State */
.buscar_filtro_op input[type="text"]:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2em rgba(0, 123, 255, 0.25);
}

/* Disabled State */
.buscar_filtro_op input[type="text"]:disabled {
  background-color: #e9ecef;
  opacity: 1;
}

/* Select adaptado */
.filtro_dropdown_op select,
.estado_dropdown_op select {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75em + 2px);
  /* Adaptado al tamaño del estilo Pro */
  padding: 0.375em 0.75em;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.375em;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  box-sizing: border-box;
}

/* Focus State */
.filtro_dropdown_op select:focus,
.estado_dropdown_op select:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2em rgba(0, 123, 255, 0.25);
}

/* Disabled State */
.filtro_dropdown_op select:disabled,
.estado_dropdown_op select:disabled {
  background-color: #e9ecef;
  opacity: 1;
}

/* Error State */
.buscar_filtro_op input[type="text"].is-invalid,
.filtro_dropdown_op select.is-invalid,
.estado_dropdown_op select.is-invalid {
  border-color: #e3342f;
}

.buscar_filtro_op input[type="text"].is-invalid:focus,
.filtro_dropdown_op select.is-invalid:focus,
.estado_dropdown_op select.is-invalid:focus {
  border-color: #e3342f;
  box-shadow: 0 0 0 0.2em rgba(227, 52, 47, 0.25);
}

/* Valid State */
.buscar_filtro_op input[type="text"].is-valid,
.filtro_dropdown_op select.is-valid,
.estado_dropdown_op select.is-valid {
  border-color: #38c172;
}

.buscar_filtro_op input[type="text"].is-valid:focus,
.filtro_dropdown_op select.is-valid:focus,
.estado_dropdown_op select.is-valid:focus {
  border-color: #38c172;
  box-shadow: 0 0 0 0.2em rgba(56, 193, 114, 0.25);
}



.banner-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.espaciadov1 {
  padding: 50px;
}

.titulo_empleo_home {

  margin: 0;
  font-size: 28px;
  padding: 0;
  font-family: 'OpticSans Bold';
}

.titulo_empleo_op_list {

  font-size: 18px;
  font-family: 'OpticSans Bold';
}



.container_pro .empleos-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding-top: 20px;
  box-sizing: border-box;
}

/* Estilos adicionales específicos para la grid dentro del container_pro */
.empleo-item {
  flex: 1 1 calc(25% - 20px);
  color: black;
  text-align: left;
  padding: 20px;
  font-size: 18px;
  box-sizing: border-box;
  border: 1px solid black;
}

.titulo_empleo {
  font-weight: bold;
  /* Pone en negrita */
}

/* Adaptación a pantallas más pequeñas */
@media (max-width: 992px) {

  /* Tablets */
  .empleo-item {
    flex: 1 1 calc(33.33% - 20px);
    /* 3 columnas */
  }
}

@media (max-width: 768px) {

  /* Móviles horizontales */
  .empleo-item {
    flex: 1 1 calc(50% - 20px);
    /* 2 columnas */
  }
}

@media (max-width: 576px) {

  /* Móviles verticales */
  .empleo-item {
    flex: 1 1 100%;
    /* 1 columna */
  }
}


/* ------------------------------------------------------------------------------ */
.subtexto_formulario {
  margin: 0;
  text-align: center;
  margin-bottom: 1em;
  margin-top: 8px;
}

.texto_simple_fin {
  font-size: 15px;
  display: block;
}

.margen_arriba_3 {
  margin-top: 24px;
}

.grupo_form {
  margin-bottom: 1.4em;
}

.grupo_form textarea {
  max-width: 100%;
  min-width: 100%;
  height: 81px;
  min-height: 81px;
}

.grupo_form input,
.grupo_form .entrada {
  display: block;
  width: 100%;
  height: calc(1.5em + 1em + 2px);
  padding: 0.375em 0.75em;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25em;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


.grupo_form .entrada option {
  font-size: 16px;
}



/* Edge 12 -18 */
.grupo_form input::placeholder,
.grupo_form .entrada::placeholder {
  color: rgb(146, 146, 146);
  opacity: 0.5;
  /* Firefox */
  font-family: "Inter";
  font-size: 14.4px;
}

/* Firefox */
.grupo_form input::-ms-input-placeholder,
.grupo_form .entrada::-ms-input-placeholder {
  opacity: 0.5;
  color: rgb(146, 146, 146);
  font-family: "Inter";
  font-size: 14.4px;
}

.grupo_form input:focus,
.grupo_form .entrada:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2em rgba(0, 123, 255, 0.25);
}

.grupo_form input,
.grupo_form .entrada.invalid {
  background-color: #ffdddd;
}

.grupo_form input.invalid,
.grupo_form.invalid {
  background-color: #ffdddd !important;
}

.radio_custom_new input[type="radio"] {
  display: none;
}

.centrado_enviando {
  margin-top: 39px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 28px;
}

.spinner {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  position: relative;
  animation: rotate 1s linear infinite;
}

.spinner::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  inset: 0px;
  border-radius: 50%;
  border: 4.5px solid #c80a0a;
  animation: prixClipFix 2s linear infinite;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes prixClipFix {
  0% {
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
  }

  25% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
  }

  50% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
  }

  75% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
  }

  100% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
  }
}

.select2-container--default .select2-results__group {
  font-family: "Inter";
}

.caja_check .circle {
  display: none !important;
}

.cursiva {
  font-style: italic;
}


.check_icono_new {
  font-size: 20px;
  position: absolute;
  z-index: 2200;
  top: 25px;
  left: 15px;
  width: 20px;
  height: 22px;
}

.padding_left {

  padding-left: 40px !important;
}

span.texto_error {
  color: #ea1c24;
  font-size: 15px;
  margin-top: 10px;
}

.radio_custom_new label.box {
  user-select: none;
  background: #f1f1f1;
  margin-top: 12px;
  padding: 10px 12px;
  display: flex;
  border-radius: 5px;
  border: 1px solid #b9b9b9;
  cursor: pointer;
  transition: all 0.25s ease;
  font-size: 15px;
}

.radio_custom_new input[type="radio"]:checked+label.box {
  border-color: #353535;
  background: #4b4b4b;
  color: white;
}

.radio_custom_new label.box:hover {
  background: #b4b4b4;
}

label.box.invalid,
label.custom-control-label.invalid {
  color: #ef0e0e;
}



label.custom-control-label.invalid {
  color: #ef0e0e;
  font-weight: 700;
}

#grupo_select_01,
#grupo_select_02 {
  display: none;
}

.filepond--drop-label {
  cursor: pointer;
}

.centrado_flexible {
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner_formulario {
  width: 65%;
  max-width: 100%;
}

.banner_formulario2 {
  width: 65%;
  max-width: 100%;
}

.asterisco {
  font-weight: 500;
  color: red;
}

.abajo_campos {
  margin-top: 0.9em;
  display: block;
  font-size: 14px;
}

.texto_en_rojo_link {
  color: #ef0e0e;
}

.radio_custom_new label.box .circle {
  height: 22px;
  width: 22px;
  background: #ccc;
  border: 5px solid transparent;
  display: inline-block;
  margin-right: 15px;
  border-radius: 50%;
  transition: all 0.25s ease;
  box-shadow: inset -4px -4px 10px rgba(0, 0, 0, 0.2);
}

.radio_custom_new input[type="radio"]:checked+label.box .circle {
  border-color: #232323;
  background: #ffffff;
}

.radio_custom_new label.box .plan {
  display: flex;
  width: 100%;
  align-items: center;
  font-weight: 400;
}

.m-arriba {
  margin-top: 1.5em;
}

.paso_footer {
  text-align: center;
  margin-top: 40px;
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 3em;
}

.caja_50 {
  font-family: "Inter";
  max-width: 100%;
  width: 69%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.centrado_flexi_linea {
  margin: 20px 0;
  display: flex;
  justify-content: center;
}

.linea_corta_roja {
  text-align: center;
  height: 4px;
  width: 215px;
  background-color: #ef0e0e;
}

.opciones_otro {
  display: none;
}

.margeny-3 {
  margin-top: 1.5em;
  margin-bottom: 1.2em;
}

.titulo_form {
  font-size: 1.2em;
  font-weight: 600;
}

.espacio_plan {
  gap: 46px 0;
}

.margeny-4 {
  text-align: center;
  margin-top: 1.5em;
  margin-bottom: 2em;
}

.completo_btn {
  min-width: 300px;
  max-width: 100%;
}

.boton_base {
  font-family: "Inter";
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 9px 14px;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 0.25em;
  cursor: pointer;
  text-transform: none;
  border: 0;
}

.margen_arriba_4 {
  margin-top: 48px;
}

a.boton_accion_negocio {
  background-color: #CC0000;
  color: white;
  padding: 10px 80px;
  text-decoration: none;
  font-size: 17px;
  margin-top: 18px;
  font-weight: 600;
}

.banner_negocio {
  width: 100%;
  max-width: 100%;
  height: 374px;
  object-fit: cover;
  object-position: bottom;
}

.texto_minimo_55 {
  min-height: 50px;
}

.padding_0 {
  padding: 0 !important;
}

.padding_1 {
  padding-left: 10px !important;
  padding-right: 0px !important;
}

.padding_2 {
  padding-left: 0px !important;
  padding-right: 8px !important;
}

.etiqueta_corta {
  width: 260px;
  background-color: #AB3B4F;
  color: white;
  text-align: center;
  padding: 10px 9px;
  font-weight: 700;
  margin-bottom: -16px;
  z-index: 999;
  font-size: 18px;
}


.etiqueta_altaproduccion {
  width: fit-content;
  background-color: #AB3B4F;
  color: white;
  text-align: center;
  padding: 10px 9px;
  font-weight: 700;
  margin-bottom: -16px;
  z-index: 999;
  font-size: 18px;
}

.row_prensa_digital {
  margin-right: -1px !important;
  margin-left: -1px !important;
}

.img_negocio {
  width: 100%;
  max-width: 100%;
  height: 311px;
  object-fit: cover;
}

.titulo_item_negocio {
  font-size: 22px;
  margin: 0px;
  padding: 0px;
  margin-block: 0px;
  font-weight: 800;
  color: #ffffff;
  margin-top: 15px;
  margin-bottom: 8px;
}

.espacio_negocio {
  gap: 65px 0px;
  justify-content: center;
}

.pro-mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.caja_item {}

.caja_iguana {

  height: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.caja_vloguea {

  height: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.parte_1_blog {
  color: white;

  width: 50%;
  padding-left: 80px;
  padding-right: 50px;

}

.parte_2_blog {
  width: 50%;
}

.fondo_negro {

  background-color: #080808;
}


.caja_logo_eos {

  display: flex;
  justify-content: center;


  padding-top: 35px;
  padding-bottom: 40px;
  border-bottom: 1px solid #454545;
  margin-bottom: 30px;
}

.titulo_eos {

  font-size: 30px;
  color: white;
  margin: 0;
  margin-bottom: 10px;
}

.titulo_negro {
  font-size: 37px;
  color: rgb(0, 0, 0);
  margin: 0;
  margin-bottom: 10px;
  text-align: center;
  font-family: 'OpticSans Bold';
  letter-spacing: 0.8px;
  text-wrap: balance;
}

.titulo_seccion_m1 {
  font-size: 49px;
  color: rgb(0, 0, 0);
  margin: 0;
  margin-bottom: 5px;
  text-align: center;
  font-family: 'OpticSans Bold';
  letter-spacing: 0.8px;
}

.titulo_razon {

  font-size: 24px;
  color: rgb(0, 0, 0);
  margin: 0;
  margin-bottom: 8px;
  text-align: start;
  text-wrap: balance;
  font-family: 'OpticSans Bold';
}

.texto_razon {

  font-size: 17px;
  color: rgb(0, 0, 0);
  margin: 0;
  margin-bottom: 8px;
  text-align: start;

}

.subtitulo_seccion_m1 {

  font-size: 28px;
  color: rgb(0, 0, 0);
  margin: 0;
  margin-bottom: 15px;
  text-align: center;
  font-family: 'OpticSans Bold';
  letter-spacing: 0.8px;
}

.logo_tienda_canon {
  width: 130px;
  margin-top: -26px;
}

.texto_seccion_m1 {
  font-size: 26px;
  color: rgb(0, 0, 0);
  margin: 0;
  margin-bottom: 40px;
  text-align: center;
  text-wrap: balance;
}

.titulo_seccion_tabla {
  font-size: 35px;
  font-family: 'OpticSans Bold';
  color: #000000;
  margin: 0;
  margin-bottom: 10px;
  text-align: center;
  letter-spacing: 0.8px;
}

.titulo_eos.rojo {

  color: red;

}

.margen_item_d2 {
  margin-top: 30px;
}

.margen_item_d3 {
  margin-top: 120px;
}

.margen_item_d4 {
  margin-top: 180px;
}

.margen_item_d5 {
  margin-top: -120px;
}

.margen_item_d6 {
  margin-top: 0px;
}

.margen_item_d7 {
  margin-top: 80px;
}

.margen_item_f3 {

  margin-top: 85px;

}

.margen_item_f4 {

  margin-top: 180px;

}

.margen_item_f5 {

  margin-top: 280px;

}

.margen_piramide_2 {
  margin-top: 80px;

}

.margen_piramide_3 {
  margin-top: 120px;

}

.margen_piramide_3_5 {
  margin-top: 160px;

}

.margen_piramide_4 {
  margin-top: 180px;

}

.margen_piramide_5 {
  margin-top: 246px;

}

.margen_laser_1 {

  margin-top: -129px;
}

.margen_laser_2 {
  margin-top: -110px;
}

.margen_laser_3 {
  margin-top: -70px;
}

.margen_laser_4 {
  margin-top: 0px;
}

.titulo_item {
  color: #000;
  font-family: 'OpticSans Bold';
  font-size: 27px;
  font-style: normal;
  line-height: normal;

  margin: 0;
  margin-bottom: 10px;
  text-wrap-style: balance;
}

.\!-bottom-6 {
  bottom: 0em !important;
}

.caja_paginacion {
  display: block;
  padding: 16px;
  margin-bottom: 22px;
}

.texto_item {
  color: #000;
  font-family: 'OpticSans Book';
  font-size: 19px;
  font-style: normal;
  line-height: normal;

  margin: 0;
  margin-bottom: 0;
}



.caja_item_slider {
  background-size: cover;

  padding: 0;

  width: 80%;

  position: relative;

  transition: transform 0.3s ease-in-out;
  /* Suaviza la animación */
}

.caja_item_beneficio::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: inherit;
  /* Hereda el fondo */
  background-size: cover;
  background-position: center;
  background-position-y: bottom;
  transition: transform 0.3s ease-in-out;
  z-index: -1;
  /* Envía el fondo detrás del contenido */
}

.caja_item_beneficio:hover::before {
  transform: scale(1.1);
  /* Zoom del fondo */
}

.banner_soho {
  background-size: cover;
  height: 620px;
  background-position-y: bottom;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease-in-out;
}

.banner_soho::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: inherit;
  /* Hereda el fondo */
  background-size: cover;
  background-position: center;
  transition: transform 0.3s ease-in-out;
  z-index: -1;
  /* Envía el fondo detrás del contenido */
}

.banner_soho:hover::before {
  transform: scale(1.1);
  /* Zoom del fondo */
}



.contenido_soho {
  display: flex;
  align-items: center;
  align-content: center;
  padding: 20px 36px;
  padding-top: 0px;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.titulo_soho {
  color: white;
  text-align: center;
  margin: 0;
  font-family: 'OpticSans Bold';
  font-size: 40px;
  letter-spacing: 0.8px;
  line-height: 1.2;
  margin-bottom: 5px;
}

.texto_corto_soho {
  font-family: 'OpticSans Book';
  font-size: 26px;
  text-align: center;
  color: white;
  margin: 0;
  margin-bottom: 20px;
}

.texto_soho {
  font-family: 'OpticSans Book';
  font-size: 20px;
  text-align: center;
  color: white;
  margin: 0;
  margin-bottom: 14px;
}

.caja_item_beneficio {
  overflow: hidden;
  background-size: cover;

  padding: 0;


  width: 30% !important;
  max-width: 100%;
  position: relative;

  transition: transform 0.5s ease-in-out;
}


.parte_texto_beneficio {
  cursor: pointer;
  display: flex;
  padding: 10px 24px;
  padding-top: 35px;
  width: 100%;
  background-color: transparent;
  height: 600px;
  flex-direction: column;

}

.fondo_negro_item .parte_texto_beneficio {

  background-color: #000000c7;

}

.fondo_negro_item .titulo_item_beneficio {
  color: white;
}

.fondo_negro_item .texto_pequeno_beneficio,
.fondo_negro_item .texto_item_beneficio {
  color: #dedede;
}

.texto_pequeno_beneficio {
  color: #000;
  font-family: 'OpticSans Book';
  font-size: 14px;
  font-style: normal;
  line-height: normal;

  margin: 0;
  margin-bottom: 5px;
}

.texto_accion_beneficio {
  cursor: pointer;
  margin: 0;
  font-family: 'OpticSans Bold';
  color: var(--Rojo);
}


.titulo_item_beneficio {

  color: #000;
  font-family: 'OpticSans Bold';
  font-size: 27px;
  font-style: normal;
  line-height: 1.2;

  margin: 0;
  margin-bottom: 10px;
  text-wrap-style: pretty;
}

.texto_item_beneficio {

  color: #000;
  font-family: 'OpticSans Book';
  font-size: 18px;
  font-style: normal;
  line-height: 1.2;

  margin: 0;
  margin-bottom: 25px;
}


.posicion_slider_1 {
  background-position-y: 60%;
  background-position-x: right;
}

.posicion_slider_3 {
  background-position-y: 60%;
  background-position-x: right;
}

.grilla_partes_item {
  display: flex;
}

.parte_texto_item {
  display: flex;
  padding: 12px 50px;
  padding-top: 0px;
  width: 35%;
  background: #edededf2;
  height: 400px;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}

.parte_imagen_item {
  width: 65%;
}

.texto_eos {
  margin-top: 10px;
  color: white;
  font-size: 17px;
  margin: 0;
  text-wrap: balance;
  font-family: 'OpticSans Book';
}

.caja_de_camara {
  display: flex;
  align-items: center;
  justify-content: center;
}

.imagen_camara {

  width: 700px;
  max-width: 100%;
  padding-left: 25px;
  padding-right: 25px;
}

.caja_texto_inicio {

  padding-left: 30px;
  padding-right: 30px;
  padding-top: 35px;
  padding-bottom: 35px;

  height: 100%;

}

.titulo_caja {
  font-family: 'OpticSans Bold';
  font-size: 24px;
  margin: 0;
  padding: 0;
  margin-bottom: 25px;
}

.margen_caja_camara {

  padding-top: 40px;
  padding-bottom: 70px;
}

.texto_caja {
  font-family: 'OpticSans Book';
  font-size: 17px;

}

.centro_flex {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.caja_texto_01 {

  background-color: #d5d3d4;
}

.caja_texto_02 {

  background-color: #e8e8e8;
}

.caja_texto_03 {

  background-color: #fafafa;
}

.logo_eos {

  width: 190px;
  max-width: 100%;
}

.foto_blog {

  width: 100%;
  max-width: 100%;
}



.parte_1 {
  color: white;

  width: 50%;
  padding-left: 80px;
}

.titulo_iguana {
  font-family: 'OpticSans Bold';
  color: white;
  margin-bottom: 10px;
  font-size: 54px;
  margin-top: 0;
  text-wrap: balance;
}

.titulo_bloguea {
  font-family: 'OpticSans Bold';
  color: white;
  margin-bottom: 10px;
  font-size: 54px;
  margin-top: 0;
  text-wrap: balance;
}

.texto_bloguea {
  font-family: 'OpticSans Book';

  color: white;
  font-size: 20px;
  margin-bottom: 25px;
}



.texto_iguana {
  font-family: 'OpticSans Book';

  color: white;
  font-size: 20px;
  margin-bottom: 25px;
}

.parte_2 {

  width: 50%;
}

.logo_modelo {
  max-width: 100%;
  width: 174px;
}

.imagen_producto {
  max-width: 100%;
  width: 290px;
}

.fondo_power {
  height: 605px;
  background-size: cover;
  background-position-x: center;
}

.contenido_power {
  width: 100%;
  height: 100%;
  display: flex;
  align-content: center;
  align-items: center;
  flex-direction: column;
  gap: 80px;
  padding-top: 259px;
}

.caja_video {
  height: 519px;
}

.foto_eos {
  width: 100%;
  object-fit: cover;
  height: 519px;
  object-position: top;
}


.expresa_texto {
  font-size: 45px;
  font-family: 'Roboto';
  color: white;
  letter-spacing: 3px;
}

.fondo_rojo_1 {
  background-color: #a51953;
}

.caja_fondo_camara {
  background-position-y: bottom;
  background-size: cover;
  background-position-y: center;
  background-position-x: center;
  height: 102vh;
}

.texto_dispara {
  font-size: 40px;
  color: white;
  font-family: 'OpticSans';
  margin: 0;
  margin-bottom: 45px;
  text-wrap: balance;
}

.fondo_turquesa {
  background-color: #005387;
}

.imagen_dispara {
  width: 100%;
}

.caja_texto_dispara {
  text-align: center;
  padding-left: 40px;
  height: 100%;
  width: 40%;
}

.parte_foto_dispara {
  flex-grow: 1;
  width: 60%;
}

.grilla_dispara {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.fondo_turquesa_2 {
  background-color: #19a4b9;
}

.fondo_negro_1 {
  background-color: #12243d;
}

.fondo_naranaja {
  background-color: #c85311;
}

h4.titulo_kit {
  font-family: 'OpticSans Bold';
  color: var(--Rojo);
  font-size: 31px;
  margin: 0;
  padding: 0;
  font-weight: 900;
}

.texto-center {
  text-align: center;
}

.parte_video {
  width: 64%;
  flex-grow: 1;
}



.caja_texto_camara {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 90px;
}

.titulo_camara {
  text-align: center;
  color: white;
  font-size: 51px;
  font-family: 'OpticSans Bold';
  margin: 0;
  margin-top: 50px;
}

.caja_camara {
  margin-top: 40px;
  margin-bottom: 45px;
}

.titulo_texto {
  font-family: 'OpticSans Bold';
  font-size: 40px;
  margin: 0;
  margin-top: 10px;
  font-weight: 600;
}

.subtitulo_texto {
  font-family: 'OpticSans';
  font-size: 21px;
  margin: 0;
  margin-top: 10px;
  font-weight: 600;
}


p.subtitulo_kit {
  font-family: 'OpticSans';
  font-size: 21px;
  margin: 0;
  margin-top: 10px;
  font-weight: 600;
}

p.sub_kit {
  font-family: 'OpticSans';
  color: var(--Rojo);
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  margin-top: 17px;
  margin-bottom: 8px;
}

p.comentario_kit {
  font-family: 'OpticSans';
  font-size: 16px;
  margin: 0;
  margin-top: 16px;
}

.listado_kit {
  font-size: 19px;
  font-family: 'OpticSans';
  list-style: disc;
  padding-left: 27px;
  font-weight: 500;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

.enlace_ver {
  color: white;
  text-decoration: none;
  font-family: 'Opticsans Bold';
  font-size: 18px;
}

.enlace_ver_2 {
  color: white;
  text-decoration: none;
  font-family: 'Opticsans Bold';
  font-size: 15px;
  margin-top: 10px;
}

.contenido_caja {
  padding: 10px;
  padding-top: 25px;
  padding-bottom: 35px;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.imagen_caja {
  width: 100%;
  max-width: 100%;
}

.bloque_contenido_negocio {
  height: 100%;
  background-color: #AB3B4F;
  /*display: flex;
flex-wrap: wrap;

flex-direction: column;
align-items: center;*/
  padding: 2px 21px;
}

.texto_item_negocio {
  margin-top: 8px;
  margin-bottom: 18px;
  color: white;
}

.caja_kit {
  border: 1px solid #a8a8a8;
  padding: 28px;
  height: 100%;
  position: relative;
}

.imagen_kit {
  width: 521px;
  padding-bottom: 31px;
}

.texto_videos {
  color: white;
  font-family: 'Opticsans';
  padding: 0;
  margin: 0;
  font-size: 22px;
  text-wrap: pretty;
}

.parte_texto {
  padding: 0px 65px;
  display: flex;
  width: 36%;
  justify-content: center;
  flex-direction: column;
  gap: 25px;
}

.caja_negra {
  padding: 30px;
  background-color: black;
}

.caja_imagen {
  position: relative;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.separador_gris {
  width: 100%;
  height: 2px;
  margin-top: 40px;
  margin-bottom: 40px;
  background-color: #444444;
}

.grilla_razon {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.caja_gris {
  flex-grow: 1;
  width: 209px;

  padding: 25px 25px;
  padding-bottom: 20px;
  background-color: #F3F3F3;
}

.icono_soho {
  width: 70px;
  margin-bottom: 15px;

}

.item_video {
  flex-wrap: wrap;
  display: flex;
}

.boton_flotante {
  position: absolute;
  bottom: 21px;
  left: 28px;
}

.fondo_negocio_1 {
  background-image: url(/assets/img/canon_negocio/fondo_numero_1.webp);
}

.fondo_negocio_2 {
  background-image: url(/assets/img/canon_negocio/fondo_numero_2.webp);
}

.fondo_negocio_3 {
  background-image: url(/assets/img/canon_negocio/fondo_numero_3.webp);
}

.fondo_negocio_4 {
  background-image: url(/assets/img/canon_negocio/fondo_numero_4.webp);
}

.fondo_negocio_5 {
  background-image: url(/assets/img/canon_negocio/fondo_numero_5.webp);
}

.caja_negocio_item {
  display: flex;
  background-size: cover;
  height: 100%;
  min-height: 420px;
  background-position-y: bottom;
  align-items: center;
  flex-direction: column;
}


.subtitulo_corto_negocio {
  padding: 0;
  margin: 0;
  font-size: 17px;
  font-weight: 700;
  color: white;
}

.texto_correo_corto {
  margin-top: 31px;
  display: block;
  font-size: 14px;
  font-weight: 600;
}

.error_simple {
  font-weight: 600;
  font-size: 15px;
  text-align: center;
}


label.texto_error {
  font-size: 15px;
  color: red;
  margin-top: 11px;
  display: block;
  font-weight: 600;
}


.margen_arriba {
  margin-top: 34px;
}

.margen_abajo {
  margin-bottom: 76px;
}

.select2-container .select2-selection--single {
  height: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-family: 'Roboto';
}

.select2-container--default .select2-selection--single {
  border: 2px solid #000000 !important;
}

.boton_siguiente_form {
  color: #fff;
  background-color: #212121;
  border-color: #212121;
}

.ocultar {
  display: none;
}

.boton_registrar {
  font-size: 15px;
  text-decoration: none;
  color: #fff;
  background-color: #212121;
  border-color: #212121;
}

.boton_registrar:hover {
  background-color: #3b3b3b;
  border-color: #3b3b3b;
}

.custom-control-label {
  font-weight: 400;
}

.subtitulo_form.invalid {
  color: red;
  font-weight: 700;
}

.tab_form {
  display: none;
}

input.invalid {
  background-color: #ffdddd;
}

.boton_siguiente_form:hover {
  color: #fff;
  background-color: #0e0e0e;
  border-color: #0e0e0e;
}

.boton_anterior_form {
  color: #fff;
  background-color: #616161;
  border-color: #616161;
}

.boton_anterior_form:hover {
  color: #fff;
  background-color: #414141;
  border-color: #414141;
}

.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}


.step.active {
  background-color: #e90000;
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #ff0000;
}

.titulo_canon_h3 {
  font-family: 'Opticsans Bold';
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 22px;
}

.centro_precio {
  display: flex;
  justify-content: center;
}

.subtitulo_p {
  font-family: 'Opticsans Book';
  font-size: 20px;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 36px;
}

.lateral_barra {
  border-right: 2px solid #c4c4c4;
}

.centrado_total {
  height: 100%;
  display: flex;
  align-items: center;
}

.margen_top_3 {
  margin-top: 50px;
}

.margen_top_5 {
  margin-top: 100px;
}

.sub_menu_sim {
  padding-top: 18px;
  display: flex;
  gap: 4px 57px;
  justify-content: center;
  border-bottom: 2px solid #d8d8d8;
  padding-bottom: 15px;
  flex-wrap: wrap;
  background-color: black;
}

.item_sub {
  font-family: 'OpticSans Book';
  font-size: 19px;
  padding: 10px;
  cursor: pointer;
  color: white;
  text-decoration: none;
  background: none;
  border: none;
}

.item_sub:hover {
  color: #c72328;
  text-decoration: none;
}

.item_sub.active {
  font-family: 'OpticSans Bold';
  color: white;
  text-decoration: none;
}

.margen_laser_item_1 {
  margin-top: -90px;
}

.margen_laser_c2 {
  margin-top: 30px;
}

.margen_laser_item_2 {
  margin-top: 20px;
}

.titulo_grande_h3 {
  font-family: 'OpticSans Bold';
  font-size: 30px;
  font-weight: 600;
  text-wrap: balance;
}

.linea_vertical {
  height: 35px;
  border-left: 2px solid #404040;
}

.foto_entera {
  width: 100%;
  max-width: 100%;
}

.grilla_foto {
  padding: 12px;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
  align-items: flex-start;
  justify-content: center;
  align-content: center;


}

.foto_parte_1 {
  width: 270px;
  max-width: 100%;
  object-fit: cover;
}

.foto_parte_2 {
  width: 470px;
  object-fit: cover;
  max-width: 100%;
  object-position: left;
}

.plan_titulo_sim {
  font-family: 'OpticSans Bold';
  text-align: center;
  font-weight: 600;
  margin: 0;
  padding: 0;
  margin-top: 16px;
  font-size: 19px;
}

.plan_item_sim {
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 19px;
}

.margen_top_4 {
  margin-top: 80px;
}

.center_flex {
  display: flex;
  justify-content: center;
}

.icono_sim {
  width: 48px;
}

.texto_p {
  font-size: 19px;
  margin-top: 14px;
  margin-bottom: 31px;
  font-family: 'OpticSans Book';
}

.listado_ul {
  list-style: disc;
  padding-left: 1.2em;
  font-family: 'OpticSans Book';
  font-size: 18px;
}

.tabla_precio {
  border-radius: 8px;
  border: 2px solid #cacaca;
}

.tabla_precio .parte_arriba {
  padding: 0px 19px;
  text-align: center;
}

.tabla_precio .parte_abajo {
  padding: 0px 19px 18px 19px;
  border-top: 2px solid #cacaca;
}

.gap_plan_precio {
  gap: 31px 0;
}

.slider_item_sim {
  text-align: center;
  background-size: cover !important;
  height: 495px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position-y: bottom;
  background-position-x: center !important;
  background-image: url("../../assets/img/pages/landing_SOHO/header_banner.webp");
}

.banner_base {
  position: relative;
  height: 560px;
  width: 100%;
}

.video_header {
  width: 100%;
  max-width: 100%;
  position: relative;
  height: 100%;
  object-fit: cover;

}

.caja_de_banner_v1 {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  top: 0;
  height: 100%;
  width: 100%;
}

.tracking-in-expand {
  -webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
  animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}

@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }

  40% {
    opacity: 0.6;
  }

  100% {
    opacity: 1;
  }
}

@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }

  40% {
    opacity: 0.6;
  }

  100% {
    opacity: 1;
  }
}

.tracking-in-expand-fwd-bottom {
  animation: tracking-in-expand-fwd-bottom .8s cubic-bezier(.215, .61, .355, 1.000) both
}


@keyframes tracking-in-expand-fwd-bottom {
  0% {
    letter-spacing: -.5em;
    transform: translateZ(-700px) translateY(500px);
    opacity: 0
  }

  40% {
    opacity: .6
  }

  100% {
    transform: translateZ(0) translateY(0);
    opacity: 1
  }
}

.scale-in-ver-top {
  -webkit-animation: scale-in-ver-top 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: scale-in-ver-top 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}



@-webkit-keyframes scale-in-ver-top {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }

  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}

@keyframes scale-in-ver-top {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }

  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}



.scale-in-ver-bottom {
  -webkit-animation: scale-in-ver-bottom 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: scale-in-ver-bottom 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


@-webkit-keyframes scale-in-ver-bottom {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }

  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
}

@keyframes scale-in-ver-bottom {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }

  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
}

.slide-in-bottom {
  -webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}



.caja_menu_flex {

  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 7px 31px;
}

.boton_menu {
  text-decoration: none;
  text-align: center;
  width: 217px;
  min-height: 63px;
  display: block;
  margin-top: 10px;

  padding: .8em 1.5em;
  font-weight: 600;
  font-size: 15px;
  background-color: #ffffff;
  border: 1px solid #373737;
  color: #030303;
  font-family: 'Roboto';
  cursor: pointer;
}

.boton_menu.activo {
  background-color: var(--Rojo);
  color: white;
  border: 1px solid var(--Rojo);
}

.pleca_negra {
  background-color: black;
  color: white;
  margin: 0;
  text-align: center;
  padding-bottom: 11px;
  height: 18.5vh;
  font-family: 'Roboto';
  display: flex;
  justify-content: center;
  align-items: center;
}

.pleca_negra h2 {
  font-family: 'OpticSans Book';
  margin: 0;
  text-wrap: balance;
  font-size: 27px;
}

.titulo_slider {
  color: white;
  font-size: 45px;
  margin-top: 0px;
  margin-bottom: 10px;
  font-family: 'OpticSans Bold';
  text-shadow: 1px 1px 2px black;
  text-align: center;
}

.caja_grilla_general {
  overflow: auto;
  display: flex;
  gap: 20px;
}

.bloque_gris {

  background-color: #F3F3F3;
}

.grilla_bloque_2 {
  display: flex;
  flex-wrap: wrap;
  gap: 0px 23px;
  justify-content: center;
  align-content: center;

}

.grilla_1_elemento {
  display: grid;
  grid-template-columns: repeat(1, 1fr);

  gap: 10px;

  padding: 10px;
  justify-content: center;
  justify-items: center;
}

.grilla_3_elemento {
  display: grid;
  grid-template-columns: repeat(3, 0fr);
  gap: 30px;
  padding: 10px;
  align-content: stretch;
  justify-content: center;
}

.grilla_2_elemento {
  display: grid;
  grid-template-columns: repeat(2, 0fr);

  gap: 10px 45px;
  padding: 10px;
  justify-content: center;
  justify-items: center;
}

.grilla_4_elemento {
  display: grid;
  grid-template-columns: repeat(4, 0fr);
  gap: 30px;
  padding: 10px;
  justify-content: center;
  justify-items: center;
}


.titulo_tabla_m1 {
  margin: 0;
  font-size: 27px;
  font-family: 'OpticSans Bold';
  text-align: center;
}

.texto_tabla_m1 {
  margin: 0;
  font-size: 17px;
  text-align: center;
}

.bloque_m1 {


  padding: 0px 20px;
  padding-bottom: 25px;
  /*width: 20%; 
  
  bloque_m1
  */
}

.bloque_m2 {
  padding: 0px;
  flex-grow: 1;
  padding-bottom: 20px;

}

.foto_impresora_m1 {
  width: 335px;
  max-width: fit-content;
}

.margen_subtitulo_bloque {

  margin-top: 30px;
}

.margen_inferior_subtitulo_bloque {

  margin-bottom: 30px;
}

.foto_impresora_d1 {
  width: 250px;
  max-width: fit-content;
  /*
  border: 1px solid;
  */
}

.foto_impresora_g1 {
  width: 280px;
  max-width: fit-content;
  /*
  border: 1px solid;
  */
}

.margen_botton_2 {
  margin-bottom: 25px;
}

.item_50 {}

.item_enlace {
  cursor: pointer;
}

.margen_item_2 {
  margin-top: 50px;
}

.margen_item_4 {

  margin-top: 70px;
}

.subtitulo_slider {
  margin-top: 0px;
  font-size: 25px;
  font-family: 'OpticSans Book';
  color: white;
  text-align: center;
  text-wrap: balance;
}

.swiper-pagination-bullet {
  opacity: 1;
  background: rgb(206, 206, 206);
}

.swiper-pagination-bullet-active {
  color: #fff;
  background: #ff0707;
}


.autoplay-progress {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 10;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #ffffff;
}

.autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 4px;
  stroke: #fd0000;
  fill: none;
  stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
  stroke-dasharray: 125.6;
  transform: rotate(-90deg);
}

.parte_arriba .precio_plan {
  background-color: red;
  color: white;
  padding: 10px 14px;
  font-weight: 700;
  margin: 0;
  font-size: 23px;
  margin-top: 13px;
  font-family: 'OpticSans Bold';
}

.icono_tienda_simple {
  width: 19px;
}

.enlace_ir_tienda {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  font-size: 18px;
  text-decoration: none;
  color: black;
  font-weight: 700;
  font-family: 'OpticSans Bold';
}

.titulo_canon_h2 {
  margin-top: 0px;
  margin-bottom: 6px;
  font-family: 'OpticSans Bold';
  font-size: 24px;
}

.parte_arriba .cantidad_plan {
  font-size: 43px;
  padding: 0;
  margin: 0;
  font-weight: 600;
  font-family: 'OpticSans Bold';
}

.margen_top_2 {
  margin-top: 20px;
}

.boton_negro {
  text-decoration: none;
  text-align: center;
  width: 200px;
  display: block;
  margin-top: 10px;
  border: none;
  padding: 0.8em 1.5em;
  font-weight: 500;
  font-size: 15px;
  background-color: #080808;
  color: white;
  font-family: 'OpticSans';
  cursor: pointer;
}

.boton_v1 {
  font-family: 'OpticSans';
  text-decoration: none;
  text-align: center;

  display: inline-block;
  margin-top: 10px;
  border: none;
  padding: .8em 1em;
  font-weight: 600;
  font-size: 13px;
  background-color: var(--Rojo);
  color: white;
  font-family: 'OpticSans';
  cursor: pointer;
}


.boton_rojo {
  text-decoration: none;
  text-align: center;
  width: 163px;
  display: block;
  margin-top: 10px;
  border: none;
  padding: .8em 1.5em;
  font-weight: 600;
  font-size: 15px;
  background-color: var(--Rojo);
  color: white;
  font-family: 'Roboto';
  cursor: pointer;
}

.boton_rojo:hover {
  color: white !important;
}

.enlace_ver:focus,
.enlace_ver:hover,
.enlace_ver_2:focus,
.enlace_ver_2:hover,
.boton_rojo:focus,
.boton_rojo:hover {
  color: white !important;
  text-decoration: none;
}

.parte_arriba .mes_plan {
  font-size: 20px;
  padding: 0;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 14px;
}

.parte_arriba .numero_plan {
  font-size: 19px;
  margin-bottom: 4px;
  margin-top: 18px;
}

.parte_abajo .incluye {
  margin-top: 15px;
  margin-bottom: 7px;
  font-size: 18px;
  font-family: 'OpticSans Bold';
}

.parte_arriba .pagina_mes {
  font-size: 19px;
  margin: 0;
  padding: 0;
}


.medio_flex {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
}

.linea_separador_rojo {
  height: 3px;
  background-color: var(--Rojo);
  text-align: center;
  width: 125px;
}

.bloque_botones {
  display: flex;
  justify-content: center;
  gap: 13px;
  text-align: center;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 0;
  margin-top: 2.2em;
}

.select2-container {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  color: #495057;
  background-color: #fff;
  outline: 0;
}

.select2-results__option {
  font-family: "Roboto";
  font-size: 0.9em;
  font-weight: 500;
  padding: 15px 10px;
  padding-left: 20px;
}

.select2-search--dropdown .select2-search__field {
  padding: 0.375em 0.75em;
  width: 100%;
  border-radius: 4px;
  margin-bottom: 6px;
  color: #526484;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #dbdfea;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #526484;
  line-height: 1.8em;
  padding: 0.4375em calc(2.125em + 2px) 0.4375em 1em;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 18px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: calc(2.5em + 2px);
  position: absolute;
  top: 0;
  right: 0;
  width: calc(2.125em + 2px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.bloque_completado {
  margin-top: 2.2em;
  text-align: center;
}

.bloque_completado .titulo_completado {
  font-weight: 800;
  font-size: 1.3em;
  margin-bottom: 1em;
}

.bloque_completado.sub_texto_abajo {
  font-size: 1em;
  margin-bottom: 5em;
}

.bloque_completado .bloque_imagen {
  display: flex;
  justify-content: center;
}

.bloque_completado .bloque_imagen .foto_icono_completado {
  width: 50px;
}

.flex_center {
  display: flex;
  justify-content: center;
}

@media (min-width: 1300px) {


  .banner_negocio {
    height: 420px;
  }
}

.grupo_seleccionar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 15px;
}


.item_seleccionar {
  flex-basis: min-content;
  text-decoration: none;
  text-align: center;
  padding: 1.5em;
  border: 1px solid rgb(255, 255, 255);
  flex-grow: 1;
  color: #535353;
}

.item_seleccionar:hover {
  text-decoration: none;
}

.item_seleccionar .foto_icono_item {
  width: 61px;
}

.item_seleccionar .titulo_opcion_item {
  font-weight: 800;
  font-size: 16px;
  margin-bottom: 0px;
}

.line_vertical {
  background-color: #ef0e0e;
  width: 2.5px;
  height: 200px;
}

.item_seleccionar .texto_basico {
  margin-top: 5px;
  margin-bottom: 18px;
  font-size: 17px;
}

.titulo_pregunta {
  font-size: 1.2em;
  font-weight: 800;
}

.text_center {
  text-align: center;
}

.item_seleccionar:hover {
  background-color: #f5f5f5;
  border: 1px solid #f0f0f0;
}

.linea_roja {
  width: 35%;
  height: 3px;
  background-color: var(--Rojo);
  margin-bottom: 17px;
}

.caja_app {
  position: relative;
  border: 1px solid rgb(124, 124, 124);
  padding: 28px 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.caja_app_doble {
  position: relative;
  border: 1px solid rgb(124, 124, 124);
}

.linea_divisora {
  background-color: #dcdcdc;
  height: 1px;
  width: 100%;
}

.caja_individual {
  padding: 28px 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.caja_linea {
  width: 100%;
}


.grilla_app {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.icono_tipo_app {
  width: auto;
  height: 33px;
}

.icono_principal {
  width: 85px;
  border: 1px solid #d7d7d7;
  border-radius: 7px;
}

.caja_botones {
  display: flex;
  align-items: center;
  align-content: center;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
}

.app_parte_boton {
  flex-grow: 1;
  display: flex;
}

.app_parte_icono {
  width: 20%;
  display: flex;
  gap: 25px;
  align-items: center;
}

.app_titulo_seccion {
  text-wrap: balance;
  font-size: 18px;
  font-weight: 600;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  font-family: 'Opticsans Bold';
}

.texto_corto_tipo {
  font-size: 14px;
  font-weight: 600;
  padding: 0;
  margin: 0;
  font-family: 'Opticsans Bold';
}

.app_titulo_seccion {
  font-family: 'Opticsans Bold';
  font-size: 17px;
  font-weight: 600;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}

.texto_basico {
  font-family: 'Opticsans Book';
  font-size: 17px;
  text-wrap: pretty;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  text-align: justify;
}

.texto_pequeno {
  font-size: 15px;
  color: white;
  text-align: justify;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  font-family: 'Opticsans Book';
}

.texto_compatibilidad {
  font-size: 16px;
  text-wrap: pretty;
  padding: 0;
  margin: 0;
  font-family: 'Opticsans Bold';
}

.app_parte_texto {
  width: 53%;
}

.app_parte_tipo {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

.grilla_lente {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-content: center;
  align-content: center;
}

.miTabla_esp {
  border-collapse: collapse;
  width: 100%;
}

.miTabla_esp th {
  font-weight: 500;
  font-size: 15px;
}

.miTabla_esp td {
  font-weight: 400;
  font-size: 15px;
}

.miTabla_esp th,
.miTabla_esp td {
  border: 1px solid #6b6b6b;
  padding: 8px;
  text-align: left;
}

.check_icono {
  width: 18px;
  height: 18px;
}

.grilla_lente .item_div {
  position: relative;
  display: flex;
  flex-grow: 1;
  gap: 12px;
}

.grilla_lente label.box {
  flex-grow: 1;
}

.grilla_lente .box {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}

.grilla_lente label.box .plan {
  justify-content: center;
}

.margen_abajo_2 {
  margin-bottom: 10px;
}

.margen_abajo_3 {
  margin-bottom: 30px;
}

.item_grupo_bloque {
  display: flex;
  gap: 17px;
  border: 1px solid #afafaf;
  padding: 0 1.5em;
  align-items: center;
}

.listado_item label.box {
  margin-top: 0px;
}


.listado_item label.box {
  padding: 8px 10px;
}

.listado_item label.box .circle {
  height: 17px;
  width: 17px;
  margin-right: 5px;
}

.lado_radios {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
}

.m_abajo_3 {
  margin-bottom: .7em;
}

.lado_titulo_item {
  height: 100%;
  min-height: 76px;
  font-weight: 500;
  color: #e61d23;
  margin-right: 1px;
  display: flex;
  align-items: center;
  width: 25%;
}

.caja_select {
  margin-top: 15px;
  width: fit-content;
}

.caja_select .grupo_form {
  margin-bottom: 0;
}

.listado_item {
  width: 100%;
  padding: 1em 0;
  border-left: 1px solid #ababab;
  padding-left: 21px;
}

.caja_check {
  gap: 11px;
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}

.completo_check {
  display: flex;
  flex-direction: column;
  gap: 21px;
}

.espacio_arriba01 {
  margin-top: 7px;
}

.completo_check label.box {
  flex-grow: 1;
  margin-top: 0;
}

.flex_grow_1 {
  flex-grow: 1;
}

.subtitulo_form {
  display: block;
  font-style: italic;
  font-size: 13px;
  margin-top: 13px;
}

.grilla_lente .foto_lente {
  width: 51%;
  max-width: 100%;
}

.grilla_opciones_vario {
  display: flex;
  gap: 5px 13px;
  flex-wrap: wrap;
}

span.datepicker-cell.day {
  height: 2.4em;
}

.datepicker-cell {
  font-size: 16px;
  height: 4.5em;
}

.datepicker-view {
  width: 19.75em;
}

.datepicker .dow {
  font-size: .975em;
  font-weight: 700;
  height: 1.5em;
}

.filepond--root :not(text) {
  font-size: 16px;
}

.datepicker-cell:not(.day) {
  height: 4.5em;
}

.datepicker-controls .button {
  font-size: 16px;
}

.datepicker-controls .next-button,
.datepicker-controls .prev-button {
  padding-left: 0.475em;
  padding-right: 0.475em;
}

.pro-col-md-4 {
  width: 100%;
  max-width: 100%;
}

.logo_grande {
  width: 360px;
}

.logo_caja_power {
  width: 400px;
}

.logo_power_2 {
  width: 654px;
}

.tabla_camara {

  width: 100%;
  display: flex;
  overflow-x: scroll;
  position: relative;
}

.flex_tabla {
  display: flex;
}

.custom_select_2 {
  min-width: 350px;
  position: relative;
}

.custom_select_2 select {
  font-family: 'Roboto';
  appearance: none;
  width: 100%;
  font-size: .8em;
  text-align: center;
  font-weight: 700;
  padding: 1.1em 1.5em 1.1em 1em;
  background-color: #fff;
  border: 2px solid #363636;
  border-radius: 0em;
  color: #000;
  cursor: pointer;
}

/*
.custom_select_2::before,
.custom_select_2::after {
  --size: 0.4em;
  content: "";
  position: absolute;
  right: 1em;
  pointer-events: none;
}



.custom_select_2::after {
  border-left: var(--size) solid transparent;
  border-right: var(--size) solid transparent;
  border-top: var(--size) solid black;
  top: 45%;
}

 */


.select2-container--default .select2-results__option--selected {
  background-color: var(--Rojo) !important;
  color: white;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #b00005 !important;
  color: white;
}

.select2-container .select2-selection--single .select2-selection__rendered {

  text-align: center;
  font-size: 0.9em;
  font-weight: 700;

}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--Rojo);
  color: white;
}

.custom_select_2 option:hover {
  background-color: var(--Rojo);
  color: white;
}

.custom_select_2 option:checked {
  background-color: var(--Rojo);
  color: white;

}

.select2-results__option:focus {
  background-color: var(--Rojo) !important;
  color: white;

}

.select2-results__option:checked,
.select2-results__option:hover {
  background-color: var(--Rojo) !important;
  color: white;

}

.custom_select_2 option:focus {
  background-color: var(--Rojo) !important;
  color: white;
}

select option:hover {
  color: #000;
  box-shadow: inset 20px 20px #00f;
}

.tabla_camara::-webkit-scrollbar {
  background-color: #fff;
  width: 16px;
}

/* background of the scrollbar except button or resizer */
.tabla_camara::-webkit-scrollbar-track {
  background-color: #fff;
}

/* scrollbar itself */
.tabla_camara::-webkit-scrollbar-thumb {
  background-color: #babac0;
  border-radius: 16px;
  border: 4px solid #fff;
}

/* set button(top and bottom of the scrollbar) */
.tabla_camara::-webkit-scrollbar-button {
  display: none;
}


.parte_lateral {
  width: 38px;
  display: flex;
  align-items: flex-end;

}

.imagen_tabla {
  width: 100%;
  object-fit: contain;
  max-width: 100%;

}

.lateral_tabla {
  width: 100%;
  object-fit: contain;
  max-width: max-content;

}

.cover_imagen {

  flex-grow: 1;
}

.item_camara {
  /*background-color: red;*/
  position: absolute;
  width: 112px;
  height: 123px;
  /*border: 1px solid red;*/
}

.item_1 {
  bottom: calc(39% - 74px);
  left: calc(21% - 12px);
}


.item_2 {
  bottom: calc(29% - 74px);
  left: calc(21% - 12px);
}

.item_3 {
  bottom: calc(17% - 35px);
  left: calc(5% - 12px);
}

.item_4 {
  bottom: calc(17% - 35px);
  left: calc(21% - 12px);
}



.item_5 {
  bottom: calc(7% - 35px);
  left: calc(5% - 12px);
}

.item_6 {
  bottom: calc(7% - 35px);
  left: calc(21% - 12px);
}

.item_7 {
  top: calc(11% - 35px);
  left: calc(53.5% - 0px);
}

.item_8 {
  top: calc(21% - 35px);
  left: calc(53.5% - 0px);
}

.item_9 {
  top: calc(31% - 35px);
  left: calc(53.5% - 0px);
}

.item_10 {
  top: calc(40.5% - 35px);
  left: calc(53.5% - 0px);
}

.item_11 {
  top: calc(50% - 35px);
  left: calc(37.5% - 0px);
}

.item_12 {
  top: calc(50% - 35px);
  left: calc(53.5% - 0px);
}


.item_13 {
  top: calc(60% - 38px);
  left: calc(37.5% - 0px);
}

.item_14 {
  top: calc(60% - 35px);
  left: calc(53.5% - 0px);
}

.item_15 {
  top: calc(69% - 35px);
  left: calc(37.5% - 0px);
}

.item_16 {
  top: calc(79.5% - 35px);
  left: calc(37.5% - 0px);
}

.item_17 {
  top: calc(11% - 35px);
  left: calc(71.5% - 0px);
}

.item_18 {
  top: calc(31% - 35px);
  left: calc(71.5% - 0px);
}

.item_19 {
  top: calc(40.5% - 35px);
  left: calc(71.5% - 0px);
}

.item_20 {
  top: calc(50% - 35px);
  left: calc(88% - 0px);
}

.item_21 {
  top: calc(59.5% - 35px);
  left: calc(88% - 0px);
}

.item_22 {
  top: calc(69.5% - 35px);
  left: calc(88% - 0px);
}

.item_23 {
  top: calc(79.5% - 35px);
  left: calc(88% - 0px);
}

.pro_modal {
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100vw;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
}

.titulo_modal_ciss {

  font-family: 'Opticsans Bold';
  font-size: 34px;
  padding: 0;
  margin: 0;
  margin-bottom: 5px;
}

.subtitulo_modal_ciss {

  font-family: 'Opticsans Bold';
  font-size: 26px;
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
}

.pro_modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto auto;

  max-width: 100%;
  margin: 0;

  padding-top: 36px;
  padding-bottom: 36px;
  border: 1px solid #888;
  width: fit-content;
  border-radius: 15px;
  z-index: 1 !important;
  padding-left: 75px;
  padding-right: 75px;
}

.margin_corto {
  margin-bottom: 15px;
}

.margin_corto_top {
  margin-top: 14px;
}

.lado_boton_cierre {
  position: absolute;
  top: 19px;
  right: 21px;
}

.pro_close {
  color: #aaa;

  font-size: 28px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.pro_close:hover,
.pro_close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.boton_cierre {
  z-index: 999;
  user-select: none;
  color: #ffffff;
  /* Texto gris */
  background-color: #888888;
  border-radius: 50%;
  /* 6px */
  font-size: 26px;
  /* 14px */
  width: 30px;
  /* 32px */
  height: 30px;
  /* 32px */
  margin-left: auto;
  /* Margen izquierdo automático */
  display: inline-flex;
  /* Mostrar como flex en línea */
  justify-content: center;
  /* Centrar horizontalmente */
  align-items: center;
  /* Centrar verticalmente */
}

.boton_cierre:hover {
  background-color: #5a5a5a;
  /* Fondo gris claro al pasar el mouse */
  color: #ffffff;
  /* Texto negro al pasar el mouse */
}

@media (min-width: 1399px) {

  .caja_texto_camara {
    padding-bottom: 80px;
  }

  .parte_lateral {
    width: 35px;
  }
}


@media (min-width: 1700px) {


  .parte_lateral {
    width: 49px;
  }
}

@media (min-width: 700px) and (max-width: 996px) {

  .caja_texto_camara {
    padding-bottom: 66px;
  }
}

@media (min-width: 900px) and (max-width: 1148px) {

  .grilla_bloque_2 {
    gap: 0px;
  }

  .parte_1_blog {

    padding-left: 40px;
    padding-right: 20px;

  }

  .parte_lateral {
    width: 31px;
  }
}



@media (min-width: 1600px) {


  .parte_lateral {
    /*width: 73px;*/
  }

  .item_camara {

    /*border: 2px solid rgb(71, 20, 20);*/
    /*background-color: rgb(71, 20, 20);*/
    position: absolute;
    width: calc(11% - 48px);
    height: calc(8.7% - 28px);

  }
}

@media (min-width: 993px) {

  .caja_menu {

    display: block;
  }

  .caja_movil {

    display: none;
  }

}

@media (min-width: 993px)and (max-width: 1220px) {
  .pro_modal-content {

    width: fit-content;
  }

  .grilla_foto {
    gap: 10px 25px;
  }
}

@media (min-width: 1221px)and (max-width: 1620px) {
  .pro_modal-content {

    width: fit-content;
  }

  .grilla_foto {
    gap: 10px 25px;
  }
}

/*MOVIL */
@media (max-width: 992px) {

  .filtro_dropdown_op,
  .estado_dropdown_op {
    width: 45%;
  }

  .buscar_filtro_op {
    width: 100%;
  }

  .margen_mobil_4 {
    margin-top: 70px;
  }

  .padding_left {

    padding-left: 15px !important;
  }

  .grilla_4_elemento {
    gap: 10px;
  }

  .grilla_3_elemento {
    gap: 10px;
  }

  .parte_texto_beneficio {
    height: 560px;
  }

  .titulo_soho {
    font-size: 27px;
  }

  .texto_corto_soho {
    font-size: 22px;
  }

  .subtitulo_seccion_m1 {
    font-size: 22px;
  }

  .texto_seccion_m1 {
    font-size: 17px;
  }

  .grilla_2_elemento {
    gap: 10px 0px;
  }

  .boton_cierre {
    /*padding-top: 5px;*/
  }

  .grilla_foto {
    padding-top: 28px;

    gap: 8px 31px;

    justify-content: flex-start;

    flex-direction: column;
  }

  .foto_parte_2 {
    width: 334px;
    height: auto;
  }

  .foto_parte_1 {
    height: auto;
    width: 220px;
  }

  .pro_modal-content {
    width: fit-content;
    padding: 0px 0px;
    padding-bottom: 30px;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .lado_boton_cierre {
    top: 15px;
    right: 14px;
  }

  .grilla_bloque_2 {
    flex-wrap: nowrap;
  }

  .foto_impresora_m1 {
    width: 195px;
    max-width: fit-content;
  }

  .foto_impresora_d1 {
    width: 195px;
    max-width: fit-content;
  }

  .foto_impresora_g1 {

    width: 195px;
    max-width: fit-content;
  }

  .caja_item_beneficio {
    width: 80% !important;
  }

  .titulo_seccion_m1 {
    font-size: 24px;
  }

  .titulo_seccion_tabla {
    font-size: 20px;
  }

  .titulo_razon {
    font-size: 19px;
  }

  .titulo_negro {
    font-size: 25px;

  }

  .titulo_item_beneficio {
    font-size: 24px;
  }

  .logo_tienda_canon {
    width: 80px;
    margin-top: -17px;
  }

  .titulo_item {
    font-size: 18px;
  }

  .texto_item {
    font-size: 17px;
  }

  .posicion_slider_1 {
    background-position-y: 0%;
    background-position-x: 87%;
    background-size: 632px;
  }

  .posicion_slider_3 {
    background-position-y: 0%;
    background-position-x: 98%;
    background-size: 632px;
  }

  .parte_imagen_item {
    width: 100%;
    height: 244px;
  }

  .parte_texto_item {
    padding: 0px 18px;
    min-height: 166px;
    width: 100%;
    height: inherit;
  }

  .grilla_partes_item {
    display: flex;
    flex-direction: column-reverse;
  }

  .titulo_caja {

    text-wrap: pretty;
  }

  .caja_menu {

    display: none;
  }

  .caja_movil {

    display: block;
  }



  .imagen_tabla {

    max-width: max-content;
  }

  .item_camara {
    width: 86px;
    height: 99px;
  }

  .item_1 {
    bottom: 377px;
    left: 156px;
  }

  .item_2 {
    bottom: 274px;
    left: 159px;

  }

  .item_3 {
    bottom: 163px;
    left: 26px;
  }

  .item_4 {
    bottom: 162px;
    left: 159px;
  }

  .item_5 {


    bottom: 53px;
    left: 26px;

  }

  .item_6 {
    bottom: 51px;
    left: 159px;
  }


  .item_7 {
    top: 92px;
    left: 447px;
  }

  .item_8 {
    top: 199px;
    left: 447px;
  }

  .item_9 {
    top: 306px;
    left: 447px;
  }

  .item_10 {
    top: 409px;
    left: 447px;
  }

  .item_11 {
    top: 517px;
    left: 309px;
  }

  .item_12 {
    top: 516px;
    left: 447px;
  }

  .item_13 {
    top: 618px;
    left: 310px;
  }

  .item_14 {
    top: 617px;
    left: 447px;
  }

  .item_15 {
    top: 719px;
    left: 310px;
  }

  .item_16 {
    top: 821px;
    left: 310px;
  }

  .item_17 {
    top: 90px;
    left: 594px;
  }

  .item_18 {
    top: 300px;
    left: 594px;
  }

  .item_19 {
    top: 407px;
    left: 594px;
  }

  .item_20 {
    top: 514px;
    left: 727px;
  }

  .item_21 {
    top: 617px;
    left: 727px;
  }

  .item_22 {
    top: 719px;
    left: 727px;
  }

  .item_23 {
    top: 821px;
    left: 727px;
  }


  .imagen_tabla {

    width: 843px;
  }

  .lateral_tabla {

    width: 27px;
  }

  .margen_caja_camara {
    padding-top: 0;
    padding-bottom: 40px;
  }

  .caja_logo_eos {

    padding-top: 24px;
    padding-bottom: 26px;
  }

  .logo_eos {
    width: 100px;
  }

  .parte_1 {
    width: 65%;
    padding-left: 24px;
  }

  .parte_2_blog,
  .parte_1_blog {

    width: 100%;
  }

  .caja_vloguea {

    flex-direction: column-reverse;
  }

  .parte_1_blog {
    padding: 30px;
  }


  .parte_2 {

    width: 35%;
  }

  .texto_bloguea {

    font-size: 20px;
  }


  .texto_iguana {

    padding-right: 40px;

    font-size: 20px;
    text-wrap: balance;
  }

  .titulo_eos,
  .titulo_bloguea,
  .titulo_iguana {

    font-size: 24px;
  }

  .texto_videos {
    font-size: 18px;
  }

  .caja_texto_inicio {
    padding-left: 10px;
    padding-right: 10px;
  }

  .pleca_negra h2 {
    font-size: 16px;
    padding: 0px 21px;
  }

  .imagen_kit {
    padding-bottom: 0;
  }

  .caja_negra {
    padding: 25px;
  }

  .gap_movil {
    gap: 22px 0px;
  }

  .caja_video {
    height: 400px;
  }

  .logo_power_2 {
    width: 300px;
  }

  .logo_caja_power {
    width: 300px;
  }

  .foto_eos {
    height: 350px;
  }

  .expresa_texto {
    font-size: 25px;
    margin: 0;
  }

  .grilla_dispara {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .caja_texto_dispara {
    padding: 10px;
    padding-top: 15px;
    padding-bottom: 19px;
  }

  .titulo_camara {
    font-size: 27px;
    padding: 0px 32px;
  }

  .caja_fondo_camara {
    background-image: url("../../assets/img/pages/creators/movil_fondo_camara_negro.webp") !important;
    height: 618px;
    background-position-y: 56%;
  }

  .caja_texto_dispara,
  .parte_foto_dispara {
    width: 100%;
  }

  .contenido_power {
    gap: 26px;
    padding-top: 0px;
    justify-content: center;
  }

  .fondo_power {
    height: 262px;
  }

  .texto_dispara {
    margin-bottom: 20px;
    font-size: 28px;
  }

  .parte_texto {
    padding: 10px 0px;
    width: 100%;
    margin-top: 8px;
  }

  .texto_eos {
    font-size: 18px;
  }

  .logo_grande {
    width: 170px;
  }

  .pad_movil {

    padding-left: 24px;
    padding-right: 24px;
    padding-top: 29px;
  }

  .texto_compatibilidad {
    font-size: 14px;
  }

  .icono_principal {
    width: 108px;
  }

  .slider_item_sim {
    height: 481px;
    background-position-x: 66% !important;

  }

  .gap_mobil {
    gap: 10px 0px;
  }

  .titulo_texto {
    font-size: 25px;
  }

  h4.titulo_kit {
    font-size: 25px;
  }

  .boton_flotante {
    margin-top: 30px;
    bottom: 0;
    left: 0;
    position: relative;
  }

  .subtitulo_texto {
    font-size: 18px;
  }

  .banner_principal {
    background: var(--fondo_movil);
  }

  .linea_divisora {
    margin-top: 3px;
    margin-bottom: 0px;
  }

  .caja_titulo {
    position: absolute;
    top: 0;
  }

  .grilla_app {
    gap: 41px;
  }

  .app_parte_icono.doble_margen_top {
    margin-top: 52px;
  }

  .app_parte_icono.sin_margen_top {
    margin-top: 0px;
  }

  .caja_individual {
    padding: 28px 12px;
    gap: 13px;
  }

  .caja_app {
    gap: 13px;
    padding: 17px 12px;
    flex-direction: column;
    border: none;
    border-bottom: 2px solid #4e4e4e;
    padding-bottom: 49px;
    padding-top: 30px;
  }

  .caja_app_doble {
    padding-bottom: 49px;
  }

  .boton_negro,
  .boton_rojo {}

  .caja_app_doble {
    border: none;
    border-bottom: 2px solid #4e4e4e;
  }


  .linea_roja {
    width: 58%;
  }

  .app_titulo_seccion {
    text-wrap: pretty;
    font-size: 18px;
  }

  .app_parte_icono {
    width: 100%;
    margin-top: 30px;
  }

  .app_parte_texto {
    width: 100%;
  }

  .item_sub {
    font-size: 17px;
    padding: 10px 5px;
  }

  .sub_menu_sim {
    border-top: 1px solid white;
    justify-content: space-around;
    gap: 6px 6px;
    padding: 8px 20px;
  }

  .banner_base {

    height: 430px;
  }

  .titulo_canon_h3 {
    font-size: 21px;
  }

  .subtitulo_p {
    font-size: 18px;
  }

  .titulo_slider {

    font-size: 35px;
    letter-spacing: 0px;
    text-wrap: pretty;
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 14px;
  }

  .subtitulo_slider {
    font-size: 18px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .movil_text_center {
    text-align: center;
  }

  .titulo_canon_h2,
  .titulo_grande_h3 {
    font-size: 21px;
    text-align: center;
  }

  .plan_item_sim,
  .plan_titulo_sim {
    font-size: 17px;
  }

  .linea_vertical {
    display: none;
  }

  .padding_0 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  .padding_1 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .padding_2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  .radio_custom_new label.box .circle {
    margin-right: 4px;
  }

  .grilla_opciones_vario .item_div {
    flex-grow: 1;
  }

  .grilla_lente .foto_lente {
    width: 100%;
    max-width: 100%;
  }

  .line_vertical {
    width: 100%;
    height: 3px;
  }

  .boton_siguiente_form,
  .boton_anterior_form {
    min-width: auto;
    width: auto;
    flex-grow: 1;
  }

  .caja_50 {
    width: 100%;
  }

  .banner_formulario {
    width: 100%;
    height: 108px;
    object-fit: cover;
    object-position: left;
  }

  .banner_formulario2 {
    width: 100%;
    height: 108px;
    object-fit: cover;
    object-position: left;
  }
}


@media (min-width: 993px) and (max-width: 1400px) {
  .caja_50 {
    width: 72%;
  }

  .banner_formulario {
    width: 72%;
  }

  .banner_formulario2 {
    width: 80%;
  }
}

/*TABLE I PAD*/
@media (min-width: 768px) and (max-width: 1030px) {
  .pleca_negra h2 {
    font-size: 1.4em;
  }

  .caja_fondo_camara {
    background-image: url("../../assets/img/pages/creators/movil_fondo_camara_negro.webp") !important;
    height: 70vh;
  }

  .logo_grande {
    width: 250px;
  }

  .texto_videos {
    font-size: 1.3em;
  }
}

@media (min-width: 1023px) and (max-width: 1030px) {

  .pleca_negra h2 {
    font-size: 1.35em;
  }
}

@media (min-width: 993px) and (max-width: 1600px) {

  .banner_formulario {
    width: 69%;
  }

  .banner_formulario2 {
    width: 80%;
  }
}

.font_inter {
  font-family: 'Inter';
}

@media (min-width: 1601px) {

  .caja_50 {
    width: 55%;
  }
}


.pro-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -8px;
  margin-left: -8px;
}

.pro-col-md-3,
.pro-col-md-4,
.pro-col-md-5,
.pro-col-md-6,
.pro-col-md-7,
.pro-col-md-8,
.pro-col-md-10,
.pro-col-md-12,
.pro-col-lg-3,
.pro-col-lg-4,
.pro-col-lg-5,
.pro-col-lg-6,
.pro-col-lg-7,
.pro-col-lg-8,
.pro-col-lg-10,
.pro-col-lg-12,
.pro-col-xxl-3,
.pro-col-xxl-4,
.pro-col-xxl-5,
.pro-col-xxl-6,
.pro-col-xxl-7,
.pro-col-xxl-8,
.pro-col-xxl-10,
.pro-col-xxl-12 {
  position: relative;
  padding-right: 8px;
  padding-left: 8px;
  width: 100%;
}

.pro-col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.swiper_slide_80 {
  width: 80% !important;
}





/* Media queries */
@media (min-width: 576px) {
  .pro-col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .pro-col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .pro-col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .pro-col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .pro-col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .pro-col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .pro-col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .pro-col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 1150px) and (max-width: 1660px) {
  .img_negocio {
    height: 273px;
  }

  .height_altura_alta {
    min-height: 329px;
  }
}

@media (min-width: 768px) {
  .pro-col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .pro-col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .pro-col-lg-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .pro-col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .pro-col-lg-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .pro-col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .pro-col-lg-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .pro-col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 1400px) {
  .pro-col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .pro-col-xxl-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .pro-col-xxl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .pro-col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .pro-col-xxl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .pro-col-xxl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .pro-col-xxl-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .pro-col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.subtitulo_negocio {
  font-size: 20px;
  text-align: center;
  font-weight: 600;
  margin-bottom: 50px;
}

.espaciado_corto {
  gap: 17px 0;
}


.espaciado_arriba5 {
  margin-top: 90px;
}

.espaciado_abajo5 {
  margin-bottom: 90px;
}

.fondo_azul_negocio {
  background-color: var(--Azul);
  padding: 18px 10px;
  color: white;
  text-align: center;
}

.fondo_azul_negocio h2 {
  font-weight: 800;
  font-family: Inter;
  margin: 0;
  padding: 0;
}


@media (min-width: 500px) and (max-width: 992px) and (orientation: landscape) {
  .pleca_negra h2 {
    font-size: 16px;
    padding: 0px 8px;
  }




  .slider_item_sim {


    height: 72vh;
  }

  .caja_vloguea {
    flex-direction: row;
  }

  .parte_2_blog,
  .parte_1_blog {

    width: 50%;
  }

  .caja_fondo_camara {
    height: 102vh;
    background-position-y: 53%;
  }

  .caja_texto_camara {
    padding-bottom: 19px;
  }

  .listado_kit,
  p.subtitulo_kit,
  .texto_videos {
    font-size: 1.1em;
  }

  h4.titulo_kit {
    font-size: 21px;
  }

  p.sub_kit {
    font-size: 19px;
  }

  .titulo_camara {
    margin-top: 10px;
  }
}

@media only screen and (min-width: 1050px) and (max-width: 1400px) and (min-height: 400px) and (max-height:990px) and (orientation: landscape) {

  .pro_modal-content {}

  .foto_parte_1 {
    width: 279px;
  }

  .foto_parte_2 {
    width: 458px;
  }
}

@media only screen and (min-width: 700px) and (max-width: 840px) and (min-height: 1023px) and (max-height: 1180px) and (orientation: portrait) {

  .pro_modal-content {
    width: fit-content;
  }
}

.no-gutters .pro-col-xxl-4 {

  padding-right: 0;
  padding-left: 0;
}

.col {
  flex: 1 1 auto;
  padding: 0.5em;
  box-sizing: border-box;
}

.colu-auto {
  flex: 0 0 auto;
}

.colu-1 {
  flex: 0 0 8.33%;
  max-width: 8.33%;
}

.colu-2 {
  flex: 0 0 16.67%;
  max-width: 16.67%;
}

.colu-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.colu-4 {
  flex: 0 0 33.33%;
  max-width: 33.33%;
}

.colu-5 {
  flex: 0 0 41.67%;
  max-width: 41.67%;
}

.colu-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.colu-7 {
  flex: 0 0 58.33%;
  max-width: 58.33%;
}

.colu-8 {
  flex: 0 0 66.67%;
  max-width: 66.67%;
}

.colu-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.colu-10 {
  flex: 0 0 83.33%;
  max-width: 83.33%;
}

.colu-11 {
  flex: 0 0 91.67%;
  max-width: 91.67%;
}

.colu-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

/* Media Queries */

/* Extra small (sm): 576px */
@media (min-width: 576px) {
  .colu-sm {
    flex: 1 1 auto;
  }

  .colu-sm-auto {
    flex: 0 0 auto;
  }

  .colu-sm-1 {
    flex: 0 0 8.33%;
    max-width: 8.33%;
  }

  .colu-sm-2 {
    flex: 0 0 16.67%;
    max-width: 16.67%;
  }

  .colu-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .colu-sm-4 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }

  .colu-sm-5 {
    flex: 0 0 41.67%;
    max-width: 41.67%;
  }

  .colu-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .colu-sm-7 {
    flex: 0 0 58.33%;
    max-width: 58.33%;
  }

  .colu-sm-8 {
    flex: 0 0 66.67%;
    max-width: 66.67%;
  }

  .colu-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .colu-sm-10 {
    flex: 0 0 83.33%;
    max-width: 83.33%;
  }

  .colu-sm-11 {
    flex: 0 0 91.67%;
    max-width: 91.67%;
  }

  .colu-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Medium (md): 768px */
@media (min-width: 768px) {
  .colu-md {
    flex: 1 1 auto;
  }

  .colu-md-auto {
    flex: 0 0 auto;
  }

  .colu-md-1 {
    flex: 0 0 8.33%;
    max-width: 8.33%;
  }

  .colu-md-2 {
    flex: 0 0 16.67%;
    max-width: 16.67%;
  }

  .colu-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .colu-md-4 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }

  .colu-md-5 {
    flex: 0 0 41.67%;
    max-width: 41.67%;
  }

  .colu-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .colu-md-7 {
    flex: 0 0 58.33%;
    max-width: 58.33%;
  }

  .colu-md-8 {
    flex: 0 0 66.67%;
    max-width: 66.67%;
  }

  .colu-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .colu-md-10 {
    flex: 0 0 83.33%;
    max-width: 83.33%;
  }

  .colu-md-11 {
    flex: 0 0 91.67%;
    max-width: 91.67%;
  }

  .colu-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Large (lg): 992px */
@media (min-width: 992px) {
  .colu-lg {
    flex: 1 1 auto;
  }

  .colu-lg-auto {
    flex: 0 0 auto;
  }

  .colu-lg-1 {
    flex: 0 0 8.33%;
    max-width: 8.33%;
  }

  .colu-lg-2 {
    flex: 0 0 16.67%;
    max-width: 16.67%;
  }

  .colu-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .colu-lg-4 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }

  .colu-lg-5 {
    flex: 0 0 41.67%;
    max-width: 41.67%;
  }

  .colu-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .colu-lg-7 {
    flex: 0 0 58.33%;
    max-width: 58.33%;
  }

  .colu-lg-8 {
    flex: 0 0 66.67%;
    max-width: 66.67%;
  }

  .colu-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .colu-lg-10 {
    flex: 0 0 83.33%;
    max-width: 83.33%;
  }

  .colu-lg-11 {
    flex: 0 0 91.67%;
    max-width: 91.67%;
  }

  .colu-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Extra large (xl): 1200px */
@media (min-width: 1200px) {
  .colu-xl {
    flex: 1 1 auto;
  }

  .colu-xl-auto {
    flex: 0 0 auto;
  }

  .colu-xl-1 {
    flex: 0 0 8.33%;
    max-width: 8.33%;
  }

  .colu-xl-2 {
    flex: 0 0 16.67%;
    max-width: 16.67%;
  }

  .colu-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .colu-xl-4 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }

  .colu-xl-5 {
    flex: 0 0 41.67%;
    max-width: 41.67%;
  }

  .colu-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .colu-xl-7 {
    flex: 0 0 58.33%;
    max-width: 58.33%;
  }

  .colu-xl-8 {
    flex: 0 0 66.67%;
    max-width: 66.67%;
  }

  .colu-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .colu-xl-10 {
    flex: 0 0 83.33%;
    max-width: 83.33%;
  }

  .colu-xl-11 {
    flex: 0 0 91.67%;
    max-width: 91.67%;
  }

  .colu-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}