/* Miasanmia Brand Colors */
/* Primary Color: #0099CC (Blue) */
/* Secondary Color: #242424 (Dark Gray) */

/* About Two Section Image Styles */
.about-two__img {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.about-two__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.about-two__shape-1 {
  position: absolute;
  bottom: -60px;
  right: -60px;
  z-index: -1;
  width: 80%;
  height: 80%;
}

.about-two__shape-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Primary Brand Color Applications */
.color-text,
.section-title__title span,
.banner-one__title .color-text {
  color: #0099cc !important;
}

/* Banner text in white */
.banner-one__title,
.banner-one__title span.normal-text,
.banner-one__sub-title,
.banner-one__text {
  color: #ffffff !important;
}

/* Buttons with brand background - white text */
.thm-btn,
.thm-btn-two,
.main-menu-two__btn,
.cta-two__btn,
.footer-widget-two__cta-btn {
  background-color: #0099cc !important;
  border-color: #0099cc !important;
  color: #ffffff !important;
}

.thm-btn:hover,
.thm-btn-two:hover,
.main-menu-two__btn:hover,
.cta-two__btn:hover,
.footer-widget-two__cta-btn:hover {
  background-color: #007799 !important;
  border-color: #007799 !important;
  color: #ffffff !important;
}

/* Service icons and accent elements */
.about-two__count-icon span,
.counter-two__icon span,
.team-two__social a:hover,
.footer-widget-two__social a:hover {
  color: #0099cc !important;
}

/* Progress bars */
.bar-inner {
  background-color: #0099cc !important;
}

/* Links and interactive elements */
.service-two__title a:hover,
.banner-one__content h5 a:hover,
.service-two__read-more a:hover {
  color: #0099cc !important;
}

/* Secondary Brand Color Applications */
.main-header-two,
.main-menu-two__wrapper,
.section-title__title,
.footer-widget-two__title,
.site-footer-two {
  color: #242424 !important;
}

/* Navigation and header elements */
.main-menu__list li a {
  color: #242424 !important;
}

.main-menu__list li a:hover {
  color: #0099cc !important;
}

/* Text elements */
.service-two__text,
.about-two__text,
.footer-widget-two__about-text {
  color: #242424 !important;
}

/* Background applications - Remove white background to prevent extra bar */
.main-header-two {
  background-color: transparent !important;
  border-bottom: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Ensure sticky header is completely hidden by default */
.stricky-header {
  visibility: hidden !important;
  opacity: 0 !important;
  transform: translateY(-100%) !important;
}

.stricky-header.stricky-fixed {
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* Remove any extra spacing from body/html */
body {
  margin: 0 !important;
  padding: 0 !important;
}

/* Main navigation background - should match original design */
.main-menu-two__wrapper {
  background-color: #f0f8ff !important;
}

/* Footer CTA section */
.footer-widget-two__cta {
  text-align: center;
  padding: 30px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.05) !important;
}

.footer-widget-two__cta-title {
  font-size: 24px;
  color: #ffffff !important;
  margin-bottom: 10px;
}

.footer-widget-two__cta-text {
  color: rgba(255, 255, 255, 0.8) !important;
  margin-bottom: 20px;
}

.footer-widget-two__cta-btn {
  display: inline-block;
  padding: 12px 30px;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: 600;
  transition: all 0.3s ease;
}

/* Dark background elements - white text */
.site-footer-two,
.site-footer-two .footer-widget-two__title,
.site-footer-two .footer-widget-two__about-text,
.site-footer-two .footer-widget-two__cta-title,
.site-footer-two .site-footer-two__bottom-text {
  background-color: #242424 !important;
  color: #ffffff !important;
}

/* Footer links - white text */
.site-footer-two .footer-widget-two__contact-list a,
.site-footer-two .site-footer-two__bottom-menu a {
  color: #ffffff !important;
}

.site-footer-two .footer-widget-two__contact-list a:hover,
.site-footer-two .site-footer-two__bottom-menu a:hover {
  color: #0099cc !important;
}

/* Footer social icons - white with hover effect */
.site-footer-two .footer-widget-two__social a {
  color: #ffffff !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.site-footer-two .footer-widget-two__social a:hover {
  color: #ffffff !important;
  background-color: #0099cc !important;
}

/* Header top section adjustments */
.main-menu-two__top {
  background-color: #242424 !important;
}

/* Section taglines */
.section-title__tagline {
  color: #0099cc !important;
  background-color: rgba(0, 153, 204, 0.1) !important;
}

/* Counter and statistics */
.count-text {
  color: #0099cc !important;
}

/* Social media icons - removed duplicate, handled in dark background section */

/* Newsletter and form elements */
.footer-widget-two__newsletter-btn {
  background-color: #0099cc !important;
  color: #ffffff !important;
}

.footer-widget-two__newsletter-btn:hover {
  background-color: #007799 !important;
  color: #ffffff !important;
}

/* Mobile navigation */
.mobile-nav__contact a {
  color: #242424 !important;
}

.mobile-nav__contact a:hover {
  color: #0099cc !important;
}

/* Dark background elements - white text */
.site-footer-two,
.site-footer-two .footer-widget-two__title,
.site-footer-two .footer-widget-two__about-text,
.site-footer-two .footer-widget-two__newsletter-title,
.site-footer-two .site-footer-two__bottom-text {
  background-color: #242424 !important;
  color: #ffffff !important;
}

/* Footer links - white text */
.site-footer-two .footer-widget-two__contact-list a,
.site-footer-two .site-footer-two__bottom-menu a {
  color: #ffffff !important;
}

.site-footer-two .footer-widget-two__contact-list a:hover,
.site-footer-two .site-footer-two__bottom-menu a:hover {
  color: #0099cc !important;
}

/* Footer social icons - white with hover effect */
.site-footer-two .footer-widget-two__social a {
  color: #ffffff !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.site-footer-two .footer-widget-two__social a:hover {
  color: #ffffff !important;
  background-color: #0099cc !important;
}

/* Header top section adjustments */
.main-menu-two__top {
  background-color: #242424 !important;
}

.main-menu-two__contact-list a {
  color: #ffffff !important;
}

.main-menu-two__contact-list a:hover {
  color: #0099cc !important;
}

.main-menu-two__social a {
  color: #ffffff !important;
}

.main-menu-two__social a:hover {
  color: #0099cc !important;
  background-color: rgba(0, 153, 204, 0.1) !important;
}

/* Service cards - Improved hover effect */
.service-two__single {
  border: 1px solid #e9ecef !important;
  position: relative !important;
  background: #ffffff !important;
  border-radius: 20px !important;
  cursor: pointer !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  padding: 39px 40px 39px !important;
}

/* Hover background effect */
.service-two__single::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg, #242424 0%, #1a1a1a 100%) !important;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15) !important;
  transform: translateY(100%) !important;
  opacity: 0 !important;
  transition: all 0.3s ease !important;
  z-index: 0 !important;
}

.service-two__single:hover::before {
  transform: translateY(0%) !important;
  opacity: 1 !important;
}

.service-two__single:hover {
  border-color: transparent !important;
  box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.2) !important;
  transform: translateY(-5px) !important;
}

