/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.6.1773220777
Updated: 2026-03-11 10:19:37

*/

/*============ Denocheydia ============*/

/*Blog*/
.post .entry-title{ display:none;}
/* ==========================================================================
   1. Alineación y estructura del área de comentarios (Fuera de Elementor)
   ========================================================================== */

.comments-area {
    /* Usa la variable global de ancho de Elementor, con un fallback de 1140px por seguridad */
    max-width: var(--e-con-inner-width, 1140px); 
    margin: 40px auto; /* Centra el bloque horizontalmente y da un respiro superior/inferior */
    padding: 0 20px; /* Evita que el texto pegue en los bordes en dispositivos móviles */
    box-sizing: border-box;
    width: 100%;
}

/* Evitar que el textarea nativo rompa el layout en móviles por el atributo cols="45" */
#respond textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* ==========================================================================
   2. Estilos del Botón de Enviar Comentario (Heredado de Elementor)
   ========================================================================== */

#respond #submit {
    background-color: var( --e-global-color-secondary );
    font-family: "Cormorant Infant", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    border-style: solid;
    border-width: 2px;
    border-color: var( --e-global-color-secondary );
    border-radius: 10px;
    padding: 12px 30px; /* Añadimos padding para darle cuerpo al botón (ajustable) */
    cursor: pointer;
    transition: all 0.3s ease-in-out; /* Transición fluida para el hover */
    display: inline-block;
}

/* Estado Hover y Focus del Botón */
#respond #submit:hover, 
#respond #submit:focus {
    background-color: #FFFFFF;
    color: var( --e-global-color-secondary );
    outline: none; /* Elimina el borde azul por defecto de los navegadores en focus */
}