.elementor-6384 .elementor-element.elementor-element-5b4fef7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6384 .elementor-element.elementor-element-26c932d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6384 .elementor-element.elementor-element-26c932d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-6384 .elementor-element.elementor-element-5f6fb55 img{border-radius:20px 20px 20px 20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6384 .elementor-element.elementor-element-8fd54db .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:600;}.elementor-6384 .elementor-element.elementor-element-990cc1e{--display:flex;border-style:none;--border-style:none;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-6384 .elementor-element.elementor-element-f9dcf4f{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;}.elementor-6384 .elementor-element.elementor-element-44f501b{--display:flex;border-style:none;--border-style:none;}.elementor-6384 .elementor-element.elementor-element-93969de{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;}.elementor-6384 .elementor-element.elementor-element-23e1c38{--display:flex;border-style:none;--border-style:none;}.elementor-6384 .elementor-element.elementor-element-016a7c5{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;}.elementor-6384 .elementor-element.elementor-element-bf1f715{--display:flex;border-style:none;--border-style:none;}.elementor-6384 .elementor-element.elementor-element-4758157{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;}.elementor-6384 .elementor-element.elementor-element-e418ac1{--display:flex;border-style:none;--border-style:none;}.elementor-6384 .elementor-element.elementor-element-6a87954{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;}.elementor-6384 .elementor-element.elementor-element-db4097f{--display:flex;border-style:none;--border-style:none;}.elementor-6384 .elementor-element.elementor-element-d8cef0e{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;}.elementor-6384 .elementor-element.elementor-element-67a7e03{--n-accordion-title-font-size:18px;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:20px 20px 20px 20px;--n-accordion-icon-size:15px;}:where( .elementor-6384 .elementor-element.elementor-element-67a7e03 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Montserrat", Sans-serif;}.elementor-6384 .elementor-element.elementor-element-7cf2832{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6384 .elementor-element.elementor-element-a613aea{font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:400;}.elementor-widget-table-of-contents{--header-color:var( --e-global-color-secondary );--item-text-color:var( --e-global-color-text );--item-text-hover-color:var( --e-global-color-accent );--marker-color:var( --e-global-color-text );}.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-table-of-contents .elementor-toc__list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-6384 .elementor-element.elementor-element-dc48094 > .elementor-widget-container{border-style:none;}.elementor-6384 .elementor-element.elementor-element-dc48094 .elementor-toc__header-title{text-align:start;}.elementor-6384 .elementor-element.elementor-element-dc48094 .elementor-toc__header, .elementor-6384 .elementor-element.elementor-element-dc48094 .elementor-toc__header-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;}.elementor-6384 .elementor-element.elementor-element-dc48094 .elementor-toc__header{flex-direction:row;}.elementor-6384 .elementor-element.elementor-element-dc48094 .elementor-toc__list-item{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;}.elementor-6384 .elementor-element.elementor-element-dc48094{--item-text-hover-decoration:underline;}.elementor-6384 .elementor-element.elementor-element-ab8b84a{--alignment:center;--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}@media(min-width:768px){.elementor-6384 .elementor-element.elementor-element-26c932d{--width:67.5%;}.elementor-6384 .elementor-element.elementor-element-7cf2832{--width:50%;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-table-of-contents .elementor-toc__list-item{font-size:var( --e-global-typography-text-font-size );} .elementor-6384 .elementor-element.elementor-element-ab8b84a{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-table-of-contents .elementor-toc__list-item{font-size:var( --e-global-typography-text-font-size );} .elementor-6384 .elementor-element.elementor-element-ab8b84a{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}/* Start custom CSS for post-comments, class: .elementor-element-e8d940c *//* Importar Montserrat */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

/* Contenedor principal */
.comment-respond {
    background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);
    padding: 2.5rem;
    border-radius: 24px;
    box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.08);
    margin-top: 2rem;
    border: 1px solid rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
}

/* Ocultar mensaje de usuario conectado y campos obligatorios */
.logged-in-as,
.comment-notes {
    display: none !important;
}

