/*
Theme Name: Kindori Child
Theme URI: http://demo.cmssuperheroes.com/themeforest/kindori/
Author: CMSSuperHeroes
Author URI: http://themeforest.net/user/CMSSuperHeroes
Description: Kindori WordPress theme crafted for kindergarten and preschool, child care and nursery, education and children related endeavors, Kindori is a visually impressive, creative and vibrant, well structured, feature rich and responsive WordPress Theme. Kindori is a perfect Theme for projects that strongly focus on handling children or related to kids and their growing activities.
Version: 2.0.4
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: kindori-child
Template:     kindori
Tags: child care, children, kids, kindergarten, kindergarten wordpress, nursery, parents, preschool, school, timetable, toddlers, education, teacher, elearning.
*/

/* =======================================================
   CORRECCIÓN DE COLOR DE BOTONES (Verde #6abb55 + Hover restaurado)
   ======================================================= */

/* 1. ESTADO NORMAL: Cambiar el rosa por VERDE */
.btn, 
button, 
.button, 
input[type="submit"] {
  background-color: #6abb55 !important;
  border-color: #6abb55 !important;
}

/* 2. ESTADO HOVER (Ratón encima): Restaurar el morado oscuro original */
/* Esto soluciona que hayas perdido el efecto al pasar el ratón */
.btn:hover, 
button:hover, 
.button:hover, 
input[type="submit"]:hover {
  background-color: #271344 !important;
  border-color: #271344 !important;
  color: #fff !important;
}

/* 3. BOTONES SECUNDARIOS: Que al pasar el ratón se pongan VERDES (antes se ponían rosas) */
.btn.btn-secondary:hover, 
.btn.btn-secondary:focus {
  background-color: #6abb55 !important;
  border-color: #6abb55 !important;
}

/* Otros estilos secundarios (Outline, Texto, etc) */
.btn.btn-primary-noborder {
  color: #6abb55 !important;
}

.btn.btn-outline {
  color: #6abb55 !important;
  border-color: #6abb55 !important;
}
.btn.btn-outline:hover {
  background-color: #6abb55 !important;
  color: #fff !important;
}

.btn.btn-outline-secondary:hover, 
.btn.btn-outline-secondary:focus {
  border-color: #6abb55 !important;
  color: #6abb55 !important;
}

/* Iconos personalizados */
.btn-icon-custom.bg-ps a {
  background-color: #6abb55 !important;
  border-color: #6abb55 !important;
}
.btn-icon-custom.bg-ps i {
  color: #6abb55 !important;
}
/* Al hacer hover en iconos que se ponían rosas, ahora se ponen verdes */
.btn-icon-custom.bg-sp:hover a,
.btn-icon-custom.bg-wp:hover a {
  background-color: #6abb55 !important;
  border-color: #6abb55 !important;
}
.btn-icon-custom.bg-sp:hover a i,
.btn-icon-custom.bg-wp:hover a i {
  color: #6abb55 !important;
}

/* =======================================================
   CAMBIO COLOR MENÚ (De Rosa #ff4880 a Verde #6abb55)
   ======================================================= */

.header-layout1 .primary-menu > li:hover > a, 
.header-layout1 .primary-menu > li.current_page_item > a, 
.header-layout1 .primary-menu > li.current-menu-item > a, 
.header-layout1 .primary-menu > li.current_page_ancestor > a, 
.header-layout1 .primary-menu > li.current-menu-ancestor > a {
    background-color: #6abb55 !important;
}

/* =======================================================
   CAMBIO COLOR SUB-MENÚ (De Rosa #ff4880 a Verde #6abb55)
   ======================================================= */

.primary-menu .sub-menu li > a:hover, 
.primary-menu .children li > a:hover, 
.primary-menu .sub-menu li.current_page_item > a, 
.primary-menu .children li.current_page_item > a, 
.primary-menu .sub-menu li.current-menu-item > a, 
.primary-menu .children li.current-menu-item > a, 
.primary-menu .sub-menu li.current_page_ancestor > a, 
.primary-menu .children li.current_page_ancestor > a, 
.primary-menu .sub-menu li.current-menu-ancestor > a, 
.primary-menu .children li.current-menu-ancestor > a {
    color: #6abb55 !important;
}