/* Ensure all text elements are above the pseudo-element */
.service-two__icon-and-title,
.service-two__single-text {
  position: relative !important;
  z-index: 1 !important;
  transition: all 0.3s ease !important;
}

/* Specifically ensure the icon is above the background layer */
.service-two__icon {
  position: relative !important;
  z-index: 2 !important;
}

/* Adjust text spacing without read more button */
.service-two__single-text {
  margin-top: 21px !important;
  margin-bottom: 0 !important;
}

.service-two__single:hover .service-two__title a,
.service-two__single:hover .service-two__single-text {
  color: #ffffff !important;
}

.service-two__icon span {
  position: relative !important;
  z-index: 2 !important;
}

/* Counter Two Section Customization - Increased Specificity */
.counter-two__right .counter-two__single .counter-two__icon span,
.counter-two__right .counter-two__single .count-text,
.counter-two__right .counter-two__single .counter-two__count span,
.counter-two__right .counter-two__single .counter-two__count-text {
  color: #ffffff !important;
}

/* Project Two Section - Fixed Image Size */
.project-two__img {
  width: 410px !important;
  height: 503px !important;
  overflow: hidden !important;
}

.project-two__img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* Force Carousel Item Size for Project Two */
.project-two__carousel .project-two__single {
  width: 410px !important;
  height: 503px !important;
}

