/* ==========================================================================
   PÁGINA DEDICADA: HOGAR & LIMPIEZA (CHEMICAL SUPPORT)
   Estilos específicos para la sección y página de higiene y desinfección
   ========================================================================== */

.page-hogar-limpieza {
  background-color: var(--bg-body);
  color: var(--text-main);
}

/* 1. Hero Hogar y Limpieza */
.page-hogar-limpieza .hero-immersive-card {
  min-height: 105vh;
}

.page-hogar-limpieza .hero-immersive-content {
  margin-top: 0.5rem !important;
}

/* Título con degradado refinado: Aqua / Teal luminoso */
.page-hogar-limpieza .hero-accent-teal {
  background: linear-gradient(135deg, #5eead4 0%, #14b8a6 50%, #ffffff 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  letter-spacing: -0.015em !important;
  padding-top: 0.12em;
  padding-bottom: 0.08em;
}

/* Capa de fondo con degradado oscuro suave */
.page-hogar-limpieza .hero-immersive-overlay {
  background:
    radial-gradient(ellipse 95% 70% at 50% 30%, rgba(4, 47, 46, 0.08) 0%, rgba(4, 47, 46, 0.22) 42%, rgba(2, 44, 43, 0.75) 75%, rgba(2, 36, 35, 0.82) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(4, 47, 46, 0.32) 16%, rgba(4, 47, 46, 0.05) 32%, rgba(4, 47, 46, 0.25) 52%, rgba(2, 44, 43, 0.35) 72%, rgba(2, 36, 35, 0.45) 90%, #042f2e 100%) !important;
}

/* Botón 1: Explorar Productos */
.page-hogar-limpieza .btn-pill-action.btn-limpieza-primary {
  background: #0d9488 !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.page-hogar-limpieza .btn-pill-action.btn-limpieza-primary:hover {
  background: #0f766e !important;
  transform: translateY(-2px) !important;
}

.page-hogar-limpieza .btn-pill-action.btn-limpieza-primary .pill-circle-arrow {
  background: #042f2e !important;
}

/* Botón 2: Quiero Cotizar */
.page-hogar-limpieza .btn-pill-action.btn-limpieza-secondary {
  background: #115e59 !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.page-hogar-limpieza .btn-pill-action.btn-limpieza-secondary:hover {
  background: #134e4a !important;
  transform: translateY(-2px) !important;
}

.page-hogar-limpieza .btn-pill-action.btn-limpieza-secondary .pill-circle-arrow {
  background: #042f2e !important;
}

/* 2. Tarjetas Curvas Editoriales */
.page-hogar-limpieza .about-section-block {
  padding: 6rem 0;
  position: relative;
  overflow: visible;
}

.page-hogar-limpieza #desinfeccion {
  padding-top: 10.5rem !important;
  padding-bottom: 9.5rem !important;
}

.page-hogar-limpieza #institucional {
  background: linear-gradient(180deg, #f0fdfa 0%, #ffffff 60%, #ffffff 100%) !important;
  padding-top: 5rem !important;
  padding-bottom: 7.5rem !important;
  margin-top: 0 !important;
  position: relative !important;
  z-index: 15 !important;
}

.page-hogar-limpieza .row-limpieza-card1 .about-cut-shape,
.page-hogar-limpieza .row-limpieza-card2 .about-cut-shape {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  pointer-events: none !important;
  filter: none !important;
}

/* Card 1 */
.page-hogar-limpieza .row-limpieza-card1 {
  justify-content: flex-start !important;
  padding: 3.8rem 4rem !important;
  min-height: 540px !important;
}

.page-hogar-limpieza .row-limpieza-card1 .about-feature-content {
  position: relative !important;
  z-index: 3 !important;
  width: 100% !important;
  max-width: 580px !important;
  padding-left: 2rem !important;
}

.page-hogar-limpieza .row-limpieza-card1 .about-feature-title {
  font-family: 'Outfit', sans-serif !important;
  font-size: clamp(2.8rem, 4.4vw, 4.6rem) !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  line-height: 1.02 !important;
  letter-spacing: -0.035em !important;
  text-transform: uppercase !important;
  margin-bottom: 1.2rem !important;
}

.page-hogar-limpieza .row-limpieza-card1 .highlight-teal-text {
  display: block !important;
  color: #5eead4 !important;
  background: linear-gradient(135deg, #5eead4 0%, #99f6e4 50%, #ffffff 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

.page-hogar-limpieza .row-limpieza-card1 .about-feature-desc {
  font-family: 'Outfit', sans-serif !important;
  font-size: 1.25rem !important;
  color: #f0fdfa !important;
  line-height: 1.55 !important;
  margin-bottom: 2rem !important;
  font-weight: 550 !important;
  max-width: 470px !important;
}

.page-hogar-limpieza .row-limpieza-card1 .btn-pill-action.dark-pill {
  background: #ffffff !important;
  color: #042f2e !important;
  box-shadow: none !important;
  border: none !important;
  font-weight: 750 !important;
  transition: all 0.25s ease !important;
}

.page-hogar-limpieza .row-limpieza-card1 .btn-pill-action.dark-pill:hover {
  background: #f0fdfa !important;
  color: #042f2e !important;
  transform: translateY(-2px) !important;
}

.page-hogar-limpieza .row-limpieza-card1 .btn-pill-action.dark-pill .pill-circle-arrow {
  background: #0d9488 !important;
  color: #ffffff !important;
}

.page-hogar-limpieza .row-limpieza-card1 .about-feature-media {
  position: absolute;
  right: 6.5rem;
  bottom: 0;
  width: 52%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  z-index: 2;
  pointer-events: none;
}

.page-hogar-limpieza .row-limpieza-card1 .about-feature-img {
  position: absolute;
  bottom: -4rem;
  right: -2rem;
  max-width: 120%;
  height: 680px;
  object-fit: contain;
  object-position: bottom right;
  pointer-events: auto;
  will-change: transform;
}

/* Card 2 */
.page-hogar-limpieza .row-limpieza-card2 {
  position: relative !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  min-height: 550px !important;
  padding: 3.8rem 2.2rem 3.8rem 2.5rem !important;
  border-radius: 40px !important;
  overflow: visible !important;
}

.page-hogar-limpieza .row-limpieza-card2 .about-feature-content {
  position: relative !important;
  z-index: 3 !important;
  width: 100% !important;
  max-width: 585px !important;
  margin-left: auto !important;
  margin-right: -2.5rem !important;
  padding-left: 2rem !important;
}

.page-hogar-limpieza .row-limpieza-card2 .about-feature-title {
  font-family: 'Outfit', sans-serif !important;
  font-size: clamp(2.6rem, 4.4vw, 4.2rem) !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  line-height: 1.05 !important;
  letter-spacing: -0.035em !important;
  text-transform: uppercase !important;
  margin-bottom: 1.2rem !important;
}

.page-hogar-limpieza .row-limpieza-card2 .highlight-cyan-text {
  display: block !important;
  color: #5eead4 !important;
  background: linear-gradient(135deg, #5eead4 0%, #99f6e4 50%, #ffffff 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

.page-hogar-limpieza .row-limpieza-card2 .about-feature-desc {
  font-family: 'Outfit', sans-serif !important;
  font-size: 1.25rem !important;
  color: #f0fdfa !important;
  line-height: 1.55 !important;
  margin-bottom: 2rem !important;
  font-weight: 600 !important;
  max-width: 470px !important;
}

.page-hogar-limpieza .row-limpieza-card2 .about-feature-media {
  position: absolute !important;
  left: 6.5rem !important;
  bottom: 0 !important;
  width: 50% !important;
  height: 100% !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.page-hogar-limpieza .row-limpieza-card2 .about-feature-img {
  position: absolute !important;
  bottom: -2rem !important;
  left: -3.5rem !important;
  max-width: 120% !important;
  height: 580px !important;
  object-fit: contain !important;
  object-position: bottom left !important;
  pointer-events: auto !important;
  will-change: transform;
}

/* 3. Catálogo Específico de Limpieza */
.page-hogar-limpieza .limpieza-catalog-section {
  padding: 11rem 0 11rem 0 !important;
  background: linear-gradient(180deg, #042f2e 0%, #0f766e 30%, #5eead4 52%, #ccfbf1 80%, #f0fdfa 100%) !important;
  position: relative !important;
  border-top-left-radius: 40px !important;
  border-top-right-radius: 40px !important;
  margin-top: -30px !important;
  z-index: 10 !important;
  border-top: none !important;
  box-shadow: none !important;
}

.page-hogar-limpieza .catalog-header-wrap {
  text-align: center !important;
  margin: 0 auto 6.5rem auto !important;
  max-width: 920px !important;
}

.page-hogar-limpieza .catalog-clean-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0.25rem !important;
  margin-bottom: 1.25rem !important;
  line-height: 1 !important;
}

.page-hogar-limpieza .catalog-clean-title .title-line-dark {
  font-family: 'Outfit', sans-serif !important;
  font-size: clamp(2.4rem, 4.5vw, 4.4rem) !important;
  font-weight: 850 !important;
  color: #ffffff !important;
  letter-spacing: -0.035em !important;
  text-transform: uppercase !important;
  display: block !important;
}

.page-hogar-limpieza .catalog-clean-title .title-line-teal {
  font-family: 'Outfit', sans-serif !important;
  font-size: clamp(2.4rem, 4.5vw, 4.4rem) !important;
  font-weight: 900 !important;
  color: #5eead4 !important;
  background: linear-gradient(135deg, #5eead4 0%, #99f6e4 50%, #ffffff 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  letter-spacing: -0.035em !important;
  text-transform: uppercase !important;
  display: block !important;
}

.page-hogar-limpieza .catalog-clean-desc {
  font-size: clamp(1.15rem, 1.8vw, 1.35rem) !important;
  line-height: 1.6 !important;
  color: rgba(255, 255, 255, 0.95) !important;
  max-width: 720px !important;
  margin: 0 auto 2.5rem auto !important;
}

/* Buscador de Limpieza */
.page-hogar-limpieza .agro-search-box-wrap {
  max-width: 620px !important;
  margin: 0 auto !important;
  position: relative !important;
}

.page-hogar-limpieza .agro-search-input-inner {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
}

.page-hogar-limpieza .agro-search-input-inner input {
  width: 100% !important;
  height: 60px !important;
  padding: 0 4rem 0 1.8rem !important;
  font-size: 1.05rem !important;
  font-family: 'Outfit', sans-serif !important;
  color: #042f2e !important;
  background: #ffffff !important;
  border: 1.5px solid rgba(255, 255, 255, 0.8) !important;
  border-radius: 9999px !important;
  outline: none !important;
  box-shadow: none !important;
  transition: all 0.25s ease !important;
}

.page-hogar-limpieza .agro-search-input-inner input:focus {
  border-color: #0d9488 !important;
  background: #ffffff !important;
}

.page-hogar-limpieza .agro-search-icon-badge {
  position: absolute !important;
  right: 8px !important;
  width: 44px !important;
  height: 44px !important;
  background: #0d9488 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}

.page-hogar-limpieza .agro-search-icon-badge:hover {
  background: #0f766e !important;
  transform: scale(1.05) !important;
}

.page-hogar-limpieza .btn-quote-cat-hogar {
  background: #0d9488 !important;
  color: #ffffff !important;
}

.page-hogar-limpieza .btn-quote-cat-hogar:hover {
  background: #0f766e !important;
}

.page-hogar-limpieza .prod-category-tag.cat-hogar {
  background: rgba(13, 148, 136, 0.12) !important;
  color: #0f766e !important;
}

/* Paginación */
.page-hogar-limpieza .pagination-container-bar {
  background: #042f2e !important;
  border: 1px solid rgba(94, 234, 212, 0.22) !important;
  box-shadow: none !important;
}

.page-hogar-limpieza .pagination-arrow-btn {
  background: #0d9488 !important;
  color: #ffffff !important;
  border: none !important;
}

.page-hogar-limpieza .pagination-arrow-btn:not(.disabled):hover {
  background: #0f766e !important;
}

.page-hogar-limpieza .pagination-arrow-btn.disabled {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  opacity: 0.65 !important;
}

.page-hogar-limpieza .pagination-dot-btn {
  color: #ffffff !important;
}

.page-hogar-limpieza .pagination-dot-btn.active {
  background: #0d9488 !important;
  color: #ffffff !important;
}

.page-hogar-limpieza .pagination-meta-info {
  color: #042f2e !important;
}

/* 4. Sección FAQ Tema Limpieza */
.page-hogar-limpieza .faq-contacto-section.faq-limpieza-theme {
  padding: 10rem 0 11rem 0 !important;
  margin-top: 0 !important;
  border-top-left-radius: 48px !important;
  border-top-right-radius: 48px !important;
  background: linear-gradient(180deg, #042f2e 0%, #0f766e 30%, #5eead4 52%, #ccfbf1 80%, #f0fdfa 100%) !important;
  position: relative !important;
  overflow: visible !important;
  box-shadow: none !important;
  border: none !important;
}

.page-hogar-limpieza .faq-limpieza-theme .faq-section-header {
  text-align: center !important;
  max-width: 840px !important;
  margin: 0 auto 5rem auto !important;
  position: relative !important;
  z-index: 1 !important;
}

.page-hogar-limpieza .faq-limpieza-theme .faq-section-title {
  font-family: var(--font-sans, 'Outfit', sans-serif) !important;
  font-size: clamp(3.4rem, 6.5vw, 5.2rem) !important;
  font-weight: 850 !important;
  color: #ffffff !important;
  line-height: 0.98 !important;
  letter-spacing: -0.035em !important;
  text-transform: uppercase !important;
  margin-bottom: 1.4rem !important;
  text-shadow: none !important;
}

.page-hogar-limpieza .faq-limpieza-theme .faq-section-title .highlight-cyan-text {
  color: #5eead4 !important;
  background: linear-gradient(135deg, #5eead4 0%, #99f6e4 50%, #ffffff 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  filter: none !important;
  text-shadow: none !important;
}

.page-hogar-limpieza .faq-limpieza-theme .faq-section-subtitle {
  font-size: clamp(1.18rem, 1.7vw, 1.32rem) !important;
  line-height: 1.6 !important;
  color: rgba(255, 255, 255, 0.95) !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  text-shadow: none !important;
}

.page-hogar-limpieza .faq-limpieza-theme .faq-accordion-wrapper {
  max-width: 900px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1.5rem !important;
  position: relative !important;
  z-index: 1 !important;
  box-shadow: none !important;
}

.page-hogar-limpieza .faq-limpieza-theme .faq-accordion-item {
  background: #ffffff !important;
  border-radius: 18px !important;
  box-shadow: none !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  transition: all 0.25s ease !important;
  overflow: hidden !important;
}

.page-hogar-limpieza .faq-limpieza-theme .faq-accordion-item:hover {
  border-color: #0d9488 !important;
  transform: translateY(-1px) !important;
  box-shadow: none !important;
}

.page-hogar-limpieza .faq-limpieza-theme .faq-accordion-item.active {
  background: #ffffff !important;
  border-color: rgba(13, 148, 136, 0.4) !important;
  box-shadow: none !important;
}

.page-hogar-limpieza .faq-limpieza-theme .faq-accordion-trigger {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1.25rem !important;
  padding: 1.45rem 1.85rem !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  text-align: left !important;
  font-family: var(--font-sans, 'Outfit', sans-serif) !important;
  transition: background-color 0.2s ease !important;
  box-shadow: none !important;
}

.page-hogar-limpieza .faq-limpieza-theme .faq-question-title {
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: #042f2e !important;
  line-height: 1.4 !important;
  letter-spacing: -0.015em !important;
  text-shadow: none !important;
}

.page-hogar-limpieza .faq-limpieza-theme .faq-icon-indicator {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 50% !important;
  background: #042f2e !important;
  color: #ffffff !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.25s ease !important;
  box-shadow: none !important;
}

.page-hogar-limpieza .faq-limpieza-theme .faq-accordion-item:hover .faq-icon-indicator {
  background: #0f766e !important;
  box-shadow: none !important;
}

.page-hogar-limpieza .faq-limpieza-theme .faq-accordion-item.active .faq-icon-indicator {
  transform: rotate(180deg) !important;
  background: #0f766e !important;
  box-shadow: none !important;
}

.page-hogar-limpieza .faq-limpieza-theme .faq-accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.38s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: none !important;
}

.page-hogar-limpieza .faq-limpieza-theme .faq-accordion-body {
  padding: 1.5rem 1.95rem 1.7rem 1.95rem !important;
  background: linear-gradient(135deg, #042f2e 0%, #0f766e 60%, #14b8a6 100%) !important;
  color: rgba(255, 255, 255, 0.95) !important;
  font-size: 1.12rem !important;
  line-height: 1.68 !important;
  box-shadow: none !important;
}

.page-hogar-limpieza .faq-limpieza-theme .faq-accordion-body p {
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.95) !important;
  text-shadow: none !important;
}

.page-hogar-limpieza .faq-limpieza-theme .faq-accordion-body strong {
  color: #5eead4 !important;
  font-weight: 750 !important;
  text-shadow: none !important;
}

/* Banner inferior */
.page-hogar-limpieza .faq-limpieza-theme .faq-bottom-banner {
  background: linear-gradient(135deg, #042f2e 0%, #0f766e 55%, #14b8a6 100%) !important;
  border-radius: 28px !important;
  box-shadow: none !important;
  border: 1px solid rgba(94, 234, 212, 0.25) !important;
  filter: none !important;
}

.page-hogar-limpieza .faq-limpieza-theme .faq-bottom-banner::before {
  background: radial-gradient(circle at 80% 30%, rgba(45, 212, 191, 0.25) 0%, transparent 65%) !important;
}

.page-hogar-limpieza .faq-limpieza-theme .btn-faq-contact {
  background: #ffffff !important;
  color: #042f2e !important;
  font-weight: 750 !important;
  font-size: 1.05rem !important;
  padding: 0.85rem 1.6rem !important;
  border-radius: 9999px !important;
  border: none !important;
  box-shadow: none !important;
  filter: none !important;
  transition: all 0.25s ease !important;
}

.page-hogar-limpieza .faq-limpieza-theme .btn-faq-contact:hover {
  background: #f0fdfa !important;
  color: #042f2e !important;
  transform: translateY(-2px) !important;
  box-shadow: none !important;
}

.page-hogar-limpieza .faq-limpieza-theme .btn-faq-arrow {
  background: #0d9488 !important;
  color: #ffffff !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}

.page-hogar-limpieza .faq-limpieza-theme .btn-faq-arrow svg {
  stroke: #ffffff !important;
  filter: none !important;
}

.page-hogar-limpieza .faq-limpieza-theme .btn-faq-contact:hover .btn-faq-arrow {
  background: #0f766e !important;
  transform: translateX(3px) !important;
  box-shadow: none !important;
}

@media (max-width: 1024px) {

  .page-hogar-limpieza .about-feature-row,
  .page-hogar-limpieza .about-feature-row.reverse {
    flex-direction: column !important;
    padding: 3.2rem 2rem 2rem 2rem !important;
    border-radius: 36px !important;
    min-height: auto !important;
  }

  .page-hogar-limpieza .row-limpieza-card1 {
    background: linear-gradient(160deg, #f0fdfa 0%, #ccfbf1 100%) !important;
  }

  .page-hogar-limpieza .row-limpieza-card2 {
    background: linear-gradient(160deg, #0d9488 0%, #042f2e 100%) !important;
  }

  .page-hogar-limpieza .row-limpieza-card1 .about-cut-shape,
  .page-hogar-limpieza .row-limpieza-card2 .about-cut-shape {
    display: none !important;
  }

  .page-hogar-limpieza .row-limpieza-card1 .about-feature-media,
  .page-hogar-limpieza .row-limpieza-card2 .about-feature-media {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;
    justify-content: center !important;
    margin-top: 1.5rem !important;
  }

  .page-hogar-limpieza .row-limpieza-card1 .about-feature-img,
  .page-hogar-limpieza .row-limpieza-card2 .about-feature-img {
    position: relative !important;
    bottom: auto !important;
    right: auto !important;
    left: auto !important;
    width: auto !important;
    max-width: 90% !important;
    height: 380px !important;
    margin: 0 auto !important;
  }

  .page-hogar-limpieza .row-limpieza-card1 .about-feature-content,
  .page-hogar-limpieza .row-limpieza-card2 .about-feature-content {
    padding: 0 !important;
    max-width: 100% !important;
  }
}

@media (max-width: 640px) {
  .page-hogar-limpieza .faq-contacto-section.faq-limpieza-theme {
    padding: 5rem 0 6rem 0 !important;
  }

  .page-hogar-limpieza .faq-limpieza-theme .faq-accordion-trigger {
    padding: 1.2rem 1.35rem !important;
  }

  .page-hogar-limpieza .faq-limpieza-theme .faq-question-title {
    font-size: 1.02rem !important;
  }

  .page-hogar-limpieza .faq-limpieza-theme .faq-accordion-body {
    padding: 1.2rem 1.35rem !important;
    font-size: 0.98rem !important;
  }
}