/* 
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
*/
b, strong {
  font-weight: 500;
}

/* Add your custom styles here */
/* Ocultar mensajes nativos de JetFormBuilder */
.jet-form-builder-message,
.jet-form-builder-message--success,
.jet-form-builder-message--error {
    display: none !important;
}

/* Contenedor del mensaje de error */
.jet-form-builder-message--error {
    font-size: 15px;
    line-height: 1.55;
    color: #b71c1c !important;
    font-family: "Montserrat", sans-serif;
    margin-top: 10px;
}

/* Botón WhatsApp estilo pill */
.dg-otp-wa-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    background-color: #25D366; /* Verde WhatsApp */
    color: #fff !important;

    padding: 10px 20px;
    border-radius: 999px; /* Pill */
    text-decoration: none !important;

    font-size: 15px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    letter-spacing: .3px;

    transition: all 0.2s ease-in-out;
}

/* Hover */
.dg-otp-wa-btn:hover {
    background-color: #1eb759;
    transform: translateY(-1px);
}

/* Active */
.dg-otp-wa-btn:active {
    transform: translateY(0);
}

/* Ícono Feather dentro del botón */
.dg-otp-wa-btn svg {
    width: 20px;
    height: 20px;
    stroke-width: 2.2;
}
/* Por defecto: mostrar solo el paso 1 */
.dg-otp-form-login-verify {
  display: none;
}

/* Cuando estamos en paso 2 */
body.dg-otp-step-2 .dg-otp-form-login-request {
  display: none;
}

body.dg-otp-step-2 .dg-otp-form-login-verify {
  display: block;
}

.cmcp-wa-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #25D366;
    color: #fff;
    text-decoration: none;
    border-radius: 18px 18px 18px 6px;
    line-height: 1;
    transition: transform .15s ease, opacity .15s ease;
}

.cmcp-wa-btn::before {
    font-family: "Font Awesome 5 Brands";
    content: "\f232";
    font-weight: 400;
    color: #fff;
    line-height: 1;
}

.cmcp-wa-btn:hover,
.cmcp-wa-btn:focus {
    color: #fff;
    text-decoration: none;
    opacity: .9;
    transform: scale(1.04);
}

.cmcp-wa-btn-48 {
    width: 48px;
    height: 48px;
    min-width: 48px;
    font-size: 36px;
}

.cmcp-wa-btn-36 {
    width: 36px;
    height: 36px;
    min-width: 36px;
    font-size: 24px;
}