@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

/* Estilos generales y variables */
:root {
  --secondary-bg: #6c757d;
  --light-text: #f8f9fa;
  --dark-color: #333333;
  --success-color: #28a745;
  --light-bg: #e6e6e6;
  --color-bg: #cfc9ba;
  --color-header: #cfc9ba;
  --marron: #a84517;
  --marron-hover: #ca531c;
  font-family: "Figtree", sans-serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding-top: 128px;
}

body.body-vertical {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.flex-grow {
  flex-grow: 1;
}

[v-cloak] {
  display: none;
}

a {
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h1 {
  font-size: 2.5rem;
  /* ~40px */
  font-weight: 500;
  line-height: 1.2;
}

h2 {
  font-size: 2rem;
  /* ~32px */
  font-weight: 500;
  line-height: 1.2;
}

h3 {
  font-size: 1.75rem;
  /* ~28px */
  font-weight: 500;
  line-height: 1.2;
}

h4 {
  font-size: 1.5rem;
  /* ~24px */
  font-weight: 500;
  line-height: 1.2;
}

h5 {
  font-size: 1.5rem;
  /* ~20px */
  font-weight: 500;
  line-height: 1.2;
}

h6 {
  font-size: 1rem;
  /* ~16px */
  font-weight: 500;
  line-height: 1.2;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

h2,
h3,
h4,
h6 {
  text-transform: uppercase;
  font-weight: 700;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: content-box;
  /* Opcional, pero es la configuración por defecto de Bootstrap */
  height: 0;
  /* Asegura que el hr no tenga altura si no es un borde */
  overflow: visible;
  /* Asegura que el contenido sea visible */
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

titulos {
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 1.2;
}

section {
  padding: 3rem 0;
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}

/* Ocultar en móviles, mostrar en computadoras (Desktop First) */
.solo-desktop {
    display: none;
}

/* Ocultar en computadoras, mostrar en móviles (Mobile First) */
.solo-mobile {
    display: block;
}

/* --- Media Query para pantallas grandes (992px o más) --- */
@media (min-width: 992px) {
    .solo-desktop {
        display: block;
    }
    
    .solo-mobile {
        display: none;
    }
}

.navbar {
  background-color: var(--color-header);
  padding: 1rem 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  position: fixed;
  /* Fija la barra de navegación en la parte superior */
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  /* Asegura que esté por encima de otros elementos */
  transition: padding 0.4s ease-in-out;
  /* Añade transición para el padding */
}

.nav-container {
  /*max-width: 1140px;*/
  margin: 0 auto;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Nueva clase para la barra de navegación encogida */
.navbar-shrink {
  padding: 0.5rem 0;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.navbar-brand {
  height: 6rem;
  display: flex;
  align-items: center;
}

.navbar-brand img {
  width: auto;
  height: inherit;
  display: block;
  transition: all 1s ease;
}

.navbar-toggler {
  display: none;
  /* Oculto por defecto en escritorio */
  background: none;
  border: 1px solid var(--light-text);
  cursor: pointer;
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem;
  transition: all 0.3s ease;
}

.navbar-toggler-icon {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba%288, 8, 8, 0.75%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-collapse {
  flex-grow: 1;
}

.nav-container {
  margin: 0 auto;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}

.nav-item a,
.nav-link a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}

.nav-item a:hover {
  color: var(--dark-color);
}

.nav-link {
  padding: 0.5rem 0.5rem;
  /* Ajusta el padding para que se vea bien en todos los casos */
}

/* Estilo específico para los enlaces de texto */
.nav-link a:hover {
  color: var(--light-text);
  color: var(--dark-color);
}

.navbar .btn-login {
  background-color: var(--marron);
  border-radius: 1rem;
  color: #fff;
  padding: 0.5rem 1.5rem;
  border-color: #fff;
}

.navbar .btn-login:hover {
  background-color: var(--marron-hover);
  color: #fff;
  border-color: #fff;
}

/* Responsive design para pantallas pequeñas */
@media (max-width: 992px) {
  .nav-container {
    flex-wrap: wrap;
  }

  .navbar-toggler {
    display: block;
    /* Muestra el botón de hamburguesa */
  }

  .navbar-collapse {
    width: 100%;
    max-height: 0;
    /* Oculta el menú por defecto */
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
  }

  .navbar-collapse.show {
    max-height: 500px;
    /* Expande el menú al mostrar */
  }

  .nav-list {
    flex-direction: column;
    /* Apila los elementos verticalmente */
    align-items: stretch;
    margin-top: 1rem;
  }

  .nav-link {
    margin: 0.05rem 0;
  }

  .nav-link a {
    display: block;
    padding: 0 1.25rem;
    /* Hace que los enlaces llenen el ancho */
  }
}

.slide-cartelera {
  padding: 1rem;
}

.slide-cartelera>div {
  display: inline-block;
  width: 100%;
  text-align: center;
  color: white;
  background-color: rgba(254, 254, 254, 0.25);
  min-height: 12rem;
  border-radius: 1rem;
  padding: 2rem;
}

@media (min-width: 768px) {
  .slide-cartelera {
    padding: 4rem;
  }

  .slide-cartelera>div {
    width: 32rem;
  }
}

.swiper-container {
  overflow: hidden;
}

.container, .swiper-container {
  width: 100%;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container, .swiper-container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container, .swiper-container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container, .swiper-container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container, .swiper-container {
    max-width: 1140px;
  }
}


/* 1. Contenedor Principal */
#swiper-lotes {
  position: relative; 
  /*padding: 0 40px;*/ /* Crea espacio para los botones */
}

/* 2. Botones de Navegación */
/* Necesitas darles una apariencia ya que son divs vacíos en tu HTML */
.lotes-button-prev,
.lotes-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
    
  /* Estilos básicos para que sean visibles y clicables */
  width: 30px; 
  height: 30px; 
  background-color: rgba(136, 70, 44, 0.75); 
  color: white; 
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lotes-button-prev {
  left: 0;
}

.lotes-button-next {
  right: 0;
}

/* Opcional: Agregar icono de flecha, si no estás usando los iconos por defecto de Swiper */
.lotes-button-prev::after {
  content: '❮'; /* Ejemplo de flecha */
}

.lotes-button-next::after {
  content: '❯'; /* Ejemplo de flecha */
}

/* 3. Paginador */
.lotes-pagination {
  text-align: center;
  margin-top: 0.5rem;
}

/* Asegura que los puntos del paginador también se centren */
.swiper-pagination-bullet {
  display: inline-block;
  margin: 0 4px;
}

.swiper-pagination-bullet-active {
  background-color: rgb(136, 70, 44)
}

.btn {
  display: inline-flex;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  font-family: "Figtree", sans-serif;
  text-align: center;
  text-decoration: none;
  align-items: center;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 1rem;
  font-size: 1rem;
  border-radius: 1rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
  outline: none;
}

.btn:hover {
  color: #212529;
  background-color: #e9ecef;
  border-color: #e9ecef;
}

.btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.btn-sm {
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  /*border-radius: 0.2rem;/*/
}

.btn-lg {
  padding: 0.5rem 1rem;
  /* Aumenta el padding para hacerlo más grande */
  font-size: 1.25rem;
  /* Aumenta el tamaño de la fuente */
  line-height: 1.5;
  /* Mantiene la altura de línea consistente */
  border-radius: 0.3rem;
  /* Aumenta el radio de los bordes para coincidir con el tamaño */
}

.btn-block {
  display: block;
  width: 100%;
}

/* Botón Primary */
.btn-primary {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
}

/* Botón Secondary */
.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64;
}

/* Botón Success */
.btn-success {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}

.btn-success:hover {
  color: #fff;
  background-color: #157347;
  border-color: #146c43;
}

/* Botón Danger */
.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:hover {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37;
}

/* Botón Warning */
.btn-warning {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:hover {
  color: #000;
  background-color: #ffcd39;
  border-color: #ffc720;
}

/* Botón Info */
.btn-info {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}

.btn-info:hover {
  color: #000;
  background-color: #31d2f2;
  border-color: #25cff2;
}

/* Botón Light */
.btn-light {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:hover {
  color: #000;
  background-color: #e9ecef;
  border-color: #e9ecef;
}

/* Botón Dark */
.btn-dark {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}

.btn-dark:hover {
  color: #fff;
  background-color: #1c1f23;
  border-color: #1a1e21;
}

.btn-link {
  font-weight: 400;
  color: #0d6efd;
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent;
}

.btn-link:hover {
  color: #0a58ca;
}

.btn-link:focus {
  text-decoration: none;
}

.btn-marron {
  background-color: var(--marron);
  color: #fff;
  /*padding: 0.5rem 1.5rem;*/
  border-color: #fff;
}

.btn-marron:hover {
  background-color: var(--marron-hover);
  color: #eee;
  /*padding: 0.5rem 1.5rem;*/
  border-color: #ddd;
}

.btn-negro {
  background-color: #000;
  color: #fff;
  /*padding: 0.5rem 1.5rem;*/
  
}

.btn-vittori:hover {
  background-color: #333;
  border-radius: 1rem;
  color: #eee;
  /*padding: 0.5rem 1.5rem;*/
  border-color: #ddd;
}

.btn>i {
  margin-right: 0.5rem;
}

.botones-secciones {
  background-color: var(--color-bg);
}

/*
 * Contenedor de cada elemento (simula Bootstrap .form-group)
 * Pure.css usaría .pure-control-group
 */
.form-group {
    margin-bottom: 1rem; /* Espacio entre campos */
}

/*
 * Estilo para la mayoría de los campos de entrada (simula Bootstrap .form-control)
 * Aplica a inputs de texto, email, number, password, textarea y select
 */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea,
select {
    display: block; /* Ocupa el 100% del ancho */
    width: 100%;
    padding: 0.375rem 0.75rem; /* Padding interno */
    font-size: 1rem;
    line-height: 1.5;
    color: #495057; /* Texto oscuro */
    background-color: #fff; /* Fondo blanco */
    background-clip: padding-box;
    border: 1px solid #ced4da; /* Borde gris claro */
    border-radius: 0.25rem; /* Bordes ligeramente redondeados */
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    box-sizing: border-box; /* Importante para que el padding no afecte el ancho total */
}

/*
 * Estilo de enfoque (Focus state)
 * Se activa al hacer clic o tabular sobre el campo
 */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff; /* Borde azul suave */
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); /* Sombra azul suave */
}

/* Estilo para áreas de texto */
textarea {
    min-height: 80px; /* Altura mínima para el textarea */
}

/* Estilo para el label (opcional) */
label {
    display: inline-block;
    margin-bottom: 0.5rem; /* Espacio debajo del label */
    font-weight: 500; /* Ligeramente más negrita */
}

/* Checkboxes y Radios */
input[type="checkbox"],
input[type="radio"] {
    /* Resetea los estilos de ancho/display que aplicamos arriba */
    display: inline-block;
    width: auto;
    margin-right: 0.5rem;
}

.evaluador img {
  border-radius: 7px;
}

.embed-video {
  background: #140e0b;
  padding: 5px;
  border-radius: 11px;
  overflow: hidden;
}

.modal-body {
  min-height: 70vh;
  max-height: calc(100vh - 210px);
  overflow-y: auto;
  padding: 20px;
}

/* Estilos para el Overlay (Fondo oscuro) */
.modal-overlay {
  /* Posicionamiento y tamaño para cubrir toda la ventana */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  /* Fondo semi-transparente y que esté por encima de todo */
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9999;

  /* Centrado del contenido del modal */
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Estilos para el Contenedor del Modal */
.modal-container {
  background: white;
  border-radius: 0.5rem;
  width: 98%;
  max-width: 74rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

  /* Puedes añadir padding o estilos para el contenido si lo deseas */
  overflow: hidden;
  /* Asegura que todo quede dentro de los bordes */
}

/* Estilos para las secciones internas */
.modal-header {
  padding: 15px 20px;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal-footer {
  color: var(--color-bg);
  padding: 10px 20px;
  border-top: 1px solid #eee;
  text-align: right;
}

/* Botón de cierre */
.modal-close-btn {
  background: none;
  border: none;
  font-size: 2.25rem;
  cursor: pointer;
  line-height: 1;
  color: #aaa;
  margin-top: -0.5rem;
  margin-right: -0.5rem;
}

.modal-close-btn:hover {
  color: #333;
}

.header {
  background-image: url('https://packglobal-publico.s3.amazonaws.com/APP104/libreria/2017/novillos.jpg');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  text-align: center;
  background-blend-mode: multiply;

}

header .intro-text {
  padding-top: 100px;
  padding-bottom: 50px;
}

header .intro-text .intro-lead-in {
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 25px;
}

header .intro-text .intro-heading {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 25px;
}

@media (min-width: 768px) {
  header .intro-text {
    padding-top: 300px;
    padding-bottom: 200px;
  }

  header .intro-text .intro-lead-in {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 25px;
  }

  header .intro-text .intro-heading {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 50px;
  }
}

footer {
  padding: 25px 0;
  background-color: #222;
  color: #fff;
}

.contacto {
  background-color: #222222;
  padding: 25px 0;
  -webkit-transition: padding 0.3s;
  -moz-transition: padding 0.3s;
  transition: padding 0.3s;
  border: none;
}

section {
  position: relative;
}

@media (min-width: 992px) {
 .lg-flex {
    display: flex;
  }
}

.text-shadow {
  text-shadow: 1px 1px 1px #000;
}

.feria-background {
  background-image: linear-gradient(rgba(168, 69, 23, 0.95),
      rgba(0, 0, 0, 0.5)), url(https://packglobal-publico.s3.amazonaws.com/APP104/libreria/2017/remate-feria.jpg);
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  background-color: #F0FCFF;
  padding: 100px 0;
  /*text-shadow: 1px 1px 1px #000;*/
  background-size: cover;
}

.subastas-background {
  background-image: linear-gradient(rgba(0, 0, 0, 0.25),
      rgba(0, 0, 0, 0.25)), url(https://packglobal-publico.s3.amazonaws.com/APP104/libreria/2017/remates-internet.jpg);
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  background-color: #fff;
  /*text-shadow: 1px 1px 1px #000;*/
  background-size: cover;
  background-blend-mode: multiply;
}

.cabana-background {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.5)), url(https://packglobal-publico.s3.amazonaws.com/APP104/libreria/2017/cabana.jpg);
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  background-color: #F0FCFF;
  padding: 100px 0;
  /*text-shadow: 1px 1px 1px #000;*/
  background-size: cover;
}

.campos-background {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.5)), url(https://packglobal-publico.s3.amazonaws.com/APP104/libreria/2017/campo-cultivo.jpg);
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  background-color: #F0FCFF;
  padding: 50px 0;
  /*text-shadow: 1px 1px 1px #000;*/
  background-size: cover;
}

.table {
  width: 100%;
  border-collapse: collapse;
}

.table thead tr {
  border-bottom: 1px solid black;
}

.table tbody tr {
  border-bottom: 1px solid #ccc;
}

.table td {
  padding: 0.25rem 2rem;
}

header .intro-text {
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
}

.intro-text h3 {
  color: rgba(255, 255, 255, 1);
  font-size: 40px;
  line-height: 1;
  letter-spacing: -3px;
  font-weight: 300;
  text-transform: none;
}

.titulo {
  background-color: #222;
  color: #fff;
  padding: 5px;
  text-align: center;
}

.contacto-grid {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 1.5rem;
  grid-auto-rows: minmax(707px, auto);
}

.contacto-background {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.5)), url(https://packglobal-publico.s3.amazonaws.com/APP104/libreria/2017/contact-bg.jpg);
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  background-color: #F0FCFF;
  padding: 10px 0 100px;
  text-shadow: 1px 1px 1px #000;
  background-size: cover;
  background-blend-mode: multiply;
}

.contacto-background {
  color: #fff;
}

.contact-left {
  background-color: rgba(104, 102, 96, 0.5);
  display: inline;
  float: left;
  padding: 30px 40px 10px;
  width: 100%;
}

.contact-right {
  background-color: rgba(104, 102, 96, 0.5);
  display: inline;
  float: left;
  padding: 30px 40px;
  width: 100%;
}

.contacto-background .form-control {
  background-color: rgba(255, 255, 255, 0.7);
}

.contacto-background .well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: rgba(104, 102, 96, 0.5);
  margin-top: 10px;
  border: 0px solid #e3e3e3;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.desc-section {
  margin: 20px auto 30px;
}

.desc-section .descripcion {
  padding-top: 5px;
  font-size: 18px;
  /*border-bottom: 1px solid #bbbbbb;*/
  padding-bottom: 1px;
}

.single-remates-content,
.single-internet-content,
.single-cabana-content,
.single-campos-content {
  margin-bottom: 1rem;
  /*padding-top: 10px;*/
  /*min-width: 250px;*/
}

.single-remates-content .title,
.single-cabana-content .title {
  color: var(--marron);
  font-size: 18px;
  /*margin-top: 15px;*/
}

.single-internet-content .title,
.single-campos-content .title {
  color: #fff;
  font-size: 18px;
  margin-top: 15px;
}

.single-internet-content .descripcion,
.signle-campos-content .descripcion {
  color: #fff;
  text-align: left;
}

.text-white {
  color: #fff;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.card-header {
  padding: 0.6rem .9rem;
  margin-bottom: 0;
  font-weight: 700;
  /*background-color: rgba(0, 0, 0, .03);*/
  border-bottom: 1px solid rgba(0, 0, 0, .125);
}

/*.card-header,
.card-body {
  padding: 0.6rem .9rem;
}*/

.card-body {
  padding: 0.6rem .9rem;
  flex: 1 1 auto;
  padding: 1.25rem;
}

.card-footer {
  padding: 0.6rem .9rem;
  margin-bottom: 0;
  /*background-color: rgba(0, 0, 0, .03);*/
  border-top: 1px solid rgba(0, 0, 0, .125);
}

/*.card-header:first-child {
  border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}*/

.img-fluid {
  width: 100%;
}

.ficha-lote .descripcion {
  padding: 0.5rem;
}

.ficha-lote .clasificacion {
  padding: 0.5rem;
}

.ficha-lote .fotos {
  padding: 0.5rem;
  background-color: rgb(241 245 249);
  border-radius: 0.75rem;
}


@media (min-width: 992px) {
  .ficha-lote .descripcion {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 0.5rem;
  }

  .ficha-lote .clasificacion {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.5rem;
  }

  .ficha-lote .fotos {
	display: flex;
    flex-wrap: wrap; gap: 0.5rem;
    justify-content: center;
  }
}

.modal-foto {
  display: none;
  position: fixed;
  z-index: 1030;
  padding-top: 60px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.9);
}

.modal-foto-content {
  margin: auto;
  display: block;
  max-width: 90%;
  max-height: 80vh;
  border-radius: var(--border-radius-l);
  box-shadow: 0 0 20px #000;
}

.modal-foto-close {
  position: absolute;
  top: 20px;
  right: 35px;
  color: white;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
}

.modal-foto-close:hover {
  color: #f00;
}

.foto-lote {
  cursor: pointer;
  /*width: auto;
  height: 12rem;*/
  transition: all 0.3s ease;
}

.foto-lote:hover {
  transform: scale(1.05);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.icono {
  font-size: 2rem;
  width: 1em;
  height: 1em;
  border-radius: 0.25em;
  padding: 0.125em;
}

.icono-clr-marron {
  color: var(--marron);
}

.icono-clr-light {
  color: var(--color-bg);
}

.icono-clr-dark {
  color: var(--dark-color);
}

.icono-bg-marron {
  background-color: var(--marron);
}

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

.icono-bg-light {
  background-color: var(--color-bg);
}

.icono--cuenta-cliente {
  display: inline-block;
  width: 20px;
  height: 20px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2'%3E%3Crect width='13' height='17' x='6' y='4' rx='2'/%3E%3Cpath stroke-linecap='round' d='M15 10V8M4 9h4m-4 4h4m-4 4h4'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icono--remate {
  display: inline-block;
  width: 20px;
  height: 20px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M2.686 10.462a2.5 2.5 0 0 0 0 3.536l2.829 2.828a2.5 2.5 0 0 0 4.095-2.681l.791-.791l6.407 7.392a2.793 2.793 0 1 0 3.94-3.94l-7.392-6.407l.791-.79a2.5 2.5 0 0 0 2.681-4.096L14 2.684a2.5 2.5 0 0 0-4.095 2.681L5.368 9.902a2.5 2.5 0 0 0-2.682.56'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icono--login {
  display: inline-block;
  width: 20px;
  height: 20px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 21v-2h7V5h-7V3h7q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21zm-2-4l-1.375-1.45l2.55-2.55H3v-2h8.175l-2.55-2.55L10 7l5 5z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icono--usuario {
  display: inline-block;
  width: 20px;
  height: 20px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 4a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4m0 10c4.42 0 8 1.79 8 4v2H4v-2c0-2.21 3.58-4 8-4'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icono--logout {
  display: inline-block;
  width: 20px;
  height: 20px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h7v2H5v14h7v2zm11-4l-1.375-1.45l2.55-2.55H9v-2h8.175l-2.55-2.55L16 7l5 5z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icono--contrato {
  display: inline-block;
  width: 20px;
  height: 20px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%23000' d='m34.486 13.86l-.432-.432a3.17 3.17 0 0 0-.563-3.563a3 3 0 0 0-2.326-.87A3.4 3.4 0 0 0 30 9.272V2H2v32h28V17.82l3.09-3.09l.264.263a.37.37 0 0 1 0 .525l-2.353 2.354a.8.8 0 0 0 1.131 1.132l2.354-2.354a1.975 1.975 0 0 0 0-2.79M8 8.2h16.002v1.6H8Zm0 4h16.002v1.6H8Zm0 4h10.5v1.6H8Zm14.792 13.696h-7.804c-.902 0-1.746-.085-2.194-.824c-.459-.755-.003-1.632.33-2.274c.059-.113-.072-.253-.222-.098c-.44.452-1.14 1.266-1.703 1.92c-.595.692-.831.963-.957 1.077a.92.92 0 0 1-1.106.224a.87.87 0 0 1-.407-.969c.042-.25.756-3.032 1.403-5.533c-.86 1.527-3.59 6.1-3.718 6.315a.7.7 0 0 1-1.203-.718c.035-.057 3.455-5.788 3.886-6.62a1.425 1.425 0 0 1 1.776-.793a1.315 1.315 0 0 1 .755 1.626c-.36 1.388-.727 2.812-1.01 3.92c.457-.528.935-1.07 1.28-1.425a1.9 1.9 0 0 1 2.24-.517a1.18 1.18 0 0 1 .616 1.32a4.6 4.6 0 0 1-.388.916c-.267.555-.14 1.052.622 1.052h7.803a.7.7 0 0 1 0 1.4Zm-2.081-5.05l-2.604.687a.22.22 0 0 1-.216-.058a.22.22 0 0 1-.059-.216l.664-2.599l6.59-6.59l2.2 2.2Zm11.466-11.467l-3.76 3.76l-2.2-2.2l3.76-3.76a1.95 1.95 0 0 1 1.27-.586l.09-.003a1.42 1.42 0 0 1 1.022.407a1.7 1.7 0 0 1-.182 2.382'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icono--instructivo {
  display: inline-block;
  width: 20px;
  height: 20px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 10.75h-.25v1.75H12a.75.75 0 0 1 0 1.5H3.625a2.375 2.375 0 0 1-2.375-2.375V2.25A2.25 2.25 0 0 1 3.5 0h7a2.25 2.25 0 0 1 2.25 2.25V10a.75.75 0 0 1-.75.75m-8.375 0h6.625v1.75H3.625a.875.875 0 0 1 0-1.75m3.546-7.921a.875.875 0 0 0-1.046.858a.625.625 0 1 1-1.25 0a2.125 2.125 0 1 1 2.75 2.031a.625.625 0 0 1-1.25-.031v-.5c0-.345.28-.625.625-.625a.875.875 0 0 0 .17-1.733ZM7 8.884a.875.875 0 1 1 0-1.75a.875.875 0 0 1 0 1.75' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icono--dolar {
  display: inline-block;
  width: 20px;
  height: 20px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 15h2c0 1.08 1.37 2 3 2s3-.92 3-2c0-1.1-1.04-1.5-3.24-2.03C9.64 12.44 7 11.78 7 9c0-1.79 1.47-3.31 3.5-3.82V3h3v2.18C15.53 5.69 17 7.21 17 9h-2c0-1.08-1.37-2-3-2s-3 .92-3 2c0 1.1 1.04 1.5 3.24 2.03C14.36 11.56 17 12.22 17 15c0 1.79-1.47 3.31-3.5 3.82V21h-3v-2.18C8.47 18.31 7 16.79 7 15'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icono--telefono {
  display: inline-block;
  width: 20px;
  height: 20px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='m20.33 21.48l2.24-2.24a2.19 2.19 0 0 1 2.34-.48l2.73 1.09a2.18 2.18 0 0 1 1.36 2v5A2.17 2.17 0 0 1 26.72 29C7.59 27.81 3.73 11.61 3 5.41A2.17 2.17 0 0 1 5.17 3H10a2.16 2.16 0 0 1 2 1.36l1.09 2.73a2.16 2.16 0 0 1-.47 2.34l-2.24 2.24s1.29 8.73 9.95 9.81'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icono--arrowleft {
  display: inline-block;
  width: 16px;
  height: 9px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9'%3E%3Cpath fill='%23000' d='M12.5 5h-9c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h9c.28 0 .5.22.5.5s-.22.5-.5.5'/%3E%3Cpath fill='%23000' d='M6 8.5a.47.47 0 0 1-.35-.15l-3.5-3.5c-.2-.2-.2-.51 0-.71L5.65.65c.2-.2.51-.2.71 0s.2.51 0 .71L3.21 4.51l3.15 3.15c.2.2.2.51 0 .71c-.1.1-.23.15-.35.15Z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icono--arrowright {
  display: inline-block;
  width: 16px;
  height: 9px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9'%3E%3Cpath fill='%23000' d='M12.5 5h-9c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h9c.28 0 .5.22.5.5s-.22.5-.5.5'/%3E%3Cpath fill='%23000' d='M10 8.5a.47.47 0 0 1-.35-.15c-.2-.2-.2-.51 0-.71l3.15-3.15l-3.15-3.15c-.2-.2-.2-.51 0-.71s.51-.2.71 0l3.5 3.5c.2.2.2.51 0 .71l-3.5 3.5c-.1.1-.23.15-.35.15Z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icono--tabla {
  display: inline-block;
  width: 20px;
  height: 20px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 21V3h18v18zm8-6H5v4h6zm2 0v4h6v-4zm-2-2V9H5v4zm2 0h6V9h-6zM5 7h14V5H5z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icono--card {
  display: inline-block;
  width: 20px;
  height: 20px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 20H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2M4 6v12h16V6z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icono--print {
  display: inline-block;
  width: 20px;
  height: 20px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6 7V3h12v4zm12 5.5q.425 0 .713-.288T19 11.5t-.288-.712T18 10.5t-.712.288T17 11.5t.288.713t.712.287M8 19h8v-4H8zm-2 2v-4H2V8h20v9h-4v4z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icono--briefcase {
  display: inline-block;
  width: 20px;
  height: 20px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 6c.58 0 1.05.2 1.42.59c.38.41.58.86.58 1.41v11c0 .55-.2 1-.58 1.41c-.37.39-.84.59-1.42.59H4c-.58 0-1.05-.2-1.42-.59C2.2 20 2 19.55 2 19V8c0-.55.2-1 .58-1.41C2.95 6.2 3.42 6 4 6h4V4c0-.58.2-1.05.58-1.42C8.95 2.2 9.42 2 10 2h4c.58 0 1.05.2 1.42.58c.38.37.58.84.58 1.42v2zM4 8v11h16V8zm10-2V4h-4v2z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icono--youtube {
  display: inline-block;
  width: 20px;
  height: 20px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M12 4c.855 0 1.732.022 2.582.058l1.004.048l.961.057l.9.061l.822.064a3.8 3.8 0 0 1 3.494 3.423l.04.425l.075.91c.07.943.122 1.971.122 2.954s-.052 2.011-.122 2.954l-.075.91l-.04.425a3.8 3.8 0 0 1-3.495 3.423l-.82.063l-.9.062l-.962.057l-1.004.048A62 62 0 0 1 12 20a62 62 0 0 1-2.582-.058l-1.004-.048l-.961-.057l-.9-.062l-.822-.063a3.8 3.8 0 0 1-3.494-3.423l-.04-.425l-.075-.91A41 41 0 0 1 2 12c0-.983.052-2.011.122-2.954l.075-.91l.04-.425A3.8 3.8 0 0 1 5.73 4.288l.821-.064l.9-.061l.962-.057l1.004-.048A62 62 0 0 1 12 4m0 2c-.825 0-1.674.022-2.5.056l-.978.047l-.939.055l-.882.06l-.808.063a1.8 1.8 0 0 0-1.666 1.623C4.11 9.113 4 10.618 4 12s.11 2.887.227 4.096c.085.872.777 1.55 1.666 1.623l.808.062l.882.06l.939.056l.978.047c.826.034 1.675.056 2.5.056s1.674-.022 2.5-.056l.978-.047l.939-.055l.882-.06l.808-.063a1.8 1.8 0 0 0 1.666-1.623C19.89 14.887 20 13.382 20 12s-.11-2.887-.227-4.096a1.8 1.8 0 0 0-1.666-1.623l-.808-.062l-.882-.06l-.939-.056l-.978-.047A61 61 0 0 0 12 6m-2 3.575a.6.6 0 0 1 .819-.559l.081.04l4.2 2.424a.6.6 0 0 1 .085.98l-.085.06l-4.2 2.425a.6.6 0 0 1-.894-.43l-.006-.09z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icono--facebook {
  display: inline-block;
  width: 20px;
  height: 20px;
 --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14 13.5h2.5l1-4H14v-2c0-1.03 0-2 2-2h1.5V2.14c-.326-.043-1.557-.14-2.857-.14C11.928 2 10 3.657 10 6.7v2.8H7v4h3V22h4z'/%3E%3C/svg%3E");
   background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}