/* ========== PALETA VR ARQUITECTURA CAPILAR ========== */
:root {
  --clr-light:        #F4E7E1;   /* Rosado claro / Beige para fondos sutiles, texturas y adornos */
  --clr-cream:        #FBF4F0;   /* Beige aún más claro para fondos y texturas muy suaves */
  --clr-peach:        #EDC1AD;   /* Durazno suave para contrastes con blanco */
  --clr-orange-light: #DF8E6A;   /* Durazno más intenso (ginger) para elementos que requieren más contraste */
  --clr-gold:         #BCA150;   /* Dorado para acentos y detalles */
  --clr-dark:         #222227;   /* Negro suave para fondos elegantes y sobrios */
  --clr-black:        #000000;   /* Negro sólido para textos y máxima legibilidad */
  --clr-white:        #FFFFFF;   /* Blanco puro para fondos y contraste */
}

/* ==================================================== */


/* template-color (reemplazado) */
.main-header .header-top p i {          color:#F4E7E1;}
.preloader-close {                      background:#222227;} /* fondo negro */
.header-upper .social-links li a:hover {background:#F4E7E1;}

.pagination li a:hover,
.pagination li a.active {              background:#F4E7E1;}

.scroll-top {                           background:#222227;} /* fondo negro */

.header-upper .info-box li i {          color:#222227;} /* iconos negros */
.header-upper .info-box li a:hover {    color:#bca150;} /* texto hover dorado */

.main-header .menu-right-content .search-btn button:hover {color:#222227;}
.main-header .menu-right-content .cart-box a:hover {        color:#222227 !important;}
.main-header .menu-right-content .cart-box a span {         background:#222227;} /* botón carrito negro */

.main-menu .navigation > li > ul > li > a:hover,
.main-menu .navigation > li > .megamenu li > a:hover {      color:#222227;}
.main-menu .navigation > li > ul > li > a:before {          color:#222227;}
.main-menu .navigation > li > ul > li > ul > li > a:hover { color:#222227;}
.main-menu .navigation > li > ul > li > ul > li > a:before {color:#222227;}

.search-popup .search-form fieldset input[type="submit"] {  background:#222227;} /* botón negro */
.search-popup .recent-searches li a:hover {                border-color:#222227;color:#222227;}
.search-popup .close-search:hover {                        color:red;}
.search-popup .search-form fieldset input[type="search"] { border:3px solid #222227;} /* borde negro */

.theme-btn-one {                                           background:#222227;} /* botón negro */

.banner-carousel .content-box .btn-box .video-btn:hover {  background:#222227;} /* botón negro */
#content_block_1 .content-box .image-holder .icon-box {    background:#222227;} /* icono negro */
#content_block_2 .content-box .list li:before {            background:#222227;} /* bullet negro */
#content_block_1 .content-box .image-holder .icon-box2 {    background:#F4E7E1;} /* icono negro */
#content_block_2 .content-box .inner-box li i {            color:#222227;} /* icono negro */
#content_block_3 .content-box .location-box {              background:#222227;} /* fondo negro */
#content_block_3 .content-box .shediul-box i {             color:#222227;} /* icono negro */
#content_block_3 .content-box .shediul-box .time-list li h4 {color:#222227;} /* texto negro */
#content_block_4 .content-box .service-box ul li span {    color:#222227;} /* texto negro */

.service-block-one .inner-box .lower-content .price {      color:#222227;} /* precio negro */
.service-block-one .inner-box:hover .lower-content .price {background:#222227;} /* fondo negro */
.service-block-one .inner-box .lower-content h4 a:hover {  color:#222227;} /* link negro */
.service-block-one .inner-box .image-box {                 background:#222227;} /* fondo negro */

.bg-color-2 {                                              background:#222227;} /* fondo negro */

#content_block_5 .content-box .btn-box .theme-btn-one:hover {color:#222227 !important;} /* texto botón negro */

.service-style-two .inner-box .single-item .icon-box {     color:#222227;} /* icono negro */

.team-block-one .inner-box .lower-content h5,
.team-block-one .inner-box .lower-content h5 a {           color:#222227;} /* texto negro */
.team-block-one .inner-box .lower-content .social-links li a:hover {background:#222227;} /* redes hover negro */

.testimonial-content .innre-box h4 {                       color:#222227;} /* texto negro */
.features-section .single-item .inner-box:hover h4 {       color:#222227;} /* texto hover negro */

.gallery-block-one .inner-box .image-box:before {          background:#222227;} /* overlay negro */

.news-block-one .inner-box .image-box,
.news-block-one .inner-box .image-box .post-date {         background:#222227;} /* fecha en negro */
.news-block-one .inner-box .lower-content .post-info li i,
.news-block-one .inner-box .lower-content .post-info li a:hover,
.news-block-one .inner-box .lower-content h3 a:hover,
.news-block-one .inner-box .lower-content .link-btn a:hover {color:#222227;} /* texto negro */
.news-block-one .inner-box .lower-content .link-btn a:before {background:#222227;} /* flecha negro */

.appointment-section .content-box .lower-inner .counter-inner .single-counter .count-outer {color:#222227;}
#appointment_block .form-inner:before {                   background:#222227;} /* fondo negro */

.cta-section {                                            background:#222227;} /* fondo negro */

.footer-top .logo-widget .subscribe-form .form-group input:focus {border-color:#222227 !important;}
.footer-top .logo-widget .subscribe-form .form-group button {background:#222227;} /* botón negro */
.footer-top .links-widget .links-list li a:hover {        color:#222227;} /* texto negro */
.footer-top .contact-widget .info-list li i {             color:#222227;} /* icono negro */
.footer-top .contact-widget .info-list li p a:hover {     color:#222227;} /* link negro */
.footer-top .instagram-widget .image-list li .image-box { background:#222227;} /* icono negro */

.footer-botton .copyright p a:hover {                     color:#222227;} /* link negro */
.footer-botton .footer-social li a:hover {                background:#222227;} /* redes hover negro */

.main-header.style-two .header-upper .info-box i {         color:#F4E7E1;} /* icono negro */
.main-header.style-two .header-upper .info-box a:hover {   color:#222227;} /* texto hover negro */
.main-header.style-two .main-menu .navigation > li.current > a,
.main-header.style-two .main-menu .navigation > li:hover > a {color:#F4E7E1;} /* texto negro */

.banner-carousel .content-box .top-text {                 color:#bca150;} /* texto dorado */
.banner-carousel .content-box p span {                    color:#222227;} /* texto negro */
.main-header.style-two .header-lower .outer-box .search-btn button:hover {color:#222227;} /* texto botón negro */

.features-style-two .inner-container .single-item .inner-box .icon-box {color:#222227;} /* icono negro */
.features-style-two .inner-container .single-item .inner-box h4 a:hover {color:#222227;} /* texto hover negro */

#content_block_6 .content-box .inner-box .left-column .list li:before {color:#222227;} /* bullet negro */
#content_block_6 .content-box .inner-box .left-column .signature h2 {  color:#bca150;} /* firma dorada */

.about-style-two .pattern-layer .pattern-2 {              background:#222227;} /* fondo negro */

.video-section .video-inner .video-content a {            background:#222227;} /* botón negro */
.video-section .video-inner .video-content a:hover {      color:#222227;} /* texto negro */
.video-section .video-inner .phone-box h3 a {             color:#222227;} /* texto negro */

.pricing-block-one .inner-box .image-box {                background:#222227;} /* fondo negro */
.pricing-block-one .inner-box h4 a:hover {                color:#222227;} /* texto negro */
.pricing-block-one .inner-box .price {                    color:#222227;} /* precio negro */
.pricing-block-one:hover .inner-box .price {              background:#222227;} /* fondo negro */

.counter-block-one .inner-box .icon-box {                 color:#222227;} /* icono negro */
.counter-block-one .inner-box:hover {                     border-color:#222227;} /* borde negro */
.counter-block-one .inner-box:hover p {                   background:#222227;} /* fondo negro */
.testimonial-style-two {                                  background:#222227;} /* fondo negro */

.shop-block-one .inner-box .image-box .cart-btn {         background:#222227;} /* botón negro */
.shop-block-one .inner-box .image-box .cart-btn:hover {   color:#222227;} /* texto negro */
.shop-block-one .inner-box .lower-content h4 a:hover {    color:#222227;} /* texto negro */

#image_block_1 .image-box .anim-icon .icon-1 {            background:#222227;} /* icono negro */
#content_block_7 .content-box .inner-box .text p {        color:#222227;} /* texto negro */
#content_block_7 .content-box .inner-box .list li:before {background:#222227;} /* bullet negro */
#content_block_7 .content-box .theme-btn-one:hover {      color:#222227 !important;} /* texto botón negro */

.about-style-three #content_block_6 .content-box .inner-box .list li:before {color:#222227;} /* bullet negro */
.about-style-three #content_block_6 .content-box .inner-box .signature h2 {   color:#bca150;} /* firma dorada */
.about-style-three #content_block_6 .content-box .text p.color-text {         color:#222227;} /* texto negro */
#content_block_8 .content-box .text p.color-text {                           color:#222227;} /* texto negro */

.error-section .inner-box p a {                          color:#222227;} /* texto negro */

.service-sidebar .categories-widget .list li a:before {  background:#222227;} /* bullet negro */
.service-sidebar .sidebar-support h3 i {                 color:#222227;} /* icono negro */
.service-sidebar .sidebar-support h3 a:hover {           color:#222227;} /* texto negro */
.service-sidebar .download-widget .download-content a i {color:#222227;} /* icono negro */
.service-sidebar .download-widget .download-content a:hover {color:#222227;} /* texto negro */
.service-details-content .two-column .text .list li:before {background:#222227;} /* bullet negro */

.blog-details-content .inner-box .post-info li a:hover,
.blog-details-content .inner-box .post-info li i {        color:#222227;} /* texto negro */
.blog-details-content .inner-box .image-box .post-date {  background:#222227;} /* fecha negro */
.blog-details-content .post-share-option .tags li a:hover {color:#222227;} /* texto negro */
.blog-details-content .post-share-option .social-links li a:hover {background:#222227;} /* redes hover negro */
.blog-details-content .comments-area .comment .comment-inner h4 span {color:#222227;} /* texto negro */
.blog-details-content .comments-area .comment .comment-inner a {background:#222227;} /* botón negro */

.default-form .form-group input:focus,
.default-form .form-group textarea:focus {               border-color:#222227 !important;}

.blog-sidebar .search-widget .search-form .form-group input:focus {border-color:#222227 !important;}
.blog-sidebar .search-widget .search-form .form-group input:focus + button,
.blog-sidebar .search-widget .search-form .form-group button:hover {color:#222227;} /* texto botón negro */
.blog-sidebar .post-widget .post-inner .post .image-box {background:#222227;} /* imagen fondo negro */
.blog-sidebar .post-widget .post-inner .post .post-date {color:#222227;} /* fecha negro */
.blog-sidebar .post-widget .post-inner .post h6 a:hover {color:#222227;} /* texto hover negro */
.blog-sidebar .categories-widget .categories-list li a:hover {color:#222227;} /* texto hover negro */
.blog-sidebar .tags-widget .tags-list li a:hover {color:#222227;} /* texto hover negro */

.contact-section .content-box .social-links li a:hover { background:#222227;} /* redes hover negro */
.contact-info-section .single-item .inner-box:hover h4 { color:#222227;} /* texto hover negro */

.mobile-menu .menu-backdrop {                            background:#222227;} /* fondo negro */

/* Estilo para el número de teléfono específico en negro */
.tel-negro {
    color: var(--clr-dark) !important; /* Utiliza la variable definida para el color negro */
}
/* === Sticky-header icon colours ===================================== */
/* Estado normal (header ya pegado) */
.sticky-header .menu-right-content .search-btn button,
.sticky-header .menu-right-content .search-btn i,
.sticky-header .menu-right-content .cart-box a,
.sticky-header .menu-right-content .cart-box i{
    color:#fff !important;           /* blanco */
}

/* Hover o enlace activo */
.sticky-header .menu-right-content .search-btn button:hover,
.sticky-header .menu-right-content .cart-box a:hover,
.sticky-header .menu-right-content .search-btn button:hover i,
.sticky-header .menu-right-content .cart-box a:hover i{
    color:#bca150 !important;        /* dorado */
}
/* -------------------------------------------------------------
   FLEX LAYOUT PARA EL STICKY HEADER
------------------------------------------------------------- */
.sticky-header .outer-box{
    display:flex;               /* fuerza una sola línea */
    align-items:center;         /* centra verticalmente */
}

/* anula la posición absoluta que trae el logo por defecto */
.sticky-header .logo-box{
    position:static !important;
    left:auto !important;
    top:auto !important;
    max-width:150px;            /* ajusta el tamaño que quieras */
    margin-right:32px;          /* espacio antes del menú */
}
.sticky-header .logo-box img{
    width:100%;
    height:auto;
}

.sticky-header .logo-box3{
    position:static !important;
    left:auto !important;
    top:auto !important;
    max-width:200px;            /* ajusta el tamaño que quieras */
    margin-right:32px;          /* espacio antes del menú */
}
.sticky-header .logo-box3 img{
    width:100%;
    height:auto;
}

/* permitir que el menú crezca */
.sticky-header .menu-area{
    flex:1 1 auto;              /* ocupa el resto del ancho */
}

/* -------------------------------------------------------------
   COLORES DE LUPA Y CARRITO (blanco + hover dorado)
------------------------------------------------------------- */
.sticky-header .menu-right-content .search-btn button,
.sticky-header .menu-right-content .search-btn i,
.sticky-header .menu-right-content .cart-box a,
.sticky-header .menu-right-content .cart-box i{
    color:#fff !important;          /* blanco */
}

.sticky-header .menu-right-content .search-btn button:hover,
.sticky-header .menu-right-content .cart-box a:hover,
.sticky-header .menu-right-content .search-btn button:hover i,
.sticky-header .menu-right-content .cart-box a:hover i{
    color:#bca150 !important;       /* dorado */
}
/* === Ajuste de color para el span "Testimonios" ==================== */
.testimonial-style-two .testimonial-column .testimonial-inner .sec-title.light span{
    color:#bca150 !important;      /* dorado */
}

/* === Color para el nombre del cliente en testimonios =============== */
.testimonial-style-two .testimonial-content h4{
    color:#fff !important;        /* dorado; cambia por el tono que prefieras */
    /* Ej.: color:#fbf4f0  para crema claro */
}

/* === Color para el nombre del cliente en testimonios =============== */
.textbox2 .testimonial-content h4{
    color:#fff !important;        /* dorado; cambia por el tono que prefieras */
    /* Ej.: color:#fbf4f0  para crema claro */
}