/* Mobile navigation dark background */
.mobile-nav__content {
  background-color: #242424 !important;
}

.mobile-nav__contact a {
  color: #ffffff !important;
}

.mobile-nav__contact a:hover {
  color: #0099cc !important;
}

/* Input fields styling */
.footer-widget-two__newsletter-form input {
  background-color: #ffffff !important;
  border: 1px solid #e9ecef !important;
  color: #242424 !important;
}

.footer-widget-two__newsletter-form input:focus {
  border-color: #0099cc !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 153, 204, 0.25) !important;
}

/* Search popup styling */
.search-popup__content {
  background-color: #ffffff !important;
}

.search-popup__content input {
  color: #242424 !important;
  border-color: #e9ecef !important;
}

.search-popup__content input:focus {
  border-color: #0099cc !important;
}

/* Preloader styling */
.preloader {
  background-color: #242424 !important;
}

/* Scroll to top button */
.scroll-to-top {
  background-color: #0099cc !important;
  color: #ffffff !important;
}

.scroll-to-top:hover {
  background-color: #007799 !important;
  color: #ffffff !important;
}

.scroll-to-top__text {
  color: #ffffff !important;
}

/* Ensure proper contrast for all button text */
button,
.btn,
input[type="submit"] {
  color: #ffffff !important;
}

/* Navigation menu items on white background */
.main-menu-two__wrapper .main-menu__list li a {
  color: #242424 !important;
}

.main-menu-two__wrapper .main-menu__list li a:hover {
  color: #0099cc !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .banner-one__title {
    font-size: 2.5rem !important;
  }

  .section-title__title {
    font-size: 2rem !important;
  }
}

/* === SOLUCION DIRECTA PARA HEADER === */
/* Force hide all duplicate headers */
.main-header:not(.main-header-two) {
  display: none !important;
}

/* Ensure main header is properly positioned */
.main-header.main-header-two {
  position: relative !important;
  top: 0 !important;
  background: transparent !important;
  z-index: 999 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Force sticky header to be completely hidden until scroll */
.stricky-header:not(.stricky-fixed) {
  visibility: hidden !important;
  opacity: 0 !important;
  transform: translateY(-120%) !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Show sticky header only when fixed */
.stricky-header.stricky-fixed {
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
  height: auto !important;
  overflow: visible !important;
}

/* Remove any body margins that could cause spacing */
body {
  margin: 0 !important;
  padding-top: 0 !important;
}

/* === END DIRECT HEADER SOLUTION === */

/* Fix para iconos del header y fondo del logo */
.main-menu-two__contact-list li .icon i {
  color: #0099cc !important; /* Forzar color azul para iconos */
}

.main-menu-two__logo:before,
.main-menu-two__logo a {
  background-color: #0099cc !important; /* Forzar fondo azul para logo */
}

/* === LOGO OPTIMIZATION === */
/* Logo image is 3140x1080px - needs significant downsizing */
.main-menu-two__logo a {
  /* padding: 15px 25px !important; /* Much smaller padding for large logo */
  /* padding-left: 0 !important;  */
  min-width: auto !important;
  width: auto !important;
}

/* Drastically reduce logo size since original is 3140x1080px */
.main-menu-two__logo img {
  max-height: 45px !important; /* Small height for very large original */
  max-width: 150px !important; /* Limit width to prevent overflow */
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
}

/* For sticky header - even smaller */
.stricky-header .main-menu-two__logo a {
  /* padding: 10px 20px !important;
  padding-left: 0 !important; */
}

.stricky-header .main-menu-two__logo img {
  max-height: 35px !important; /* Smaller for sticky header */
  max-width: 120px !important;
}

/* Reduce gap between header elements for better proportions */
.main-menu-two__right {
  gap: 30px !important; /* Even smaller gap to compensate */
}

/* Ensure logo container doesn't expand unnecessarily */
.main-menu-two__logo {
  width: auto !important;
  flex-shrink: 0 !important;
}

/* === END LOGO OPTIMIZATION === */
