@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//alerovisl.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.4.3") format("woff2");
}

:root {
	--wd-header-banner-h: 40px;
	--wd-text-font: "Ubuntu", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 15px;
	--wd-title-font: "Manrope3", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Manrope3", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Manrope3", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Manrope3", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Ubuntu", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 15px;
	--wd-primary-color: rgb(0,119,182);
	--wd-alternative-color: rgb(0,168,232);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: rgb(0,119,182);
	--btn-default-bgcolor-hover: rgb(0,95,138);
	--btn-accented-bgcolor: #014dbd;
	--btn-accented-bgcolor-hover: rgb(2,25,116);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
div.wd-popup.wd-age-verify {
	max-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://alerovisl.com/wp-content/uploads/2021/10/alternative-energy-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
div.wd-popup.wd-promo-popup {
	max-width: 800px;
}
.page-title-default {
	background-color: #0a0a0a;
	background-image: url(https://alerovisl.com/wp-content/uploads/2026/04/freepik_minimalist-wide-banner-background-for-an-air-conditioning-store-website.-left-side-clean-gradient-from-deep-navy-blue-0d1b2a-to-dark-blue-1b3a5c-occupying-60-of-the-image-this-area-must-b_0001.jpeg);
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: #ffffff;
	background-image: none;
}
.page .main-page-wrapper {
	background-color: rgb(240,247,255);
	background-image: none;
}
div.wd-popup.popup-quick-view {
	max-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-header-banner-h: 40px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1239px) {
.platform-Windows .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 1222px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


@font-face {
	font-family: "Manrope3";
	src: url("//alerovisl.com/wp-content/uploads/2021/10/Manrope3-Thin.woff") format("woff2"), 
url("//alerovisl.com/wp-content/uploads/2021/10/Manrope3-Thin.woff") format("woff");
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: "Manrope3";
	src: url("//alerovisl.com/wp-content/uploads/2021/10/Manrope3-Bold.woff2") format("woff2"), 
url("//alerovisl.com/wp-content/uploads/2021/10/Manrope3-Bold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "Manrope3";
	src: url("//alerovisl.com/wp-content/uploads/2021/10/Manrope3-Regular.woff2") format("woff2"), 
url("//alerovisl.com/wp-content/uploads/2021/10/Manrope3-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

.is-large.wc-block-cart {
    margin-bottom: 3em;
    /* margin: 100px; */
    margin-left: 10%;
    margin-right: 10%;
}

.is-large.wc-block-checkout {
    margin-bottom: 3em;
    /* margin: 100px; */
    margin-left: 10%;
    margin-right: 10%;
}

/* Обычный цвет */
.whb-top-bar .wd-header-nav .menu > li > a,
.whb-top-bar .wd-header-nav .menu > li > a .nav-link-text {
	color: #ffffff !important;
	transition: color 0.2s ease;
}

/* Hover */
.whb-top-bar .wd-header-nav .menu > li > a:hover,
.whb-top-bar .wd-header-nav .menu > li > a:hover .nav-link-text {
	color: #2bbcff !important;
}

/* Активный пункт */
.whb-top-bar .wd-header-nav .menu > li.current-menu-item > a,
.whb-top-bar .wd-header-nav .menu > li.current-menu-item > a .nav-link-text,
.whb-top-bar .wd-header-nav .menu > li.current-menu-ancestor > a,
.whb-top-bar .wd-header-nav .menu > li.current-menu-ancestor > a .nav-link-text {
	color: #ffffff !important;
}

/* ══════════════════════════════════════════════════════════════
   AleroviSL — Estilos globales
   Paleta: Azul Glaciar (#0077b6) + Cian (#00a8e8) + Hielo (#f0f7ff)
   ══════════════════════════════════════════════════════════════ */

/* ── ЦВЕТОВАЯ СХЕМА ДЛЯ WOODMART ──
   Основной цвет (Primary):        #0077b6  — заголовки, акценты, ссылки
   Дополнительный (Secondary):      #00a8e8  — иконки, hover-эффекты
   Цвет фона страниц (Background):  #f0f7ff  — светло-ледяной
   Цвет кнопок (Button):            #0077b6  — основной синий
   Hover цвет кнопок (Button Hover): #005f8a  — тёмно-синий
   
   В Woodmart → Настройки темы → Стили:
   Primary Color:    #0077b6
   Secondary Color:  #00a8e8
   Body Background:  #f0f7ff
   ══════════════════════════════════════════════════════════════ */

:root {
  --alv-azul: #0077b6;
  --alv-cian: #00a8e8;
  --alv-hielo: #f0f7ff;
  --alv-blanco: #ffffff;
  --alv-oscuro: #0d1b2a;
  --alv-gris: #e2eaf2;
  --alv-texto: #1a1a2e;
  --alv-hover: #005f8a;
}

/* ── RESET БАЗОВЫЙ ────────────────────────────────────────── */
.alv-section { padding: 80px 0; }
.alv-inner { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.alv-section h2 {
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  font-weight: 700;
  color: var(--alv-oscuro);
  margin-bottom: 12px;
  line-height: 1.2;
}
.alv-section p {
  font-size: 1.05rem;
  line-height: 1.7;
  color: #3a4a5c;
  max-width: 640px;
}

/* ── КНОПКИ ───────────────────────────────────────────────── */
.alv-btn {
  display: inline-block;
  padding: 14px 36px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 1rem;
  text-decoration: none;
  transition: all .3s ease;
  cursor: pointer;
  border: none;
  letter-spacing: .3px;
}
.alv-btn--azul {
  background: var(--alv-azul);
  color: #fff;
}
.alv-btn--azul:hover {
  background: var(--alv-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0,119,182,.35);
}
.alv-btn--outline {
  background: transparent;
  color: var(--alv-azul);
  border: 2px solid var(--alv-azul);
}
.alv-btn--outline:hover {
  background: var(--alv-azul);
  color: #fff;
}
.alv-btn--white {
  background: #fff;
  color: var(--alv-azul);
}
.alv-btn--white:hover {
  background: var(--alv-hielo);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0,0,0,.15);
}

/* ── ЛИНИЯ-АКЦЕНТ ─────────────────────────────────────────── */
.alv-accent-line {
  width: 50px;
  height: 3px;
  background: linear-gradient(90deg, var(--alv-azul), var(--alv-cian));
  margin-bottom: 16px;
  border-radius: 2px;
}
.alv-accent-line--center { margin-left: auto; margin-right: auto; }

/* ── СЕКЦИЯ 1: HERO ───────────────────────────────────────── */
.alv-hero {
  position: relative;
  min-height: 85vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: var(--alv-oscuro);
}
.alv-hero__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .45;
}
.alv-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(13,27,42,.85) 0%, rgba(0,119,182,.4) 100%);
}
.alv-hero__content {
  position: relative;
  z-index: 2;
  max-width: 650px;
}
.alv-hero__content h1 {
  font-size: clamp(2.2rem, 5vw, 3.4rem);
  font-weight: 800;
  color: #fff;
  margin-bottom: 16px;
  line-height: 1.15;
}
.alv-hero__content h1 span {
  color: var(--alv-cian);
}
.alv-hero__content p {
  font-size: 1.15rem;
  color: rgba(255,255,255,.85);
  margin-bottom: 32px;
  max-width: 500px;
}
.alv-hero__badge {
  display: inline-block;
  background: rgba(0,168,232,.15);
  color: var(--alv-cian);
  padding: 6px 18px;
  border-radius: 50px;
  font-size: .85rem;
  font-weight: 600;
  margin-bottom: 20px;
  border: 1px solid rgba(0,168,232,.3);
}

/* ── СЕКЦИЯ 2: CATEGORÍAS ─────────────────────────────────── */
.alv-bg-hielo { background: var(--alv-hielo); }
.alv-bg-white { background: var(--alv-blanco); }
.alv-bg-oscuro { background: var(--alv-oscuro); }

.alv-cats__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-top: 40px;
}
.alv-cat-card {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  height: 400px;
  cursor: pointer;
}
.alv-cat-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s ease;
}
.alv-cat-card:hover img {
  transform: scale(1.08);
}
.alv-cat-card__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(13,27,42,.85) 0%, transparent 60%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 32px;
}
.alv-cat-card__overlay h3 {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 8px;
}
.alv-cat-card__overlay p {
  color: rgba(255,255,255,.8);
  font-size: .95rem;
  margin-bottom: 16px;
}
.alv-cat-card__overlay .alv-btn {
  align-self: flex-start;
  padding: 10px 24px;
  font-size: .9rem;
}

/* ── СЕКЦИЯ 3: VENTAJAS ───────────────────────────────────── */
.alv-ventajas__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-top: 40px;
}
.alv-ventaja-card {
  background: var(--alv-blanco);
  border-radius: 16px;
  padding: 36px 24px;
  text-align: center;
  border: 1px solid var(--alv-gris);
  transition: all .3s ease;
}
.alv-ventaja-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(0,119,182,.12);
  border-color: var(--alv-cian);
}
.alv-ventaja-card__icon {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--alv-hielo), #dceefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  font-size: 28px;
}
.alv-ventaja-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--alv-oscuro);
  margin-bottom: 8px;
}
.alv-ventaja-card p {
  font-size: .9rem;
  color: #5a6a7c;
  margin: 0 auto;
}

