/*
Theme Name: webcomercios
Template: kadence
*/

/* Estilo para las imágenes de los testimonios */
#testimonios .img-fluid {
    width: 150px;
    height: 150px;
    object-fit: cover;
    margin: 0 auto;
    display: block;
}

/* Estilo para centrar y redimensionar imágenes en otros contextos */
#presentacion .img-fluid,
#caracteristicas-ventajas .img-fluid,
#web-profesional .img-fluid {
    display: block;
    margin: 0 auto;
    width: 100%; /* Para que ocupe todo el ancho en dispositivos móviles */
}

@media (min-width: 768px) {
    #presentacion .img-fluid,
    #caracteristicas-ventajas .img-fluid,
    #web-profesional .img-fluid {
        width: 59%; /* Tamaño reducido para dispositivos más grandes */
    }
}

/* Estilo para el botón del acordeón */
.card-header .btn-link {
    color: #FF8C00;
    text-decoration: none;
}

.card-header .btn-link:hover {
    color: black;
}

/* Estilo para los botones de los planes de precios */
#precios .btn {
    background-color: #FF8C00;
    color: black;
}

/* Estilo para las tablas de precios */
.pricing-table {
    display: none;
}

.pricing-table.active {
    display: block;
}

/* Estilo adicional para asegurar que los botones de precios se vean bien */
.btn-group-toggle button {
    margin: 0 5px;
}

/* Asegurando que los textos en móviles y escritorio se vean naranjas */
.text-orange-dark {
    color: #FF8C00 !important;
}

/* Estilo para la sección de preguntas frecuentes */
#faq .card {
    background-color: white;
}

#faq .card-header .btn-link {
    color: #FF8C00;
}

#faq .card-header .btn-link:hover {
    color: black;
}

#faq .card-header .btn-link.collapsed:not(.collapsed),
#faq .card-header .btn-link[aria-expanded="true"] {
    background-color: #FF8C00;
    color: white;
}

#faq .card-header .btn-link[aria-expanded="true"] .btn-link {
    color: white;
}

/* Estilo para la nueva sección de contacto */
#contacto h2 {
    color: #FF8C00;
}