/* =======================================================
   CAMBIO COLOR BUSCADOR HEADER (Azul #2c97b6)
   ======================================================= */

/* Color del borde discontinuo exterior */
#site-header-wrap.header-layout1 .site-header-main .site-header-right .site-header-search {
    border-color: #2c97b6 !important;
}

/* Color de fondo del botón (lupa) */
#site-header-wrap.header-layout1 .site-header-main .site-header-right .h-btn-search {
    background-color: #2c97b6 !important;
}

/* =======================================================
   CAMBIO COLOR SUBTÍTULOS (De Rosa #ff4880 a Azul #2c97b6)
   ======================================================= */

.cms-heading-layout1 .custom-subheading {
    color: #2c97b6 !important;
}

/* =======================================================
   CAMBIO COLOR BOTÓN SCROLL TOP (De Rosa #ff4880 a Azul #2c97b6)
   ======================================================= */

.scroll-top {
    background-color: #2c97b6 !important;
}

/* =======================================================
   CAMBIO COLOR CTA (De Rosa #ff4880 a Verde #6abb55)
   ======================================================= */

.cms-cta .inner-cms-cta .item--button .btn-primary {
    background-color: #6abb55 !important;
    border-color: #6abb55 !important;
}

/* =======================================================
   CAMBIO SOMBRA HOVER CTA (A Verde Oscuro #457438)
   ======================================================= */

.cms-cta.layout1 .inner-cms-cta .item--button .btn-cta.shadow-on:hover {
    box-shadow: 0 5px 0 #457438 !important;
}

/* =======================================================
   CAMBIO COLOR CITA EN CTA (De Rosa #ff4880 a Verde #6abb55)
   ======================================================= */

.cms-cta .inner-cms-cta .item--title cite {
    color: #6abb55 !important;
}

/* =======================================================
   CAMBIO COLOR ICONO TESTIMONIOS (De Rosa #ff4880 a Azul #2c97b6)
   ======================================================= */

.cms-testimonial-carousel1 .testimonial-holder .arrow-quote svg g path {
    fill: #2c97b6 !important;
}

/* =======================================================
   CAMBIO BORDE IMAGEN TESTIMONIOS (De Rosa #ff4880 a Azul #2c97b6)
   ======================================================= */

.cms-testimonial-carousel1 .testimonial-image {
    border-color: #2c97b6 !important;
}

/* =======================================================
   CAMBIO COLOR BOTÓN LEER MÁS (De Rosa #ff4880 a Verde #6abb55)
   ======================================================= */

.cms-post-carousel-layout1 .carousel-item-inner .entry-readmore .btn-more {
    color: #6abb55 !important;
}

/* =======================================================
   CAMBIO COLOR SUBRAYADO LEER MÁS (De Rosa #ff4880 a Verde #6abb55)
   ======================================================= */

.cms-post-carousel-layout1 .carousel-item-inner .entry-readmore .btn-more:after {
    background-color: #6abb55 !important;
}

/* =======================================================
   CAMBIO GRADIENTE GALERÍA (Tonos Azules: #6dd5ed a #2c97b6)
   ======================================================= */