/* ── СЕКЦИЯ 4: PRODUCTOS (TABS) ───────────────────────────── */
.alv-products { background: var(--alv-oscuro); color: #fff; }
.alv-products h2 { color: #fff; }
.alv-products p { color: rgba(255,255,255,.7); }
.alv-products__tabs {
  display: flex;
  gap: 8px;
  margin: 32px 0 24px;
  flex-wrap: wrap;
}
.alv-products__tab {
  padding: 10px 28px;
  border-radius: 50px;
  border: 2px solid rgba(255,255,255,.2);
  background: transparent;
  color: rgba(255,255,255,.7);
  cursor: pointer;
  font-weight: 600;
  font-size: .95rem;
  transition: all .3s ease;
}
.alv-products__tab:hover {
  border-color: var(--alv-cian);
  color: var(--alv-cian);
}
.alv-products__tab.active {
  background: var(--alv-cian);
  border-color: var(--alv-cian);
  color: #fff;
}

/* Woodmart overrides для тёмной секции товаров */
.alv-products .products .product .product-element-top { background: #142233; border-radius: 12px; }
.alv-products .products .product { background: transparent !important; }
.alv-products .products .product .product-title,
.alv-products .products .product .product-title a,
.alv-products .products .product h3,
.alv-products .products .product h3 a {
  color: #ffffff !important;
}
.alv-products .products .product .price,
.alv-products .products .product .price span {
  color: var(--alv-cian) !important;
}
.alv-products .products .product .add_to_cart_button,
.alv-products .products .product .product_type_simple,
.alv-products .products .product .product_type_variable,
.alv-products .products .product .button {
  background: var(--alv-cian) !important;
  color: #fff !important;
  border: none !important;
}
.alv-products .products .product .add_to_cart_button:hover,
.alv-products .products .product .button:hover {
  background: var(--alv-azul) !important;
}
/* Woodmart hover icons (compare, wishlist, quick view) */
.alv-products .products .product .woodmart-buttons a,
.alv-products .products .product .woodmart-buttons button,
.alv-products .products .product .product-actions a,
.alv-products .products .product .product-actions button,
.alv-products .products .product .wd-action-btn a,
.alv-products .products .product .wd-action-btn button,
.alv-products .products .product .wd-buttons a,
.alv-products .products .product .wd-buttons button,
.alv-products .products .product .hover-content a,
.alv-products .products .product .hover-content button,
.alv-products .products .product .wrapp-buttons a,
.alv-products .products .product .wrapp-buttons button,
.alv-products .products .product .quick-view,
.alv-products .products .product .compare-btn,
.alv-products .products .product .wishlist-btn {
  background: var(--alv-cian) !important;
  color: #fff !important;
  border: none !important;
}
/* Woodmart product grid spacing */
.alv-products .products { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.alv-products .products .product .product-image-link img { border-radius: 10px; }

/* ── СЕКЦИЯ 5: CÓMO ELEGIR ────────────────────────────────── */
.alv-elegir__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  margin-top: 40px;
  align-items: center;
}
.alv-elegir__img {
  border-radius: 20px;
  overflow: hidden;
}
.alv-elegir__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.alv-elegir__steps {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.alv-step {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}
.alv-step__num {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--alv-azul), var(--alv-cian));
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1.2rem;
}
.alv-step h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--alv-oscuro);
  margin-bottom: 4px;
}
.alv-step p {
  font-size: .9rem;
  color: #5a6a7c;
}

