@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

.blinking {
    animation: blink 1s infinite;
}

.text-content {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* Número de líneas visibles */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: 4.5em; /* Altura en función del número de líneas */
    transition: max-height 0.5s ease;
}

.text-content.expanded {
    -webkit-line-clamp: unset;
    max-height: 100%; /* Permite expandir el contenido completo */
}

#readMore {
    display: block;
    margin-top: 10px;
    color: #007bff;
    cursor: pointer;
}

.text-content2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Número de líneas visibles */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: 4.5em; /* Altura en función del número de líneas */
    transition: max-height 0.5s ease;
}

.text-content2.expanded2 {
    -webkit-line-clamp: unset;
    max-height: 100%; /* Permite expandir el contenido completo */
}

#readMore2 {
    display: block;
    margin-top: 10px;
    color: #007bff;
    cursor: pointer;
}

/* ---- Antes eran estilos en línea en index.blade.php ---- */
.home-center-row { display: flex; justify-content: center; }
.home-text-center { text-align: center; }
.home-row-around { justify-content: space-around; }
.home-btn-auto { width: auto; text-align: center; }
.home-hero-img { border-radius: 80px; }
#mi-modal { display: none; }
#video { width: 100%; height: 375px; }

.home-icon-cyan   { color: rgb(97, 203, 229); }
.home-icon-amber  { color: #ffbb2c; }
.home-icon-blue   { color: #5578ff; }
.home-icon-pink   { color: #e80368; }
.home-icon-purple { color: #e361ff; }
.home-icon-sky    { color: #47aeff; }
.home-icon-orange { color: #ffa76e; }
.home-icon-teal   { color: #11dbcf; }
.home-icon-indigo { color: #4233ff; }

.home-blog-frame { width: 100%; height: 700px; border: 0; }