/*
 Theme Name:   Carenow Child
 Theme URI:    http://example.com/carenow-child/
 Description:  Carenow Child Theme
 Author:       Antigravity
 Author URI:   http://example.com
 Template:     carenow
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, responsive-layout, accessibility-ready
 Text Domain:  carenow-child
*/
/* 1. COLOR DEL BOTÓN (El círculo/cuadrado de fondo) */
.go-top {
    background-color: #11468D !important; /* Azul oscuro de tu marca */
    color: #ffffff !important;            /* Color de la flecha */
    border: none !important;              /* Por si tiene bordes heredados */
    transition: all 0.3s ease !important;
}

/* 2. COLOR DE LA FLECHA INTERNA */
.go-top i, 
.go-top:before {
    color: #ffffff !important;
}

/* 3. COLOR AL PASAR EL RATÓN (Hover) */
.go-top:hover {
    background-color: #00A2E8 !important; /* Cambia a tu azul claro */
    color: #ffffff !important;
}

/* 4. ASEGURAR QUE LA FLECHA SIGA BLANCA EN HOVER */
.go-top:hover i {
    color: #ffffff !important;
}
.servicesp {
    margin-top: -20px !important;   
    margin-bottom: 15px !important; 
    line-height: 1.5 !important;  
    display: block !important;
}
/*Ajuste de linea de titulos */
@media (max-width: 767px){

  #slider-2-slide-3-layer-1,
  #slider-2-slide-4-layer-1{
    line-height: 1.05 !important;  
    margin-bottom: 6px !important; 
  }

}
/* ESTADO NORMAL: Forzamos el Azul Oscuro */
.rev-btn[id*="layer-2"],
rs-layer[data-id*="layer-2"] {
    background-color: #00A2E8 !important;
    border-color: #00A2E8 !important;
    color: #ffffff !important;
    /* Forzamos que el navegador siempre esté listo para animar estos cambios */
    transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/*ESTADO HOVER: Forzamos el Azul Claro y BLOQUEAMOS el retorno */
/* Usamos el selector de atributo para ganar a cualquier estilo del plugin */
.rev-btn[id*="layer-2"]:hover,
rs-layer[data-id*="layer-2"]:hover,
.rev-btn[id*="layer-2"][data-state="hover"] {
    background-color: #ffffff !important;
    border-color: #00A2E8 !important;
    color:#00A2E8 !important;
    /* Eliminamos el brillo que ensucia la animación */
    filter: none !important;
    -webkit-filter: none !important;
    
    /* Obligamos a que la animación de entrada ocurra */
    transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Si el slider usa una capa extra para la animación, la pintamos de azul claro */
.rev-btn[id*="layer-2"]:before,
.rev-btn[id*="layer-2"]:after {
    background-color: #ffffff !important;
    content: "" !important;
}

/* 1. ESTILO GLOBAL (Para todos los dispositivos) */
.tficonbox .tf-button {
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15) !important; 
    transition: all 0.3s ease-in-out !important;
}

.tficonbox .tf-button:hover {
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.2) !important;
    transform: translateY(-2px) !important; 
}

/* ===== RESPONSIVE TABLET (768px - 1200px) ===== */
@media (min-width: 768px) and (max-width: 1200px) {

  /* Mostrar sección tablet */
  .elementor-element-637fb2c {
      display: block !important;
  }

  /* Ocultar sección desktop/mobile */
  .elementor-element-d98dcc9 {
      display: none !important;
  }
}

/* ===== FUERA DE TABLET ===== */
@media (max-width: 767px), (min-width: 1201px) {

  /* Ocultar sección tablet */
  .elementor-element-637fb2c {
      display: none !important;
  }

  /* Ocultar también 347bfbc fuera de tablet */
  .elementor-element-347bfbc {
      display: none !important;
  }
}


.tf-services-wrap .services-post .title {
    font-size: 16px;