/*
Theme Name: Hello Biz Child
Theme URI: https://github.com/elementor/hello-biz-child/
Description: Hello Biz Child is a child theme of Hello Biz, created by Elementor team
Author: Elementor Team
Template: hello-biz
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Version: 1.0.0
Stable tag: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: hello-biz-child
Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready, style-variations
*/

/* Add your custom styles here */


.mmcf-login-error {
    position: fixed;
    top: 80px;               /* distancia desde arriba */
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;

    max-width: 420px;
    width: calc(100% - 32px);  /* para que en móvil no quede pegado a los bordes */
    padding: 12px 16px;
    border-radius: 12px;

    background: rgba(254, 242, 242, 0.96);
    border: 1px solid #fecaca;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.25);

    display: flex;
    gap: 0.75rem;
    align-items: flex-start;

    color: #7f1d1d;
    font-size: 0.9rem;
    line-height: 1.45;
}

/* Icono a la izquierda */
.mmcf-login-error::before {
    content: "⚠️";
    font-size: 1.3rem;
    margin-top: 2px;
}

/* Contenido interno */
.mmcf-login-error-main strong {
    font-weight: 600;
    display: block;
    margin-bottom: 2px;
}

.mmcf-login-hint {
    display: block;
    margin-top: 4px;
    font-size: 0.8rem;
    opacity: 0.85;
}

/* Ajuste pequeño para móviles */
@media (max-width: 600px) {
    .mmcf-login-error {
        top: 70px;
        font-size: 0.85rem;
        padding: 10px 12px;
    }
}


/* Estado de carga solo en la grilla de archivos */
.mmcf-files-grid-wrapper.is-loading {
    position: relative;
    opacity: 0.5;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

.mmcf-files-grid-wrapper.is-loading::after {
    content: 'Cargando archivos…';
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 500;
    background: rgba(255, 255, 255, 0.7);
}