/* ── СЕКЦИЯ 6: CTA BANNER ────────────────────────────────── */
.alv-cta {
  position: relative;
  padding: 100px 0;
  overflow: hidden;
}
.alv-cta__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.alv-cta__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(0,119,182,.9) 0%, rgba(0,168,232,.7) 100%);
}
.alv-cta__content {
  position: relative;
  z-index: 2;
  text-align: center;
}
.alv-cta__content h2 {
  color: #fff;
  margin-bottom: 16px;
}
.alv-cta__content p {
  color: rgba(255,255,255,.9);
  margin: 0 auto 32px;
  max-width: 550px;
}

/* ── СЕКЦИЯ 7: CONTACTO ──────────────────────────────────── */
.alv-contacto__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  margin-top: 40px;
}
.alv-contacto__form {
  background: var(--alv-blanco);
  border-radius: 20px;
  padding: 40px;
  border: 1px solid var(--alv-gris);
}
.alv-contacto__form h3 {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--alv-oscuro);
  margin-bottom: 24px;
}
.alv-contacto__form input,
.alv-contacto__form textarea {
  width: 100%;
  padding: 14px 18px;
  border: 2px solid var(--alv-gris);
  border-radius: 12px;
  font-size: 1rem;
  margin-bottom: 16px;
  background: var(--alv-hielo);
  color: var(--alv-texto);
  transition: border-color .3s;
}
.alv-contacto__form input::placeholder,
.alv-contacto__form textarea::placeholder {
  color: #8a9bb0;
}
.alv-contacto__form input:focus,
.alv-contacto__form textarea:focus {
  outline: none;
  border-color: var(--alv-cian);
}
.alv-contacto__info {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.alv-info-card {
  background: var(--alv-blanco);
  border-radius: 16px;
  padding: 24px;
  display: flex;
  gap: 16px;
  align-items: center;
  border: 1px solid var(--alv-gris);
  transition: all .3s;
}
.alv-info-card:hover {
  border-color: var(--alv-cian);
  box-shadow: 0 8px 24px rgba(0,119,182,.1);
}
.alv-info-card__icon {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--alv-hielo), #dceefb);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  flex-shrink: 0;
}
.alv-info-card h4 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--alv-oscuro);
  margin-bottom: 4px;
}
.alv-info-card p {
  font-size: .9rem;
  color: #5a6a7c;
  margin: 0;
}

