/**
Theme Name: Datosfera Astra Child
Author: Datosfera S.A.S
Author URI: http://wpastra.com/about/
Description: Datosfera Astra Child es un tema hijo personalizado por la agencia Datosfera S.A.S, diseñado específicamente para clientes que utilizan el tema Astra. Este child theme ha sido creado para ofrecer una solución flexible y optimizada, permitiendo realizar personalizaciones avanzadas sin afectar la funcionalidad del tema padre. Incluye ajustes de diseño, estilos CSS personalizados y funcionalidades adicionales que mejoran la experiencia del usuario y el rendimiento del sitio web.

Con este child theme, los clientes de Datosfera S.A.S pueden disfrutar de un sitio web único y adaptado a sus necesidades, manteniendo la posibilidad de actualizar el tema Astra sin perder las personalizaciones realizadas. Además, se han implementado buenas prcticas de desarrollo para garantizar un código limpio, eficiente y fácil de mantener.

Este tema es ideal para empresas que buscan una solución profesional y personalizada, respaldada por el expertise de Datosfera S.A.S en desarrollo web y diseño de experiencias digitales.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: datosfera-astra-child
Template: astra
*/
/* 🔹 Eliminar bordes y fondo del botón del carrito en Elementor */
.elementor-menu-cart__toggle_button {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-width: auto !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

/* 🔹 Ajustar tamaño del icono del carrito */
.elementor-menu-cart__toggle_button .elementor-button-icon {
    font-size: 24px !important; /* Ajusta el tamaño del icono */
    color: #000 !important; /* Cambia el color del icono si es necesario */
}

/* 🔹 Ocultar el texto del botón (si existe) */
.elementor-menu-cart__toggle_button .elementor-button-text {
    display: none !important;
}

/* 🔒 Estilizar el formulario de contraseña */
.post-password-form {
    max-width: 400px;
    margin: 50px auto;
    padding: 20px;
    background: #f7f7f7;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}

/* 📌 Modificar el campo de contraseña */
.post-password-form input[type="password"] {
    width: 100%;
    padding: 12px;
    border: 2px solid #ead637; /* Cambia el color del borde */
    border-radius: 6px;
    font-size: 16px;
    text-align: center;
}

/* 🎨 Botón de envío */
.post-password-form input[type="submit"] {
    background: #ead637; /* Amarillo */
    color: #000;
    border: none;
    padding: 12px 20px;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.post-password-form input[type="submit"]:hover {
    background: #d1bc2e; /* Un poco más oscuro */
}