.cms-gallery-carousel .gallery-item .entry-featured:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6dd5ed), to(#2c97b6)) !important;
    background-image: -webkit-linear-gradient(top, #6dd5ed, #2c97b6) !important;
    background-image: -moz-linear-gradient(top, #6dd5ed, #2c97b6) !important;
    background-image: -ms-linear-gradient(top, #6dd5ed, #2c97b6) !important;
    background-image: -o-linear-gradient(top, #6dd5ed, #2c97b6) !important;
    background-image: linear-gradient(top, #6dd5ed, #2c97b6) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#6dd5ed', endColorStr='#2c97b6') !important;
}

/* =======================================================
   CAMBIO COLOR VALOR CAJA CLASES (De Rosa #ff4880 a Azul #2c97b6)
   ======================================================= */

.cms-classes-carousel .classes-item .entry-meta .item-box .box-value {
    color: #2c97b6 !important;
}

/* =======================================================
   CAMBIO COLOR ICONO BOTÓN (De Rosa #ff4880 a Negro #000000)
   ======================================================= */

.cms-button-wrapper.cms-button-layout1 .btn-primary .btn-icon i {
    color: #000000 !important;
}

/* =======================================================
   CAMBIO COLOR PRECIO CLASES (De Rosa #ff4880 a Azul #2c97b6)
   ======================================================= */

.cms-classes-list .class-list-item .classes-item .entry-body .item-price {
    color: #2c97b6 !important;
}

/* =======================================================
   CAMBIO FONDO CAJA CONTACTO (De Amarillo #ffc000 a Azul #2c97b6)
   ======================================================= */

.cms-contact-info4 .inner-box {
    background-color: #2c97b6 !important;
}

/* =======================================================
   CAMBIO FONDO TÍTULO CONTACTO (De Azul Claro #1ab9ff a Azul #2c97b6)
   ======================================================= */

.cms-contact-info4 .inner-box .entry-title {
    background-color: #2c97b6 !important;
}

/* =======================================================
   CAMBIO FONDO TÍTULO CLASES (De Naranja #ffc000 a Amarillo #f4e254)
   ======================================================= */

.cms-classes-info .inner-layout .class-el-title {
    background-color: #6abb55 !important;
}

/* =======================================================
   CAMBIO FONDO TÍTULO LISTA CLASES (De Verde Claro #abcd52 a Verde #6abb55)
   ======================================================= */

.cms-classes-list .class-el-title .custom-heading {
    background-color: #2c97b6 !important;
}

/* =======================================================
   CAMBIO BORDE DECORATIVO SUBMENÚ (Verde #6abb55 con 30% transparencia)
   ======================================================= */

.primary-menu .sub-menu:after, 
.primary-menu .children:after {
    border-color: rgba(106, 187, 85, 0.3) !important;
}

/* =======================================================
   CAMBIO COLOR FLECHA SUBMENÚ (De Rosa #ff4880 a Negro #000000)
   ======================================================= */

.primary-menu .sub-menu li a:before, 
.primary-menu .children li a:before {
    color: #000000 !important;
}

/* =======================================================
   CAMBIO COLOR MIGAS DE PAN (De Naranja #ffc000 a Amarillo #f4e254)
   ======================================================= */

.cms-breadcrumb {
    color: #f4e254 !important;
}

/* =======================================================
   CAMBIO COLOR MIGAS DE PAN (SOLO EN HOVER -> Azul #2c97b6)
   ======================================================= */

.cms-breadcrumb a:hover {
    color: #2c97b6 !important;
}

/* =======================================================
   FONDO PLANO EN CABECERA DE POSTS (Sin imagen)
   ======================================================= */

body.single-post #pagetitle {
    background-image: none !important;
    background-color: #2c97b6 !important; /* Tu color azul */
    padding-top: 80px !important; /* Ajuste de altura opcional */
    padding-bottom: 80px !important;
}

/* =======================================================
   CAMBIO COLOR ICONO BÚSQUEDA MODAL (De Rosa #ff4880 a Blanco #ffffff)
   ======================================================= */

.cms-modal-search .search-submit {
    color: #ffffff !important;
}

/* =======================================================
   CAMBIO FONDO BOTÓN CERRAR MODAL (De Rosa #ff4880 a Azul #2c97b6)
   ======================================================= */

.cms-modal-close {
    background-color: #2c97b6 !important;
}

/* =======================================================
   CENTRAR ICONO BÚSQUEDA MODAL
   ======================================================= */

.cms-modal-search .search-submit {
    text-align: center !important;
}

/* =======================================================
   CAMBIO COLOR LEER MÁS ARCHIVO (De Rosa #ff4880 a Verde #6abb55)
   ======================================================= */

.single-hentry.archive .entry-readmore .btn-more {
    color: #6abb55 !important;
}

/* =======================================================
   CAMBIO COLOR SUBRAYADO LEER MÁS ARCHIVO (De Rosa #ff4880 a Verde #6abb55)
   ======================================================= */

.single-hentry.archive .entry-readmore .btn-more:after {
    background-color: #6abb55 !important;
}

/* =======================================================
   CAMBIO HOVER DATOS TOPBAR (De Rosa #ff4880 a Azul #2c97b6)
   ======================================================= */

#site-header-wrap.header-layout1 .site-topbar .inner-container .item-phone a:hover, 
#site-header-wrap.header-layout1 .site-topbar .inner-container .item-adderess a:hover, 
#site-header-wrap.header-layout1 .site-topbar .inner-container .item-time a:hover {
    color: #2c97b6 !important;
}

/* =======================================================
   CAMBIO FONDO TOGGLE MENÚ (De Rosa #ff4880 a Verde #6abb55)
   ======================================================= */

.main-menu-toggle {
    background-color: #6abb55 !important;
}

/* =======================================================
   ESTILOS BUSCADOR HEADER (Distinción PC vs Móvil)
   ======================================================= */



/* 2. SOLO MÓVILES (Pantallas menores a 767px) -> BLANCO */
/* He bajado de 991px a 767px para que solo afecte a teléfonos */
@media (max-width: 767px) {
    #site-header-wrap.header-layout1 .site-header-main .site-header-right .h-btn-search {
        background-color: #ffffff !important;
        color: #2c97b6 !important;
    }
}

/* =======================================================
   CAMBIO COLOR HOVER TÍTULOS ENTRADAS (De Rosa #ff4880 a Verde #6abb55)
   ======================================================= */

.entry-title a:hover {
    color: #6abb55 !important;
}

/* =======================================================
   CAMBIO GRADIENTE CARRUSEL CLASES (Tonos Verdes: #abcd52 a #6abb55)
   ======================================================= */

.cms-classes-carousel .classes-item .entry-featured:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#abcd52), to(#6abb55)) !important;
    background-image: -webkit-linear-gradient(top, #abcd52, #6abb55) !important;
    background-image: -moz-linear-gradient(top, #abcd52, #6abb55) !important;
    background-image: -ms-linear-gradient(top, #abcd52, #6abb55) !important;
    background-image: -o-linear-gradient(top, #abcd52, #6abb55) !important;
    background-image: linear-gradient(top, #abcd52, #6abb55) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#abcd52', endColorStr='#6abb55') !important;
}

/* =======================================================
   CAMBIO COLOR LEER MÁS EVENTOS (De Rosa #ff4880 a Verde #6abb55)
   ======================================================= */

.cms-cmsevents-grid.layout2 .grid-item-inner .cmsevents-item .entry-readmore .btn-more {
    color: #6abb55 !important;
}

/* =======================================================
   CAMBIO COLOR SUBRAYADO LEER MÁS EVENTOS (De Rosa #ff4880 a Verde #6abb55)
   ======================================================= */

.cms-cmsevents-grid.layout2 .grid-item-inner .cmsevents-item .entry-readmore .btn-more:after {
    background-color: #6abb55 !important;
}

/* =======================================================
   CAMBIO COLOR OVERLAY LISTA CLASES (Azul #2c97b6 con 40% transparencia)
   ======================================================= */

.cms-classes-list .class-list-item .classes-item .entry-featured a:after {
    background-color: rgba(44, 151, 182, 0.4) !important;
}

/* =======================================================
   CAMBIO GRADIENTE ARCHIVO CLASES (Tonos Verdes: #abcd52 a #6abb55)
   ======================================================= */

.archive-classes-hentry .classes-item .entry-featured:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#abcd52), to(#6abb55)) !important;
    background-image: -webkit-linear-gradient(top, #abcd52, #6abb55) !important;
    background-image: -moz-linear-gradient(top, #abcd52, #6abb55) !important;
    background-image: -ms-linear-gradient(top, #abcd52, #6abb55) !important;
    background-image: -o-linear-gradient(top, #abcd52, #6abb55) !important;
    background-image: linear-gradient(top, #abcd52, #6abb55) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#abcd52', endColorStr='#6abb55') !important;
}

/* =======================================================
   CAMBIO COLOR VALOR CAJA ARCHIVO CLASES (De Rosa #ff4880 a Azul #2c97b6)
   ======================================================= */

.archive-classes-hentry .classes-item .entry-meta .item-box .box-value {
    color: #2c97b6 !important;
}

/* =======================================================
   EXCEPCIÓN COOKIE BANNER (Restaurar colores originales del Plugin)
   ======================================================= */

/* 1. Botones de "Aceptar" y "Rechazar" (Fondo Azul) */
.cky-btn.cky-btn-accept,
.cky-btn.cky-btn-reject {
    background-color: #1863dc !important;
    border-color: #1863dc !important;
    color: #ffffff !important;
    box-shadow: none !important; /* Quita sombras del tema si las hubiera */
}

/* 2. Botón de "Personalizar" (Fondo Transparente, Borde Azul) */
.cky-btn.cky-btn-customize {
    background-color: transparent !important;
    border-color: #1863dc !important;
    color: #1863dc !important;
    box-shadow: none !important;
}

/* 3. Enlace "Aviso Legal" y otros enlaces del banner */
.cky-notice-des a.cky-policy {
    color: #1863dc !important;
    text-decoration: none !important;
}

/* 4. Asegurar que el HOVER (pasar ratón) no se ponga morado/verde */
.cky-btn.cky-btn-accept:hover,
.cky-btn.cky-btn-reject:hover {
    background-color: #1452b5 !important; /* Un azul un poco más oscuro */
    border-color: #1452b5 !important;
    color: #ffffff !important;
}

.cky-btn.cky-btn-customize:hover {
    background-color: #1863dc !important;
    color: #ffffff !important;
}

/* =======================================================
   CAMBIO BOTÓN CTA BLANCO (Eliminar efecto gradiente + Añadir Sombra)
   ======================================================= */

/* 1. ELIMINAR EL EFECTO DE GRADIENTE ROSA (Ocultamos la capa que hace el efecto) */
.cms-cta .inner-cms-cta .item--button .btn-white.hv-extra:before {
    display: none !important;
}

/* 2. AÑADIR SOMBRA VERDE OSCURA AL PASAR EL RATÓN */
.cms-cta .inner-cms-cta .item--button .btn-white.hv-extra:hover {
    box-shadow: 0 5px 15px #457438 !important; /* Sombra verde oscuro */
    border-color: #6abb55 !important; /* (Opcional) Borde verde para que quede a juego */
}

/* =======================================================
   CAMBIO COLORES SPINNER DE CARGA (Verde -> Azul -> Amarillo)
   ======================================================= */

/* 1. Primera bola/línea: VERDE */
#cms-loadding .loading-spinner .line {
    background-color: #6abb55 !important;
}

/* 2. Segunda bola/línea: AZUL */
#cms-loadding .loading-spinner .line:nth-child(2) {
    background-color: #2c97b6 !important;
}

/* 3. Tercera bola/línea: AMARILLO */
#cms-loadding .loading-spinner .line:nth-child(3) {
    background-color: #f4e254 !important;
}

/* Enlaces del widget de contacto */
.cms-contact-info3 a {
    color: #ffffff !important;   /* Blanco */
    text-decoration: none !important;
    transition: color 0.2s ease;
}

/* Hover: verde corporativo */
.cms-contact-info3 a:hover {
    color: #6ABB55 !important;
}

body.page-id-4417 #pagetitle {
    background-image: url('https://www.verbotonal.org/wp-content/uploads/2025/12/481079244_1071403761694573_2231559974221031825_n.jpg') !important;
}

#site-header-wrap .site-branding img {
    max-height: 70px !important;
    max-width: inherit;
}