/*
Theme Name: Tu Especialista Web - Branding Agency
Theme URI: https://tuespecialistaweb.com/
Template: royal-elementor-kit
Author: Eric Montero - Tu Especialista Web
Author URI: https://tuespecialistaweb.com/
Description: Theme personalizado desde Tu Especialista Web con base Elementor - Royal Elementor
Version: 1.0.135.1748895626
Updated: 2025-06-02 20:20:26

*/

/*Formulario contacto*/
input.wpcf7-form-control.wpcf7-submit.has-spinner {
font-family: "Righteous", Sans-serif !important;border-color: #2070FB !important;background: #2070FB!important;
color: #FFFFFF !important;width: 100% !important;}

/*Formulario contacto*/
input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {	
background: #FFFFFF !important;color: #2070FB !important;}

input[type="text"], input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="url"], select, textarea {
font-family: "Righteous", Sans-serif !important;	
width: 100% !important;
border: solid 1px #000000!important;
border-radius: 3px!important;}

.privacy-div {color: #ffffff !important;font-family: "Righteous", Sans-serif !important;}
.privacy-div a:hover{color: #2070FB !important;}
span.wpcf7-form-control-wrap {padding-right: 7px!important;}

/*Cuadros servicios*/
div#c1 { z-index: 1000 !important;}div#c2 { z-index: 1100 !important;}div#c3 { z-index: 1200 !important;}div#c4 { z-index: 1300 !important;}


/* ==== Cursor personalizado dinámico ==== */
/* body {
    cursor: none!important; /* Oculta el cursor por defecto */
/* } */

/* Círculo base */
.custom-cursor {
    position: fixed;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
    background-color: #357CF9;
    border: 2px solid #357CF9;
    border-radius: 50%;
    color: #ffffff;
    font-family: "Poppins", Sans-serif;
    font-weight: 500;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    transform: scale(0); /* ← antes estaba translate(-50%, -50%) scale(0) */
    transition: transform 0.25s ease, box-shadow 0.25s ease, opacity 0.2s ease;
    z-index: 9999;
    box-shadow: 0 10px 25px rgba(53, 124, 249, 0.35);
    opacity: 0;
    text-align: center;
}

/* Cuando está activo (hover sobre un bloque) */
.custom-cursor.active {
transform: translate(-50%, -50%) scale(1)!important;
opacity: 1!important;
box-shadow: 0 15px 35px rgba(53, 124, 249, 0.55)!important;}

/* Texto dentro del círculo */
.cursor-text {
padding: 10px!important;
line-height: 1.2em;!important;}

/* --- Ajustes opcionales --- */
/* En pantallas pequeñas, hazlo más pequeño */
@media (max-width: 768px) {
.custom-cursor {
width: 100px!important;
height: 100px!important;
font-size: 11px!important;}}