/*
Theme Name: DR Victor Serra Child
Theme URI: https://tuespecialistaweb.com/
Template: royal-elementor-kit
Author: Eric Montero
Author URI: https://tuespecialistaweb.com/
Version: 1.0.143.1775748199
Updated: 2026-04-09 15:23:19

*/

html {
    overflow-x: hidden;
}

body {
    margin: 0;
    min-width: 100%;
    overflow-x: visible;
}

/* Efecto logo*/
/* LOGO CLEAN PREMIUM */
a:has(#logo-clean-effect),
.elementor-widget-image:has(#logo-clean-effect),
.elementor-image:has(#logo-clean-effect) {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 8px;
}

#logo-clean-effect {
  display: block;
  position: relative;
  z-index: 2;
  transition: transform .35s ease, filter .35s ease;
}

/* Brillo principal */
a:has(#logo-clean-effect)::before,
.elementor-widget-image:has(#logo-clean-effect)::before,
.elementor-image:has(#logo-clean-effect)::before {
  content: "";
  position: absolute;
  top: -35%;
  left: -70%;
  width: 32%;
  height: 170%;
  background: linear-gradient(
    115deg,
    transparent 0%,
    rgba(255,255,255,0) 20%,
    rgba(255,255,255,0.85) 45%,
    rgba(122,220,255,0.55) 55%,
    rgba(255,255,255,0) 80%,
    transparent 100%
  );
  transform: skewX(-24deg);
  opacity: 0;
  z-index: 5;
  pointer-events: none;
}

/* Aura limpia */
a:has(#logo-clean-effect)::after,
.elementor-widget-image:has(#logo-clean-effect)::after,
.elementor-image:has(#logo-clean-effect)::after {
  content: "";
  position: absolute;
  inset: -10px;
  background: radial-gradient(
    circle at 20% 50%,
    rgba(120,210,255,0.35),
    rgba(255,255,255,0) 55%
  );
  opacity: 0;
  filter: blur(10px);
  z-index: 1;
  pointer-events: none;
}

/* Hover */
a:has(#logo-clean-effect):hover #logo-clean-effect,
.elementor-widget-image:has(#logo-clean-effect):hover #logo-clean-effect,
.elementor-image:has(#logo-clean-effect):hover #logo-clean-effect {
  transform: translateY(-1px) scale(1.025);
  filter: brightness(1.12) saturate(1.08);
}

a:has(#logo-clean-effect):hover::before,
.elementor-widget-image:has(#logo-clean-effect):hover::before,
.elementor-image:has(#logo-clean-effect):hover::before {
  animation: logo-clean-sweep .95s cubic-bezier(.25,.8,.25,1) forwards;
}

a:has(#logo-clean-effect):hover::after,
.elementor-widget-image:has(#logo-clean-effect):hover::after,
.elementor-image:has(#logo-clean-effect):hover::after {
  animation: logo-clean-glow .95s ease forwards;
}

@keyframes logo-clean-sweep {
  0% {
    left: -70%;
    opacity: 0;
  }

  18% {
    opacity: 1;
  }

  100% {
    left: 130%;
    opacity: 0;
  }
}

@keyframes logo-clean-glow {
  0% {
    opacity: 0;
    transform: scale(.96);
  }

  35% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: scale(1.08);
  }
}


/* Formulario contacto PopUp */
div#ct-pop .cf7-popup-cita input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: #1673D0 !important;
    transition: all 0.4s ease !important;
    border: 2px solid #1673D0 !important;
    color: #FFFFFF !important;
    border-radius: 4px !important;
    width: 100% !important;
    font-family: "Inter", Sans-serif !important;
}

div#ct-pop .cf7-popup-cita input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
    background-color: #FFFFFF !important;
    border-color: #1673D0 !important;
    color: #1673D0 !important;
}

div#ct-pop .cf7-popup-cita .wpcf7 label,
div#ct-pop .cf7-popup-cita .wpcf7-quiz-label {
    width: 100% !important;
    font-family: "Inter", Sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    color: #000000 !important;
}

div#ct-pop .cf7-popup-cita input[type="text"],
div#ct-pop .cf7-popup-cita input[type="date"],
div#ct-pop .cf7-popup-cita input[type="email"],
div#ct-pop .cf7-popup-cita input[type="number"],
div#ct-pop .cf7-popup-cita input[type="password"],
div#ct-pop .cf7-popup-cita input[type="search"],
div#ct-pop .cf7-popup-cita input[type="tel"],
div#ct-pop .cf7-popup-cita input[type="url"],
div#ct-pop .cf7-popup-cita select,
div#ct-pop .cf7-popup-cita textarea {
    margin-top: 10px !important;
}

div#ct-pop .cf7-popup-cita span.wpcf7-list-item-label {
    line-height: 22px !important;
    font-size: 13px !important;
}


/* Formulario contacto */
.cf7-contacto input[type="text"],
.cf7-contacto input[type="date"],
.cf7-contacto input[type="email"],
.cf7-contacto input[type="number"],
.cf7-contacto input[type="password"],
.cf7-contacto input[type="search"],
.cf7-contacto input[type="tel"],
.cf7-contacto input[type="url"],
.cf7-contacto select,
.cf7-contacto textarea {
    width: 100% !important;
    font-size: 15px !important;
    line-height: 22px !important;
    border: 1px solid #FFFFFF !important;
    border-radius: 3px !important;
    padding: 0.5rem 1rem !important;
    transition: all 0.3s ease !important;
    background: transparent !important;
    font-family: "Inter", Sans-serif !important;
    color: #FFFFFF !important;
}

.cf7-contacto span.wpcf7-form-control-wrap {
    font-size: 14px !important;
    color: #FFFFFF !important;
}

.cf7-contacto input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: #1673D0 !important;
    transition: all 0.4s ease !important;
    border: 2px solid #1673D0 !important;
    color: #FFFFFF !important;
    border-radius: 4px !important;
    width: 100% !important;
    font-family: "Inter", Sans-serif !important;
}

.cf7-contacto input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
    background-color: #FFFFFF !important;
    border-color: #1673D0 !important;
    color: #1673D0 !important;
}

/* Placeholder inputs normales */
.cf7-contacto input::placeholder,
.cf7-contacto textarea::placeholder {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* Select */
.cf7-contacto select {
    color: #FFFFFF !important;
    background: transparent !important;
}

.cf7-contacto select:invalid {
    color: rgba(255,255,255,0.7) !important;
}

.cf7-contacto option {
    color: #000000 !important;
}

.wpr-offcanvas-content.wpr-offcanvas-content-right.wpr-offcanvas-fade-in {
    width: 350px !important;
}

/*Blog*/
div#blog h2.wp-block-heading {
color: #1673D0 !important;font-size: 32px !important;font-family: "Manrope", Sans-serif;}

div#blog h3.wp-block-heading {
color: #1673D0 !important;font-size: 25px !important;font-family: "Manrope", Sans-serif;}

div#blog h4.wp-block-heading {
color: #1673D0 !important;font-size: 20px !important;font-family: "Manrope", Sans-serif;}

div#blog ul.wp-block-list {padding-bottom: 8px;!important;}
div#blog ol.wp-block-list {padding-bottom: 8px;!important;}