/* Estilos para la sección tekax-info */
.tekax-info {
    background-color: #FFE7E7; /* Color de fondo */
    padding: 20px; /* Espaciado interno */
    border-radius: 10px; /* Borde redondeado */
    margin-bottom: 20px; /* Margen inferior */
    text-align: center; /* Centrar el texto */
}

.tekax-info h1 {
    color: #944E63; /* Color de texto oscuro */
}

.tekax-info p {
    line-height: 1.6; /* Espaciado entre líneas */
    color: #B47B84; /* Color de texto más oscuro */
}

/* Estilos para la sección tekax-aspects */
.tekax-aspects {
    background-color: #CAA6A6; /* Color de fondo */
    padding: 20px; /* Espaciado interno */
    border-radius: 10px; /* Borde redondeado */
    margin-bottom: 20px; /* Margen inferior */
    text-align: center; /* Centrar el texto */
}

.tekax-aspects h2 {
    color: #944E63; /* Color de texto oscuro */
}

.tekax-aspects ul {
    list-style-type: none; /* Eliminar viñetas */
    padding: 0;
    margin: 0; /* Eliminar margen */
}

.tekax-aspects li {
    margin-bottom: 10px; /* Margen inferior entre elementos de la lista */
    display: flex; /* Usar flexbox para alinear elementos */
    align-items: center; /* Centrar verticalmente los elementos */
    justify-content: center; /* Centrar horizontalmente los elementos */
    text-align: left; /* Alinear texto a la izquierda */
}

.tekax-aspects li img {
    width: 100px; /* Ancho fijo para todas las imágenes */
    height: 100px; /* Altura fija para todas las imágenes */
    margin-right: 30px; /* Espaciado a la derecha de la imagen */
    border-radius: 50%; /* Borde redondeado */
}

.tekax-aspects li strong {
    color: #944E63; /* Color de texto oscuro */
}

/* Estilos para la sección tekax-gallery */
.tekax-gallery {
    background-color: #FFE7E7; /* Color de fondo */
    padding: 20px; /* Espaciado interno */
    border-radius: 10px; /* Borde redondeado */
    margin-bottom: 20px; /* Margen inferior */
    text-align: center; /* Centrar el texto */
}

.tekax-gallery h2 {
    color: #944E63; /* Color de texto oscuro */
}

.image-gallery {
    display: flex; /* Mostrar imágenes en línea */
    justify-content: center; /* Centrar imágenes horizontalmente */
    flex-wrap: wrap; /* Envolver imágenes en múltiples líneas si es necesario */
    margin-top: 20px; /* Margen superior entre la galería y el título */
    margin-bottom: 20px; /* Margen inferior */
}

.image-gallery img {
    max-width: 30%; /* Ancho máximo del 30% del contenedor padre */
    border-radius: 10px; /* Borde redondeado */
    margin: 10px; /* Margen entre imágenes */
}