html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}
.form {
    position: relative;
    display:flex;
    align-items:center;
}

.form .fa-search {
    position: absolute;
    top: 20px;
    left: 20px;
    color: #9ca3af;
}

.left-span {
    left: 17px;
    position: absolute;
}

img {
    margin: 2px;
    width: 16px;
    height: 16px;
}
.right-arrow-icon {
    
}

.left-pan {
    position: absolute;
    right: 8px;
    padding: 2px;
    border-left: 1px solid #d1d5db;
    display: flex;
    align-items: center;
    padding-left: 7px;
}

.left-pan i {
    padding-left: 10px;
}

.form-input {
    height: 55px;
    border-radius: 10px;
    padding-left: 48px;
    padding-right: 68px;
}
iframe {
    width: 300px;
    height: 350px; /* Ajusta la altura según sea necesario */
    border: none;
}
.form-input:focus {
}
.limited-lines {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Número de líneas a mostrar */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;/* Opcional: muestra '...' al final si el texto se corta */
}