/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


.h2strong strong{
    color:var( --e-global-color-secondary ) !important;
}

.service-black h3 strong{
	color: var( --e-global-color-primary ) !important;
}
header .contact-bold {
	display: none !important
}
footer .contact-bold a{
	font-weight:700 !important; 
	color: var( --e-global-color-accent ) !important;
}

.elementor-button span.elementor-button-icon {
    font-size: 80%;
    position: relative;
    top: -1px;
}

.elementor-widget-text-editor p strong {
    font-weight: 600 !important;
    
}

.about-strong.elementor-widget-text-editor p strong {
    color: var(--e-global-color-62092f4);
}

.dark-red.elementor-widget-text-editor p strong {
    color: var(--e-global-color-62092f4);
}

@media only screen and (max-width:767px){ 
.menu-footer li {
    text-align: center;
    place-items: center;
}
	h1 br, h2 br, h3 br{
		display: none !important;
 	}
}

footer .sub-menu, footer span.sub-arrow {
    display: none !important;
}
/* =============================================
   Elementor Form - Custom Input Styles
   ============================================= */

/* Base: remove box borders, only dotted bottom border */
.elementor-form .elementor-field-textual,
.elementor-form .elementor-select-wrapper select.elementor-field-textual {
    background: transparent !important;
    border: none !important;
    border-bottom: 2px dotted var( --e-global-color-secondary ) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 6px 0 !important;
    color: inherit;
    width: 100%;
    font-family: var(--e-global-typography-a0455b9-font-family), Sans-serif;
    font-size: 26px !important;
    font-weight: 800 !important;
}

.elementor-form .elementor-field-textual:focus,
.elementor-form .elementor-select-wrapper select.elementor-field-textual:focus {
    box-shadow: none !important;
    outline: none !important;
}

/* Remove select wrapper styles */
.elementor-form .elementor-select-wrapper {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* ---- WITHOUT visible label (placeholder is the indicator) ----
   Selector: .elementor-labels- or label has .elementor-screen-only
   Show placeholder in teal italic */
.elementor-form .elementor-field-textual::placeholder {
    color: var( --e-global-color-secondary );
    font-style: italic;
    opacity: 1;
}

/* ---- WITH visible label (elementor-labels-above) ----
   Make placeholder transparent since label already shows the field name */
.elementor-form .elementor-labels-above .elementor-field-textual::placeholder {
    color: transparent !important;
    font-style: normal;
}

/* Label inline al costado del input — ancho automático por flexbox */
.elementor-form .elementor-field-group {
    display: flex;
    align-items: baseline;
    flex-wrap: nowrap;
}

.elementor-form .elementor-field-label {
    color: var(--e-global-color-secondary);
    font-weight: 600;
    font-size: 26px !important;
    white-space: nowrap;
    flex-shrink: 0;
    margin-bottom: 0;
    padding-right: 8px;
    padding-bottom: 10.4px !important;
    border-bottom: 2px dotted var(--e-global-color-secondary) !important;
    margin-right: 2px;
}

/* El input/select ocupa el espacio restante */
.elementor-form .elementor-field-textual,
.elementor-form select {
    flex: 1 1 auto;
    padding-left: 0 !important;
}

/* En móvil: label arriba, input abajo (comportamiento normal) */
@media (max-width: 767px) {
    .elementor-form .elementor-field-group {
        display: block;
    }
    .elementor-form .elementor-field-label {
        display: block;
        white-space: normal;
        font-size: 20px !important;
        border-bottom: none !important;
        padding-bottom: 0 !important;
        margin-bottom: 4px;
        padding-right: 0;
        margin-right: 0;
    }
    .elementor-form .elementor-field-textual,
    .elementor-form select {
        width: 100%;
    }
}

form center {
    margin: 0 auto;
    margin-top: 15px;
}
ul li::marker {
    color: var(--e-global-color-secondary);
}

.elementor-divider-separator {
    border-width: 2px !important;
    border-spacing: 4px !important;
}