/* Título "¿Déjanos saber lo que piensas?" */
.comment-reply-title {
    font-size: 28px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    background: linear-gradient(135deg, #1e293b, #2d3a4e);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    margin-bottom: 1.5rem;
    position: relative;
    display: inline-block;
}

/* Cambiar el texto del título */
.comment-reply-title:before {
    content: "¿Déjanos saber lo que piensas?";
    background: linear-gradient(135deg, #1e293b, #2d3a4e);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.comment-reply-title span,
.comment-reply-title .fn {
    display: none;
}

.comment-reply-title:after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #3b82f6, #06b6d4);
    border-radius: 3px;
}

.comment-respond .comment-reply-title {
    font-size: 0;
}

.comment-respond .comment-reply-title:before {
    font-size: 28px;
    content: "¿Déjanos saber lo que piensas?";
    display: block;
}

/* Cambiar la etiqueta "Comment" por "Comentar" */
.comment-form-comment label {
    font-size: 0 !important;
}

.comment-form-comment label:before {
    content: "Comentar";
    font-size: 18px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    color: #1e293b;
    display: block;
}

/* Cambiar el placeholder del textarea */
.comment-form-comment textarea::placeholder {
    content: "";
    color: #94a3b8;
}

.comment-form-comment textarea::-webkit-input-placeholder {
    content: "Comenta";
    color: #94a3b8;
}

.comment-form-comment textarea:-moz-placeholder {
    content: "Comenta";
    color: #94a3b8;
}

.comment-form-comment textarea::-moz-placeholder {
    content: "Comenta";
    color: #94a3b8;
}

.comment-form-comment textarea:-ms-input-placeholder {
    content: "Comenta";
    color: #94a3b8;
}

/* Si lo prefieres como "Comentar" en lugar de "Comenta", usa esto en vez de lo anterior */
.comment-form-comment textarea {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
}

/* Forzar el cambio del placeholder por si no funciona con content */
.comment-form-comment textarea {
    font-family: 'Montserrat', sans-serif;
}

/* Alternativa más directa usando atributo placeholder */
.comment-form-comment textarea {
    placeholder: "Comenta" !important;
}

/* Si la opción anterior no funciona, este método con JavaScript es más seguro */
.comment-form-comment textarea {
    font-family: 'Montserrat', sans-serif;
}

/* Campos de formulario */
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
    width: 100%;
    padding: 14px 18px;
    border: 2px solid #e2e8f0;
    border-radius: 16px;
    font-size: 18px;
    transition: all 0.3s;
    background-color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

.comment-form input:focus,
.comment-form textarea:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
    background-color: #ffffff;
}

/* Etiquetas generales */
.comment-form label {
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 8px;
    display: block;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
}

/* Campo de comentario específico */
.comment-form-comment textarea {
    min-height: 180px;
    resize: vertical;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
}

/* Botón Publicar comentario */
.form-submit .submit {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    border: none;
    padding: 16px 36px;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    color: white;
    border-radius: 40px;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
    letter-spacing: 0.5px;
}

.form-submit .submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(59, 130, 246, 0.4);
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
}

.form-submit .submit:active {
    transform: translateY(1px);
}

/* Checkbox de guardar datos */
.comment-form-cookies-consent {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 1.5rem 0;
}

.comment-form-cookies-consent input {
    width: 20px;
    height: 20px;
    accent-color: #3b82f6;
    margin: 0;
}

.comment-form-cookies-consent label {
    margin: 0;
    font-weight: 500;
    font-size: 17px;
    font-family: 'Montserrat', sans-serif;
    color: #475569;
}

/* Responsive */
@media (max-width: 768px) {
    .comment-respond {
        padding: 1.5rem;
    }
    
    .comment-reply-title:before {
        font-size: 24px;
    }
    
    .form-submit .submit {
        width: 100%;
        padding: 14px;
        font-size: 18px;
    }
    
    .comment-form label,
    .comment-form input,
    .comment-form textarea {
        font-size: 16px;
    }
}

/* Efecto sutil en los campos */
.comment-form input:hover,
.comment-form textarea:hover {
    border-color: #cbd5e1;
}

/* Animación al cargar */
.comment-respond {
    animation: fadeInUp 0.5s ease;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Placeholder más visible */
::placeholder {
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    color: #94a3b8;
    opacity: 1;
}/* End custom CSS */