/* ── АНИМАЦИИ ─────────────────────────────────────────────── */
.alv-reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .7s ease, transform .7s ease;
}
.alv-reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

/* ── WOODMART HEADER (светлая шапка) ──────────────────────── */
.whb-header,
.whb-main-header,
.whb-row,
.whb-general-header {
  background-color: var(--alv-blanco, #ffffff) !important;
}
.whb-header .menu > li > a,
.whb-header .menu li a {
  color: var(--alv-oscuro, #0d1b2a) !important;
}
.whb-header .menu > li > a:hover {
  color: var(--alv-azul, #0077b6) !important;
}
.whb-header .woodmart-shopping-icon,
.whb-header .woodmart-search-icon,
.whb-header .woodmart-wishlist-icon,
.whb-header .wd-header-search-icon,
.whb-header .wd-header-cart-icon,
.whb-header .wd-tools-element a,
.whb-header .wd-tools-element button {
  color: var(--alv-oscuro, #0d1b2a) !important;
}
.whb-top-bar {
  background-color: var(--alv-oscuro, #0d1b2a) !important;
  color: #fff !important;
}
.whb-top-bar a { color: rgba(255,255,255,.8) !important; }

/* ── WOODMART FOOTER ──────────────────────────────────────── */
.footer-container,
.woodmart-prefooter,
footer.footer-container {
  background-color: var(--alv-oscuro, #0d1b2a) !important;
  color: rgba(255,255,255,.8) !important;
}
footer a { color: var(--alv-cian, #00a8e8) !important; }
footer a:hover { color: #fff !important; }

/* ── RESPONSIVE ───────────────────────────────────────────── */
@media (max-width: 992px) {
  .alv-cats__grid { grid-template-columns: 1fr; }
  .alv-ventajas__grid { grid-template-columns: repeat(2, 1fr); }
  .alv-elegir__grid { grid-template-columns: 1fr; }
  .alv-contacto__grid { grid-template-columns: 1fr; }
  .alv-products .products { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 600px) {
  .alv-section { padding: 50px 0; }
  .alv-ventajas__grid { grid-template-columns: 1fr; }
  .alv-cat-card { height: 300px; }
  .alv-products .products { grid-template-columns: 1fr !important; }
  .alv-hero { min-height: 70vh; }
}


/* Заголовки в футере */
.footer-container .widget-title,
.footer-container h5,
.footer-container h6 {
	color: #ffffff !important;
}

/* Обычный текст в футере */
.footer-container,
.footer-container p,
.footer-container span,
.footer-container li,
.footer-container strong {
	color: #ffffff !important;
}

/* Ссылки в футере */
.footer-container a,
.footer-container .menu li a,
.footer-container .widget_nav_menu li a {
	color: #ffffff !important;
	transition: color 0.2s ease, opacity 0.2s ease;
}

/* Hover ссылок в футере */
.footer-container a:hover,
.footer-container .menu li a:hover,
.footer-container .widget_nav_menu li a:hover {
	color: #2bbcff !important;
}
