{"id":2701,"date":"2026-02-26T11:24:37","date_gmt":"2026-02-26T11:24:37","guid":{"rendered":"https:\/\/www.solsconfort.com\/inicio\/"},"modified":"2026-06-15T14:20:44","modified_gmt":"2026-06-15T14:20:44","slug":"inicio","status":"publish","type":"page","link":"https:\/\/www.solsconfort.com\/es\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2701\" class=\"elementor elementor-2701 elementor-2133\">\n\t\t\t\t<div class=\"elementor-element elementor-element-604f910 e-con-full e-flex e-con e-parent\" data-id=\"604f910\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f7e030 elementor-widget elementor-widget-html\" data-id=\"3f7e030\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\nSolsconfort \u2014 HOME (Inicio V2) \u2014 Custom (HTML+CSS+JS)\r\nPega TODO esto en 1 SOLO widget HTML de Elementor.\r\nReemplaza REEMPLAZA_* por URLs\/links reales.\r\n========================================================= -->\r\n<style>\r\n  :root{\r\n    --sc-bg: #f3eeea;\r\n    --sc-surface: #ffffff;\r\n    --sc-ink: #0b0f14;\r\n    --sc-muted: rgba(11,15,20,.72);\r\n    --sc-border: rgba(11,15,20,.10);\r\n    --sc-shadow: 0 14px 36px rgba(0,0,0,.10);\r\n    --sc-radius: 18px;\r\n    --sc-container: 1180px;\r\n\r\n    --sc-serif: Georgia, \"Times New Roman\", Times, serif;\r\n    --sc-sans: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n\r\n    --sc-pill-dark: rgba(0,0,0,.42);\r\n    --sc-pill-light: rgba(255,255,255,.62);\r\n    --sc-pill-border: rgba(255,255,255,.24);\r\n  }\r\n\r\n  .sc-home{\r\n    width: 100%;\r\n    overflow-x: clip;\r\n    font-family: var(--sc-sans);\r\n    color: var(--sc-ink);\r\n  }\r\n  .sc-home *{ box-sizing:border-box; }\r\n\r\n  .sc-container{\r\n    width: min(var(--sc-container), calc(100% - 44px));\r\n    margin-inline: auto;\r\n  }\r\n\r\n  .sc-section{ padding: 78px 0; }\r\n\r\n  @media (max-width: 767px){\r\n    .sc-section{ padding: 54px 0; }\r\n    .sc-container{ width: min(var(--sc-container), calc(100% - 28px)); }\r\n  }\r\n\r\n  \/* ---------------- HERO ---------------- *\/\r\n  .sc-hero{\r\n    position: relative;\r\n    min-height: 78vh;\r\n    display: grid;\r\n    align-items: center;\r\n    background: url('https:\/\/www.solsconfort.com\/wp-content\/uploads\/2026\/04\/Hero_sols_1.png') center\/cover no-repeat;\r\n  }\r\n\r\n  .sc-hero::before{\r\n    content:\"\";\r\n    position:absolute; inset:0;\r\n    background: radial-gradient(900px 420px at 50% 42%, rgba(0,0,0,.00) 0%, rgba(0,0,0,.22) 68%, rgba(0,0,0,.36) 100%);\r\n    pointer-events:none;\r\n  }\r\n\r\n  .sc-hero__inner{\r\n    position:relative;\r\n    padding: 110px 0 84px;\r\n    text-align:center;\r\n    color:#fff;\r\n  }\r\n\r\n  @media (max-width: 767px){\r\n    .sc-hero__inner{ padding: 96px 0 72px; }\r\n  }\r\n\r\n  .sc-hero__title{\r\n    font-weight: 560;\r\n    letter-spacing: -0.2px;\r\n    margin: 0 0 12px;\r\n    font-size: clamp(34px, 5vw, 70px);\r\n    line-height: 1.04;\r\n    color: rgba(255,255,255,.88);\r\n    text-shadow: 0 8px 24px rgba(0,0,0,.45);\r\n  }\r\n\r\n  .sc-hero__sub{\r\n    margin: 0 auto 26px;\r\n    max-width: 70ch;\r\n    font-size: clamp(15px, 1.6vw, 20px);\r\n    line-height: 1.55;\r\n    color: rgba(255,255,255,.88);\r\n    text-shadow: 0 8px 22px rgba(0,0,0,.35);\r\n  }\r\n\r\n  .sc-hero__actions{\r\n    display:flex;\r\n    gap: 14px;\r\n    justify-content: center;\r\n    align-items:center;\r\n    flex-wrap: wrap;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .sc-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    padding: 14px 22px;\r\n    border-radius: 999px;\r\n    border: 1px solid var(--sc-pill-border);\r\n    text-decoration:none;\r\n    font-weight: 650;\r\n    letter-spacing: .2px;\r\n    transition: transform .18s ease, filter .18s ease, background .18s ease, border-color .18s ease;\r\n    backdrop-filter: blur(10px);\r\n    user-select:none;\r\n  }\r\n\r\n  .sc-btn:hover{ transform: translateY(-1px); }\r\n  .sc-btn:active{ transform: translateY(0); }\r\n\r\n  .sc-btn--dark{\r\n    background: var(--sc-pill-dark);\r\n    color: #fff;\r\n    border-color: rgba(255,255,255,.20);\r\n  }\r\n\r\n  .sc-btn--light{\r\n    background: var(--sc-pill-light);\r\n    color: #0b0f14;\r\n    border-color: rgba(255,255,255,.34);\r\n  }\r\n\r\n  \/* ---------------- LOGOS ---------------- *\/\r\n  .sc-logos{\r\n    background: #fff;\r\n    padding: 28px 0;\r\n    border-top: 1px solid rgba(0,0,0,.06);\r\n    border-bottom: 1px solid rgba(0,0,0,.06);\r\n  }\r\n\r\n  .sc-logo-marquee{\r\n    position: relative;\r\n    overflow: hidden;\r\n    -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);\r\n    mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);\r\n  }\r\n\r\n  .sc-logo-rail{\r\n    display: flex;\r\n    align-items: center;\r\n    width: max-content;\r\n    transform: translateX(0);\r\n    will-change: transform;\r\n  }\r\n\r\n  .sc-logo-set{\r\n    display: flex;\r\n    align-items: center;\r\n    gap: var(--sc-logo-gap, 46px);\r\n    padding: 15px 2px;\r\n  }\r\n\r\n  .sc-logo-item{\r\n    flex: 0 0 var(--sc-logo-cell, 180px);\r\n    scale: 3.1;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .sc-logo-item img{\r\n    height: 34px;\r\n    width: 100%;\r\n    max-width: 150px;\r\n    object-fit: contain;\r\n    opacity: .70;\r\n    filter: grayscale(100%);\r\n    transition: opacity .2s ease, filter .2s ease;\r\n  }\r\n\r\n  .sc-logo-item img:hover{\r\n    opacity: 1;\r\n    filter: none;\r\n  }\r\n  \r\n  .grande{\r\n    height: 34px;\r\n    width: 100%;\r\n    max-width: 55px;\r\n    margin: 0 95px;\r\n  }\r\n  \r\n  .grande2{\r\n    height: 34px;\r\n    width: 100%;\r\n    max-width: 35px;\r\n    margin: 0 95px;\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    .sc-logo-marquee{\r\n      overflow-x: auto;\r\n      -webkit-overflow-scrolling: touch;\r\n      mask-image: none;\r\n      -webkit-mask-image: none;\r\n    }\r\n    .sc-logo-rail{ transform: none !important; }\r\n  }\r\n\r\n  \/* ---------------- UI base ---------------- *\/\r\n  .sc-nav{\r\n    width: 46px;\r\n    height: 46px;\r\n    border-radius: 999px;\r\n    border: 0;\r\n    background: rgba(255,255,255,.88);\r\n    box-shadow: 0 8px 20px rgba(0,0,0,.08);\r\n    cursor: pointer;\r\n    font-size: 24px;\r\n    line-height: 46px;\r\n    user-select: none;\r\n    color: rgba(0,0,0,.56);\r\n    transition: transform .18s ease, opacity .18s ease, background .18s ease;\r\n  }\r\n\r\n  .sc-nav:hover{\r\n    transform: translateY(-1px);\r\n    background: rgba(255,255,255,.96);\r\n  }\r\n\r\n  .sc-nav:disabled{\r\n    opacity: .35;\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  .sc-h2{\r\n    margin: 0 0 10px;\r\n    font-weight: 780;\r\n    letter-spacing: -0.6px;\r\n    font-size: clamp(26px, 2.6vw, 40px);\r\n    line-height: 1.08;\r\n    text-align:center;\r\n  }\r\n\r\n  .sc-sub{\r\n    margin: 0 auto 34px;\r\n    max-width: 78ch;\r\n    color: var(--sc-muted);\r\n    line-height: 1.6;\r\n    text-align:center;\r\n  }\r\n\r\n  \/* ---------------- PRODUCTS SLIDER ---------------- *\/\r\n  .sc-products{\r\n    background: var(--sc-bg);\r\n    padding-top: 92px;\r\n    padding-bottom: 92px;\r\n  }\r\n\r\n  .sc-products .sc-container{\r\n    width: min(1520px, calc(100% - 48px));\r\n  }\r\n\r\n  .sc-products .sc-h2{\r\n    margin: 0 0 34px;\r\n    font-size: clamp(38px, 4.2vw, 38px);\r\n    letter-spacing: -1.2px;\r\n    line-height: 1;\r\n  }\r\n\r\n  .sc-prod-shell{\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: 70px 1fr 70px;\r\n    gap: 20px;\r\n    align-items: center;\r\n  }\r\n\r\n  .sc-prod-viewport{\r\n    overflow: hidden;\r\n  }\r\n\r\n  .sc-prod-track{\r\n    display: flex;\r\n    gap: 12px;\r\n    padding: 0;\r\n    transform: translateX(0);\r\n    transition: transform .45s cubic-bezier(.22,.61,.36,1);\r\n    will-change: transform;\r\n  }\r\n\r\n  .sc-prod-card{\r\n    flex: 0 0 calc((100% - 48px) \/ 5);\r\n    border-radius: 0;\r\n    overflow: hidden;\r\n    position: relative;\r\n    min-height: 620px;\r\n    background: #ddd;\r\n    border: 0;\r\n    box-shadow: none;\r\n  }\r\n\r\n  .sc-prod-card > a{\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    text-decoration: none;\r\n    color: inherit;\r\n  }\r\n\r\n  .sc-prod-card__bg{\r\n    position:absolute;\r\n    inset:0;\r\n    background-size:cover;\r\n    background-position:center;\r\n    transform: scale(1.01);\r\n    transition: transform .5s ease;\r\n  }\r\n\r\n  .sc-prod-card:hover .sc-prod-card__bg{\r\n    transform: scale(1.04);\r\n  }\r\n\r\n  .sc-prod-card__shade{\r\n    position:absolute;\r\n    inset:0;\r\n    background: linear-gradient(180deg, rgba(0,0,0,.02) 0%, rgba(0,0,0,.08) 38%, rgba(0,0,0,.52) 100%);\r\n  }\r\n\r\n  .sc-prod-card__content{\r\n    position:absolute;\r\n    left: 18px;\r\n    right: 18px;\r\n    bottom: 16px;\r\n    color:#fff;\r\n    z-index: 2;\r\n  }\r\n\r\n  .sc-prod-card__title{\r\n    margin: 0;\r\n    font-weight: 760;\r\n    letter-spacing: -0.5px;\r\n    font-size: clamp(20px, 1.7vw, 34px);\r\n    line-height: 1.02;\r\n    color: #fff;\r\n    text-shadow: 0 8px 20px rgba(0,0,0,.36);\r\n  }\r\n\r\n  .sc-prod-card__desc,\r\n  .sc-prod-card__btn{\r\n    display: none !important;\r\n  }\r\n\r\n  .sc-prod-dots{\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-top: 18px;\r\n  }\r\n\r\n  .sc-prod-dot{\r\n    width: 7px;\r\n    height: 7px;\r\n    border-radius: 999px;\r\n    background: rgba(0,0,0,.18);\r\n    transition: transform .2s ease, background .2s ease;\r\n  }\r\n\r\n  .sc-prod-dot.is-active{\r\n    background: rgba(0,0,0,.72);\r\n    transform: scale(1.15);\r\n  }\r\n\r\n  @media (max-width: 1180px){\r\n    .sc-products .sc-container{\r\n      width: min(1320px, calc(100% - 34px));\r\n    }\r\n\r\n    .sc-prod-shell{\r\n      grid-template-columns: 58px 1fr 58px;\r\n      gap: 14px;\r\n    }\r\n\r\n    .sc-prod-card{\r\n      flex-basis: calc((100% - 24px) \/ 3);\r\n      min-height: 520px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px){\r\n    .sc-products{\r\n      padding-top: 64px;\r\n      padding-bottom: 64px;\r\n    }\r\n\r\n    .sc-products .sc-container{\r\n      width: min(100%, calc(100% - 20px));\r\n    }\r\n\r\n    .sc-products .sc-h2{\r\n      margin-bottom: 22px;\r\n      font-size: 42px;\r\n    }\r\n\r\n    .sc-prod-shell{\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .sc-prod-viewport{\r\n      overflow-x: auto;\r\n      scroll-snap-type: x mandatory;\r\n      -webkit-overflow-scrolling: touch;\r\n    }\r\n\r\n    .sc-prod-track{\r\n      transition: none;\r\n      transform: none !important;\r\n      padding-bottom: 8px;\r\n    }\r\n\r\n    .sc-prod-card{\r\n      flex: 0 0 84%;\r\n      min-height: 430px;\r\n      scroll-snap-align: start;\r\n    }\r\n\r\n    .sc-prod-shell .sc-nav,\r\n    .sc-prod-dots{\r\n      display: none;\r\n    }\r\n  }\r\n\r\n    \/* ---------------- M\u00c9TRICAS ---------------- *\/\r\n  .sc-metrics{\r\n    background: linear-gradient(180deg, #f1eae6 0%, #eee4de 100%);\r\n    border-top: 1px solid rgba(0,0,0,.055);\r\n    border-bottom: 1px solid rgba(0,0,0,.055);\r\n  }\r\n\r\n  .sc-metrics__head{\r\n    padding-bottom: 28px;\r\n  }\r\n\r\n  .sc-metrics .sc-h2{\r\n    margin-bottom: 0;\r\n    font-size: clamp(30px, 3vw, 42px);\r\n    letter-spacing: -0.8px;\r\n  }\r\n\r\n  .sc-metrics__grid{\r\n    width: min(1080px, 100%);\r\n    margin-inline: auto;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 0;\r\n    background: rgba(255,255,255,.66);\r\n    border: 1px solid rgba(11,15,20,.07);\r\n    border-radius: 22px;\r\n    overflow: hidden;\r\n    box-shadow: 0 18px 44px rgba(35,25,18,.055);\r\n    backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .sc-metric{\r\n    min-height: 128px;\r\n    padding: 26px 22px 24px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 11px;\r\n    text-align: center;\r\n    border-left: 1px solid rgba(11,15,20,.075);\r\n  }\r\n\r\n  .sc-metric:first-child{\r\n    border-left: 0;\r\n  }\r\n\r\n  .sc-metric__value{\r\n    min-height: 54px;\r\n    display: inline-flex;\r\n    align-items: baseline;\r\n    justify-content: center;\r\n    color: rgba(11,15,20,.68);\r\n    font-family: var(--sc-sans);\r\n    font-weight: 650;\r\n    letter-spacing: -1.6px;\r\n    line-height: .9;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .sc-metric__main{\r\n    font-size: clamp(36px, 3.2vw, 48px);\r\n  }\r\n\r\n  .sc-metric__suffix{\r\n    margin-left: 3px;\r\n    font-size: clamp(22px, 2vw, 30px);\r\n    font-weight: 650;\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .sc-metric__icon{\r\n    width: 54px;\r\n    height: 54px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 18px;\r\n    color: rgba(11,15,20,.62);\r\n    background: rgba(11,15,20,.035);\r\n  }\r\n\r\n  .sc-metric__icon svg{\r\n    width: 30px;\r\n    height: 30px;\r\n    display: block;\r\n    stroke: currentColor;\r\n  }\r\n\r\n  .sc-metric__txt{\r\n    max-width: 155px;\r\n    margin: 0;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    line-height: 1.35;\r\n    color: rgba(11,15,20,.74);\r\n  }\r\n\r\n  @media (max-width: 1024px){\r\n    .sc-metrics__grid{\r\n      grid-template-columns: 1fr 1fr;\r\n    }\r\n\r\n    .sc-metric{\r\n      border-left: 0;\r\n      border-top: 1px solid rgba(11,15,20,.075);\r\n    }\r\n\r\n    .sc-metric:nth-child(1),\r\n    .sc-metric:nth-child(2){\r\n      border-top: 0;\r\n    }\r\n\r\n    .sc-metric:nth-child(even){\r\n      border-left: 1px solid rgba(11,15,20,.075);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 640px){\r\n    .sc-metrics__head{\r\n      padding-bottom: 20px;\r\n    }\r\n\r\n    .sc-metrics__grid{\r\n      grid-template-columns: 1fr;\r\n      border-radius: 18px;\r\n    }\r\n\r\n    .sc-metric{\r\n      min-height: 116px;\r\n      border-left: 0 !important;\r\n      border-top: 1px solid rgba(11,15,20,.075);\r\n    }\r\n\r\n    .sc-metric:first-child{\r\n      border-top: 0;\r\n    }\r\n  }\r\n\r\n  \/* ---------------- PROYECTOS DESTACADOS ---------------- *\/\r\n  .sc-projects{\r\n    background: var(--sc-bg);\r\n    padding-top: 92px;\r\n    padding-bottom: 92px;\r\n  }\r\n\r\n  .sc-projects .sc-container{\r\n    width: min(1520px, calc(100% - 48px));\r\n  }\r\n\r\n  .sc-projects .sc-h2{\r\n    margin: 0 0 34px;\r\n    font-size: clamp(38px, 4.2vw, 38px);\r\n    letter-spacing: -1.2px;\r\n    line-height: 1;\r\n  }\r\n\r\n  .sc-proj-grid{\r\n    display:grid;\r\n    grid-template-columns: repeat(3, minmax(0,1fr));\r\n    gap: 12px;\r\n    margin-top: 22px;\r\n  }\r\n\r\n  .sc-proj{\r\n    position: relative;\r\n    min-height: 720px;\r\n    overflow: hidden;\r\n    border-radius: 0;\r\n    background:#ddd;\r\n    border: 0;\r\n    box-shadow: none;\r\n    content-visibility: auto;\r\n    contain-intrinsic-size: 420px 620px;\r\n  }\r\n\r\n  .sc-proj__media{\r\n    position:absolute;\r\n    inset:0;\r\n  }\r\n\r\n  .sc-proj__img{\r\n    width:100%;\r\n    height:100%;\r\n    display:block;\r\n    object-fit:cover;\r\n    object-position:center;\r\n    transform: scale(1.01);\r\n    transition: transform .5s ease;\r\n  }\r\n\r\n  .sc-proj:hover .sc-proj__img{\r\n    transform: scale(1.04);\r\n  }\r\n\r\n  .sc-proj__shade{\r\n    position:absolute;\r\n    inset:0;\r\n    background: linear-gradient(180deg, rgba(0,0,0,.02) 0%, rgba(0,0,0,.08) 38%, rgba(0,0,0,.52) 100%);\r\n    pointer-events:none;\r\n  }\r\n\r\n  .sc-proj__title{\r\n    position:absolute;\r\n    left:18px;\r\n    right:18px;\r\n    bottom:16px;\r\n    color:#fff;\r\n    margin:0;\r\n    font-weight:760;\r\n    letter-spacing:-0.5px;\r\n    font-size: clamp(20px, 1.7vw, 34px);\r\n    line-height:1.02;\r\n    text-shadow: 0 8px 20px rgba(0,0,0,.36);\r\n    z-index:2;\r\n  }\r\n\r\n  .sc-proj-cta{\r\n    display:flex;\r\n    justify-content:center;\r\n    margin-top: 18px;\r\n  }\r\n\r\n  .sc-proj-cta a{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    padding: 12px 20px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(0,0,0,.10);\r\n    background: rgba(255,255,255,.62);\r\n    backdrop-filter: blur(10px);\r\n    text-decoration:none;\r\n    color: #0b0f14;\r\n    font-weight: 650;\r\n    transition: transform .18s ease, background .18s ease;\r\n  }\r\n\r\n  .sc-proj-cta a:hover{\r\n    transform: translateY(-1px);\r\n    background: rgba(255,255,255,.72);\r\n  }\r\n\r\n  @media (max-width: 1180px){\r\n    .sc-projects .sc-container{\r\n      width: min(1320px, calc(100% - 34px));\r\n    }\r\n\r\n    .sc-proj-grid{\r\n      grid-template-columns: repeat(3, minmax(0,1fr));\r\n      gap: 10px;\r\n    }\r\n\r\n    .sc-proj{\r\n      min-height: 520px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 980px){\r\n    .sc-proj-grid{\r\n      grid-template-columns: 1fr 1fr;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px){\r\n    .sc-projects{\r\n      padding-top: 64px;\r\n      padding-bottom: 64px;\r\n    }\r\n\r\n    .sc-projects .sc-container{\r\n      width: min(100%, calc(100% - 20px));\r\n    }\r\n\r\n    .sc-projects .sc-h2{\r\n      margin-bottom: 22px;\r\n      font-size: 42px;\r\n    }\r\n\r\n    .sc-proj-grid{\r\n      grid-template-columns: 1fr;\r\n      gap: 12px;\r\n    }\r\n\r\n    .sc-proj{\r\n      min-height: 430px;\r\n    }\r\n  }\r\n\r\n  \/* ---------------- SHOWROOMS ---------------- *\/\r\n  .sc-showrooms{\r\n    background: #efe7e2;\r\n    border-top: 1px solid rgba(0,0,0,.06);\r\n    border-bottom: 1px solid rgba(0,0,0,.06);\r\n    padding-top: 92px;\r\n    padding-bottom: 92px;\r\n  }\r\n\r\n  .sc-showrooms__head{\r\n    text-align: center;\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .sc-showrooms__title{\r\n    margin: 0 0 10px;\r\n    font-family: var(--sc-serif);\r\n    font-weight: 560;\r\n    letter-spacing: -0.3px;\r\n    line-height: 1.06;\r\n    font-size: clamp(30px, 3vw, 50px);\r\n  }\r\n\r\n  .sc-showrooms__sub{\r\n    margin: 0 auto;\r\n    max-width: 62ch;\r\n    color: var(--sc-muted);\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .sc-showrooms__grid{\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 18px;\r\n  }\r\n\r\n  .sc-showroom{\r\n    position: relative;\r\n    min-height: 420px;\r\n    border-radius: var(--sc-radius);\r\n    overflow: hidden;\r\n    background: #ddd;\r\n    border: 1px solid rgba(0,0,0,.06);\r\n    box-shadow: var(--sc-shadow);\r\n  }\r\n\r\n  .sc-showroom__bg{\r\n    position: absolute;\r\n    inset: 0;\r\n    background-size: cover;\r\n    background-position: center;\r\n    transform: scale(1.02);\r\n    transition: transform .45s ease;\r\n  }\r\n\r\n  .sc-showroom:hover .sc-showroom__bg{\r\n    transform: scale(1.04);\r\n  }\r\n\r\n  .sc-showroom__shade{\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(180deg, rgba(0,0,0,.04) 0%, rgba(0,0,0,.12) 40%, rgba(0,0,0,.34) 100%);\r\n  }\r\n\r\n  .sc-showroom__label{\r\n    position: absolute;\r\n    left: 18px;\r\n    bottom: 18px;\r\n    z-index: 2;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    padding: 10px 15px;\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,.66);\r\n    color: #0b0f14;\r\n    font-size: 14px;\r\n    font-weight: 650;\r\n    backdrop-filter: blur(8px);\r\n  }\r\n\r\n  .sc-showrooms__cta{\r\n    display:flex;\r\n    justify-content:center;\r\n    margin-top: 22px;\r\n  }\r\n\r\n  .sc-showrooms__cta a{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    padding: 12px 20px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(0,0,0,.10);\r\n    background: rgba(255,255,255,.68);\r\n    backdrop-filter: blur(10px);\r\n    text-decoration:none;\r\n    color: #0b0f14;\r\n    font-weight: 650;\r\n    transition: transform .18s ease, background .18s ease;\r\n  }\r\n\r\n  .sc-showrooms__cta a:hover{\r\n    transform: translateY(-1px);\r\n    background: rgba(255,255,255,.78);\r\n  }\r\n\r\n  @media (max-width: 767px){\r\n    .sc-showrooms{\r\n      padding-top: 64px;\r\n      padding-bottom: 64px;\r\n    }\r\n\r\n    .sc-showrooms__grid{\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .sc-showroom{\r\n      min-height: 320px;\r\n    }\r\n  }\r\n\r\n  \/* ---------------- CONTACTO ---------------- *\/\r\n  .sc-contact{\r\n    background: #f1ebe7;\r\n    border-top: 1px solid rgba(0,0,0,.06);\r\n  }\r\n\r\n  .sc-contact__grid{\r\n    display:grid;\r\n    grid-template-columns: 1fr 1.25fr;\r\n    gap: 28px;\r\n    align-items:start;\r\n  }\r\n\r\n  .sc-contact__h{\r\n    margin:0 0 10px;\r\n    font-weight: 800;\r\n    letter-spacing: -0.5px;\r\n    font-size: 28px;\r\n  }\r\n\r\n  .sc-contact__p{\r\n    margin:0 0 14px;\r\n    color: rgba(11,15,20,.75);\r\n    line-height:1.65;\r\n  }\r\n\r\n  .sc-contact__p a{\r\n    color: #d10b49;\r\n    text-decoration: underline;\r\n  }\r\n\r\n  .sc-form{\r\n    background: rgba(255,255,255,.70);\r\n    border: 1px solid rgba(0,0,0,.08);\r\n    border-radius: 16px;\r\n    padding: 18px;\r\n    box-shadow: 0 14px 34px rgba(0,0,0,.08);\r\n  }\r\n\r\n  .sc-form__grid{\r\n    display:grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 14px;\r\n  }\r\n\r\n  .sc-field{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap: 8px;\r\n  }\r\n\r\n  .sc-label{\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    color: rgba(11,15,20,.86);\r\n  }\r\n\r\n  .sc-input,\r\n  .sc-textarea{\r\n    width:100%;\r\n    border: 1px solid rgba(0,0,0,.16);\r\n    border-radius: 6px;\r\n    padding: 10px 10px;\r\n    font-size: 14px;\r\n    background:#fff;\r\n    outline:none;\r\n  }\r\n\r\n  .sc-textarea{\r\n    min-height: 120px;\r\n    resize: vertical;\r\n    grid-column: 1 \/ -1;\r\n  }\r\n\r\n  .sc-check{\r\n    display:flex;\r\n    gap: 10px;\r\n    align-items:flex-start;\r\n    grid-column: 1 \/ -1;\r\n    font-size: 13px;\r\n    color: rgba(11,15,20,.75);\r\n    line-height: 1.35;\r\n  }\r\n\r\n  .sc-submit{\r\n    grid-column: 1 \/ -1;\r\n    display:flex;\r\n    justify-content:flex-start;\r\n    margin-top: 6px;\r\n  }\r\n\r\n  .sc-submit button{\r\n    padding: 10px 16px;\r\n    border-radius: 6px;\r\n    border: 0;\r\n    background: #e31a55;\r\n    color:#fff;\r\n    font-weight: 750;\r\n    cursor:pointer;\r\n  }\r\n\r\n  .sc-submit button:hover{\r\n    filter: brightness(.95);\r\n  }\r\n\r\n  @media (max-width: 980px){\r\n    .sc-contact__grid{ grid-template-columns: 1fr; }\r\n  }\r\n\r\n  @media (max-width: 640px){\r\n    .sc-form__grid{ grid-template-columns: 1fr; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"sc-home\">\r\n\r\n  <!-- HERO -->\r\n  <section class=\"sc-hero\" aria-label=\"Inicio\">\r\n    <div class=\"sc-container\">\r\n      <div class=\"sc-hero__inner\">\r\n        <h1 class=\"sc-hero__title\">Soluciones para transformar cualquier espacio<\/h1>\r\n        <p class=\"sc-hero__sub\">\r\n          Descubre nuestro showroom en Andorra e insp\u00edrate con las mejores marcas europeas en pavimentos y revestimientos.\r\n        <\/p>\r\n\r\n        <div class=\"sc-hero__actions\">\r\n          <a class=\"sc-btn sc-btn--light\" href=\"https:\/\/www.solsconfort.com\/productes-v2\/\">Ver productos<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- LOGOS -->\r\n  <section class=\"sc-logos\" aria-label=\"Clients\">\r\n    <div class=\"sc-container\">\r\n      <div class=\"sc-logo-marquee\"\r\n           data-sc-logo-marquee\r\n           data-visible=\"5\"\r\n           data-speed=\"26\"\r\n           data-gap=\"46\">\r\n        <div class=\"sc-logo-rail\">\r\n          <div class=\"sc-logo-set\">\r\n            <span class=\"sc-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.solsconfort.com\/wp-content\/uploads\/2023\/10\/Bolon.png\" alt=\"Client 01\"><\/span>\r\n            <span class=\"sc-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.solsconfort.com\/wp-content\/uploads\/2023\/10\/casadeco.png\" alt=\"Client 02\"><\/span>\r\n            <span class=\"sc-logo-item grande2\"><img decoding=\"async\" src=\"https:\/\/www.solsconfort.com\/wp-content\/uploads\/2026\/04\/vescom.jpg\" alt=\"Client 02\"><\/span>\r\n            <span class=\"sc-logo-item grande2\"><img decoding=\"async\" src=\"https:\/\/www.solsconfort.com\/wp-content\/uploads\/2026\/04\/Interface.png\" alt=\"Client 03\"><\/span>\r\n            <span class=\"sc-logo-item grande\"><img decoding=\"async\" src=\"https:\/\/www.solsconfort.com\/wp-content\/uploads\/2026\/04\/tecnografica_logo_2a14dd8b.webp\" alt=\"Client 15\"><\/span>\r\n            <span class=\"sc-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.solsconfort.com\/wp-content\/uploads\/2023\/10\/casamance.png\" alt=\"Client 03\"><\/span>\r\n            <span class=\"sc-logo-item grande2\"><img decoding=\"async\" src=\"https:\/\/www.solsconfort.com\/wp-content\/uploads\/2026\/04\/Haro.png\" alt=\"Client 03\"><\/span>\r\n            <span class=\"sc-logo-item grande2\"><img decoding=\"async\" src=\"https:\/\/www.solsconfort.com\/wp-content\/uploads\/2026\/04\/ArteLogo2.webp\" alt=\"Client 03\"><\/span>\r\n            <span class=\"sc-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.solsconfort.com\/wp-content\/uploads\/2023\/10\/coordone.png\" alt=\"Client 04\"><\/span>\r\n            <span class=\"sc-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.solsconfort.com\/wp-content\/uploads\/2023\/10\/emco.png\" alt=\"Client 05\"><\/span>\r\n            <!--<span class=\"sc-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.solsconfort.com\/wp-content\/uploads\/2023\/10\/floorflex.png\" alt=\"Client 06\"><\/span>-->\r\n            <span class=\"sc-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.solsconfort.com\/wp-content\/uploads\/2023\/10\/Forest-panels.png\" alt=\"Client 07\"><\/span>\r\n            <!--<span class=\"sc-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.solsconfort.com\/wp-content\/uploads\/2023\/10\/Green-Flor.png\" alt=\"Client 08\"><\/span>-->\r\n            <span class=\"sc-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.solsconfort.com\/wp-content\/uploads\/2023\/10\/ima.png\" alt=\"Client 09\"><\/span>\r\n            <span class=\"sc-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.solsconfort.com\/wp-content\/uploads\/2023\/10\/kp.png\" alt=\"Client 10\"><\/span>\r\n            <span class=\"sc-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.solsconfort.com\/wp-content\/uploads\/2023\/10\/lano.png\" alt=\"Client 11\"><\/span>\r\n            <span class=\"sc-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.solsconfort.com\/wp-content\/uploads\/2023\/10\/noel.png\" alt=\"Client 12\"><\/span>\r\n            <!--<span class=\"sc-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.solsconfort.com\/wp-content\/uploads\/2023\/10\/Surco.png\" alt=\"Client 13\"><\/span>-->\r\n            <span class=\"sc-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.solsconfort.com\/wp-content\/uploads\/2023\/10\/Tarimatec.png\" alt=\"Client 14\"><\/span>\r\n            <span class=\"sc-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.solsconfort.com\/wp-content\/uploads\/2023\/10\/topcret.png\" alt=\"Client 15\"><\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- NUESTROS PRODUCTOS -->\r\n  <section class=\"sc-section sc-products\" aria-label=\"Nuestros productos\">\r\n    <div class=\"sc-container\">\r\n      <h2 class=\"sc-h2\">Nuestros productos<\/h2>\r\n\r\n      <div class=\"sc-prod-shell\" data-sc-products>\r\n        <button class=\"sc-nav sc-prod-prev\" type=\"button\" aria-label=\"Anterior\">\u2039<\/button>\r\n\r\n        <div class=\"sc-prod-viewport\">\r\n          <div class=\"sc-prod-track\">\r\n            <article class=\"sc-prod-card\">\r\n              <a href=\"https:\/\/www.solsconfort.com\/paviments\/\" aria-label=\"Pavimentos\">\r\n                <div class=\"sc-prod-card__bg\" style=\"background-image:url('https:\/\/www.solsconfort.com\/wp-content\/uploads\/2026\/04\/Paviments.jpg')\"><\/div>\r\n                <div class=\"sc-prod-card__shade\"><\/div>\r\n                <div class=\"sc-prod-card__content\">\r\n                  <p class=\"sc-prod-card__title\">Pavimentos<\/p>\r\n                <\/div>\r\n              <\/a>\r\n            <\/article>\r\n\r\n            <article class=\"sc-prod-card\">\r\n              <a href=\"https:\/\/www.solsconfort.com\/revestiments-2\/\" aria-label=\"Revestimientos\">\r\n                <div class=\"sc-prod-card__bg\" style=\"background-image:url('https:\/\/www.solsconfort.com\/wp-content\/uploads\/2026\/04\/Revestiments.jpeg')\"><\/div>\r\n                <div class=\"sc-prod-card__shade\"><\/div>\r\n                <div class=\"sc-prod-card__content\">\r\n                  <p class=\"sc-prod-card__title\">Revestimientos<\/p>\r\n                <\/div>\r\n              <\/a>\r\n            <\/article>\r\n\r\n            <article class=\"sc-prod-card\">\r\n              <a href=\"https:\/\/www.solsconfort.com\/solucions-tecniques-2\/\" aria-label=\"Soluciones t\u00e9cnicas\">\r\n                <div class=\"sc-prod-card__bg\" style=\"background-image:url('https:\/\/www.solsconfort.com\/wp-content\/uploads\/2026\/04\/Solucions-tecniques.webp')\"><\/div>\r\n                <div class=\"sc-prod-card__shade\"><\/div>\r\n                <div class=\"sc-prod-card__content\">\r\n                  <p class=\"sc-prod-card__title\">Soluciones t\u00e9cnicas<\/p>\r\n                <\/div>\r\n              <\/a>\r\n            <\/article>\r\n\r\n            <article class=\"sc-prod-card\">\r\n              <a href=\"https:\/\/www.solsconfort.com\/acabats-decoratius-2\/\" aria-label=\"Acabados decorativos\">\r\n                <div class=\"sc-prod-card__bg\" style=\"background-image:url('https:\/\/www.solsconfort.com\/wp-content\/uploads\/2026\/04\/Acabats-decoratius.webp')\"><\/div>\r\n                <div class=\"sc-prod-card__shade\"><\/div>\r\n                <div class=\"sc-prod-card__content\">\r\n                  <p class=\"sc-prod-card__title\">Acabados decorativos<\/p>\r\n                <\/div>\r\n              <\/a>\r\n            <\/article>\r\n\r\n            <article class=\"sc-prod-card\">\r\n              <a href=\"https:\/\/www.solsconfort.com\/maquinaria-de-neteja-2\/\" aria-label=\"Maquinaria profesional\">\r\n                <div class=\"sc-prod-card__bg\" style=\"background-image:url('https:\/\/www.solsconfort.com\/wp-content\/uploads\/2026\/04\/marquinaria-professiona.jpeg')\"><\/div>\r\n                <div class=\"sc-prod-card__shade\"><\/div>\r\n                <div class=\"sc-prod-card__content\">\r\n                  <p class=\"sc-prod-card__title\">Maquinaria profesional<\/p>\r\n                <\/div>\r\n              <\/a>\r\n            <\/article>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <button class=\"sc-nav sc-prod-next\" type=\"button\" aria-label=\"Siguiente\">\u203a<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"sc-prod-dots\" data-sc-prod-dots>\r\n        <span class=\"sc-prod-dot is-active\"><\/span>\r\n        <span class=\"sc-prod-dot\"><\/span>\r\n        <span class=\"sc-prod-dot\"><\/span>\r\n        <span class=\"sc-prod-dot\"><\/span>\r\n        <span class=\"sc-prod-dot\"><\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n    <!-- EXPERIENCIA -->\r\n  <section class=\"sc-section sc-metrics\" aria-label=\"+50 a\u00f1os de experiencia\">\r\n    <div class=\"sc-container\">\r\n      <div class=\"sc-metrics__head\">\r\n        <h2 class=\"sc-h2\">Experiencia<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"sc-metrics__grid\">\r\n        <div class=\"sc-metric\">\r\n          <div class=\"sc-metric__value\" aria-label=\"50 a\u00f1os de experiencia\">\r\n            <span class=\"sc-metric__main\">50<\/span>\r\n          <\/div>\r\n          <p class=\"sc-metric__txt\">A\u00f1os de experiencia<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sc-metric\">\r\n          <div class=\"sc-metric__value\" aria-label=\"M\u00e1s de 2000 proyectos ejecutados\">\r\n            <span class=\"sc-metric__main\">2.000<\/span>\r\n            <span class=\"sc-metric__suffix\">+<\/span>\r\n          <\/div>\r\n          <p class=\"sc-metric__txt\">Proyectos ejecutados<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sc-metric\">\r\n          <div class=\"sc-metric__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M12 15.5A3.5 3.5 0 1 0 12 8a3.5 3.5 0 0 0 0 7.5Z\"><\/path>\r\n              <path d=\"M19.4 15a1.8 1.8 0 0 0 .36 1.98l.04.04a2.1 2.1 0 0 1-2.97 2.97l-.04-.04a1.8 1.8 0 0 0-1.98-.36 1.8 1.8 0 0 0-1.1 1.66V21.3a2.1 2.1 0 0 1-4.2 0v-.05a1.8 1.8 0 0 0-1.1-1.66 1.8 1.8 0 0 0-1.98.36l-.04.04a2.1 2.1 0 1 1-2.97-2.97l.04-.04A1.8 1.8 0 0 0 3.6 15a1.8 1.8 0 0 0-1.66-1.1H1.9a2.1 2.1 0 0 1 0-4.2h.05A1.8 1.8 0 0 0 3.6 8.6a1.8 1.8 0 0 0-.36-1.98l-.04-.04a2.1 2.1 0 1 1 2.97-2.97l.04.04A1.8 1.8 0 0 0 8.2 4a1.8 1.8 0 0 0 1.1-1.66V2.3a2.1 2.1 0 0 1 4.2 0v.05A1.8 1.8 0 0 0 14.6 4a1.8 1.8 0 0 0 1.98-.36l.04-.04a2.1 2.1 0 1 1 2.97 2.97l-.04.04A1.8 1.8 0 0 0 19.2 8.6a1.8 1.8 0 0 0 1.66 1.1h.05a2.1 2.1 0 0 1 0 4.2h-.05A1.8 1.8 0 0 0 19.4 15Z\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <p class=\"sc-metric__txt\">Equipo propio de instalaci\u00f3n<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sc-metric\">\r\n          <div class=\"sc-metric__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <circle cx=\"6\" cy=\"6\" r=\"3\"><\/circle>\r\n              <circle cx=\"6\" cy=\"18\" r=\"3\"><\/circle>\r\n              <path d=\"M8.4 8.4 21 21\"><\/path>\r\n              <path d=\"M8.4 15.6 21 3\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <p class=\"sc-metric__txt\">Servicio a medida y personalizado<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- PROYECTOS DESTACADOS -->\r\n  <section class=\"sc-section sc-projects\" aria-label=\"Proyectos destacados\">\r\n    <div class=\"sc-container\">\r\n      <h2 class=\"sc-h2\">Proyectos destacados<\/h2>\r\n\r\n      <div class=\"sc-proj-grid\">\r\n        <article class=\"sc-proj\">\r\n          <div class=\"sc-proj__media\">\r\n            <img loading=\"lazy\" loading=\"lazy\"\r\n              class=\"sc-proj__img\"\r\n              src=\"https:\/\/www.solsconfort.com\/wp-content\/uploads\/2026\/06\/Proyectos_Sols.jpg\"\r\n              alt=\"Edifici Grandvalira Venta Forfaits Pas de La Casa\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n              fetchpriority=\"low\"\r\n              width=\"1200\"\r\n              height=\"900\"\r\n            >\r\n          <\/div>\r\n          <div class=\"sc-proj__shade\"><\/div>\r\n          <p class=\"sc-proj__title\">Edifici Grandvalira Venta Forfaits Pas de La Casa<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"sc-proj\">\r\n          <div class=\"sc-proj__media\">\r\n            <img loading=\"lazy\" loading=\"lazy\"\r\n              class=\"sc-proj__img\"\r\n              src=\"https:\/\/www.solsconfort.com\/wp-content\/uploads\/2026\/06\/Proyectos_Sols.png\"\r\n              alt=\"INGENI Coworking - Escaldes Engordany\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n              fetchpriority=\"low\"\r\n              width=\"1200\"\r\n              height=\"900\"\r\n            >\r\n          <\/div>\r\n          <div class=\"sc-proj__shade\"><\/div>\r\n          <p class=\"sc-proj__title\">INGENI Coworking - Escaldes Engordany<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"sc-proj\">\r\n          <div class=\"sc-proj__media\">\r\n            <img loading=\"lazy\" loading=\"lazy\"\r\n              class=\"sc-proj__img\"\r\n              src=\"https:\/\/www.solsconfort.com\/wp-content\/uploads\/2026\/06\/Proyectos_Sols_1.png\"\r\n              alt=\"Coworking Monday - Escaldes Engordany\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n              fetchpriority=\"low\"\r\n              width=\"1200\"\r\n              height=\"900\"\r\n            >\r\n          <\/div>\r\n          <div class=\"sc-proj__shade\"><\/div>\r\n          <p class=\"sc-proj__title\">Coworking Monday - Escaldes Engordany<\/p>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <!--<div class=\"sc-proj-cta\">-->\r\n      <!--  <a href=\"REEMPLAZA_LINK_PROJECTES\">Ver proyectos<\/a>-->\r\n      <!--<\/div>-->\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SHOWROOMS -->\r\n  <section class=\"sc-section sc-showrooms\" aria-label=\"Nuestros showrooms\">\r\n    <div class=\"sc-container\">\r\n      <div class=\"sc-showrooms__head\">\r\n        <h2 class=\"sc-showrooms__title\">Ven y elige t\u00fa mismo los materiales<\/h2>\r\n        <p class=\"sc-showrooms__sub\">\r\n          Descubre nuestros 2 showrooms en Andorra y vive de cerca texturas,\r\n          acabados y colecciones para tu proyecto.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"sc-showrooms__grid\">\r\n        <article class=\"sc-showroom\">\r\n          <div class=\"sc-showroom__bg\" style=\"background-image:url('https:\/\/www.solsconfort.com\/wp-content\/uploads\/2026\/05\/showroom1.jpg');\"><\/div>\r\n          <div class=\"sc-showroom__shade\"><\/div>\r\n          <div class=\"sc-showroom__label\">Prat de la Creu 78-80 \u00b7 Andorra <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"sc-showroom\">\r\n          <div class=\"sc-showroom__bg\" style=\"background-image:url('https:\/\/www.solsconfort.com\/wp-content\/uploads\/2023\/09\/Solsconfort-Qui-Som.jpg');\"><\/div>\r\n          <div class=\"sc-showroom__shade\"><\/div>\r\n          <div class=\"sc-showroom__label\">Carrer de les Costes, 12 \u00b7 Andorra<\/div>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <!--<div class=\"sc-showrooms__cta\">\r\n        <a href=\"REEMPLAZA_LINK_SHOWROOMS\">Ver showrooms<\/a>\r\n      <\/div>-->\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- CONTACTO -->\r\n  <section class=\"sc-section sc-contact\" aria-label=\"Contacta con nosotros\">\r\n    <div class=\"sc-container\">\r\n      <div class=\"sc-contact__grid\">\r\n        <div>\r\n          <h2 class=\"sc-contact__h\">Contacta con nosotros<\/h2>\r\n          <p class=\"sc-contact__p\">\r\n            Si quieres saber toda la disponibilidad de productos y servicios que ofrecemos o contactar con nosotros para que te asesoremos,\r\n            puedes hacerlo a trav\u00e9s del formulario o dirigirte directamente a nosotros a trav\u00e9s de <a href=\"mailto:info@solsconfort.com\">correo electr\u00f3nico<\/a>.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <form class=\"sc-form\" action=\"#\" method=\"post\" onsubmit=\"return false;\">\r\n          <div class=\"sc-form__grid\">\r\n            <div class=\"sc-field\">\r\n              <label class=\"sc-label\">Nombre *<\/label>\r\n              <input class=\"sc-input\" type=\"text\" placeholder=\"\" required>\r\n            <\/div>\r\n            <div class=\"sc-field\">\r\n              <label class=\"sc-label\">Apellidos *<\/label>\r\n              <input class=\"sc-input\" type=\"text\" placeholder=\"\" required>\r\n            <\/div>\r\n\r\n            <div class=\"sc-field\">\r\n              <label class=\"sc-label\">Correo electr\u00f3nico *<\/label>\r\n              <input class=\"sc-input\" type=\"email\" placeholder=\"\" required>\r\n            <\/div>\r\n            <div class=\"sc-field\">\r\n              <label class=\"sc-label\">Tel\u00e9fono *<\/label>\r\n              <input class=\"sc-input\" type=\"tel\" placeholder=\"\" required>\r\n            <\/div>\r\n\r\n            <div class=\"sc-field\" style=\"grid-column:1\/-1;\">\r\n              <label class=\"sc-label\">Consulta *<\/label>\r\n              <textarea class=\"sc-textarea\" required><\/textarea>\r\n            <\/div>\r\n\r\n            <label class=\"sc-check\">\r\n              <input type=\"checkbox\" required>\r\n              He le\u00eddo y acepto la pol\u00edtica de privacidad.*\r\n            <\/label>\r\n\r\n            <label class=\"sc-check\">\r\n              <input type=\"checkbox\" required>\r\n              Consiento el env\u00edo de datos.*\r\n            <\/label>\r\n\r\n            <div class=\"sc-submit\">\r\n              <button type=\"submit\">Enviar<\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/form>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n\/* Marquee infinito de logos (5 visibles) - versi\u00f3n segura *\/\r\n(function(){\r\n  const marquee = document.querySelector('[data-sc-logo-marquee]');\r\n  if(!marquee) return;\r\n\r\n  const reduceMotion = window.matchMedia &&\r\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  if(reduceMotion) return;\r\n\r\n  const rail = marquee.querySelector('.sc-logo-rail');\r\n  const baseSet = marquee.querySelector('.sc-logo-set');\r\n  if(!rail || !baseSet) return;\r\n\r\n  const visible = parseInt(marquee.dataset.visible || '5', 10);\r\n  const speed = parseFloat(marquee.dataset.speed || '26');\r\n  const gap = parseFloat(marquee.dataset.gap || '46');\r\n\r\n  marquee.style.setProperty('--sc-logo-gap', `${gap}px`);\r\n\r\n  function setCellWidth(){\r\n    const vw = marquee.getBoundingClientRect().width;\r\n    if (!vw || vw <= 0) return false;\r\n\r\n    const cell = (vw - gap * (visible - 1)) \/ visible;\r\n    marquee.style.setProperty('--sc-logo-cell', `${Math.max(120, cell)}px`);\r\n    return true;\r\n  }\r\n\r\n  function ensureClones(){\r\n    Array.from(rail.children).forEach((child, idx) => {\r\n      if (idx > 0) child.remove();\r\n    });\r\n\r\n    const vw = marquee.getBoundingClientRect().width;\r\n    const one = baseSet.scrollWidth;\r\n\r\n    if (!vw || vw <= 0 || !one || one <= 0) return false;\r\n\r\n    let total = one;\r\n    let safety = 0;\r\n\r\n    while (total < (vw * 2 + one) && safety < 10){\r\n      const clone = baseSet.cloneNode(true);\r\n      clone.setAttribute('aria-hidden', 'true');\r\n      rail.appendChild(clone);\r\n      total += one;\r\n      safety++;\r\n    }\r\n\r\n    return true;\r\n  }\r\n\r\n  let offset = 0;\r\n  let last = 0;\r\n  let raf = 0;\r\n  let paused = false;\r\n  let ready = false;\r\n\r\n  function loop(t){\r\n    if (!ready) return;\r\n\r\n    if (paused){\r\n      raf = requestAnimationFrame(loop);\r\n      return;\r\n    }\r\n\r\n    if (!last) last = t;\r\n    const dt = (t - last) \/ 1000;\r\n    last = t;\r\n\r\n    const one = baseSet.scrollWidth;\r\n    if (!one || one <= 0){\r\n      raf = requestAnimationFrame(loop);\r\n      return;\r\n    }\r\n\r\n    offset += speed * dt;\r\n    if (offset >= one) offset -= one;\r\n\r\n    rail.style.transform = `translateX(${-offset}px)`;\r\n    raf = requestAnimationFrame(loop);\r\n  }\r\n\r\n  function start(){\r\n    cancelAnimationFrame(raf);\r\n    raf = requestAnimationFrame(loop);\r\n  }\r\n\r\n  function build(){\r\n    const okWidth = setCellWidth();\r\n    const okClones = ensureClones();\r\n\r\n    if (!okWidth || !okClones){\r\n      ready = false;\r\n      return false;\r\n    }\r\n\r\n    ready = true;\r\n    offset = 0;\r\n    last = 0;\r\n    rail.style.transform = 'translateX(0)';\r\n    start();\r\n    return true;\r\n  }\r\n\r\n  function initWithRetries(){\r\n    let tries = 0;\r\n    const maxTries = 30;\r\n\r\n    function tryBuild(){\r\n      tries++;\r\n      const ok = build();\r\n\r\n      if (!ok && tries < maxTries){\r\n        setTimeout(tryBuild, 200);\r\n      }\r\n    }\r\n\r\n    tryBuild();\r\n  }\r\n\r\n  marquee.addEventListener('mouseenter', () => { paused = true; });\r\n  marquee.addEventListener('mouseleave', () => { paused = false; });\r\n\r\n  window.addEventListener('resize', () => {\r\n    clearTimeout(window.__scLogoT);\r\n    window.__scLogoT = setTimeout(() => {\r\n      build();\r\n    }, 150);\r\n  });\r\n\r\n  if (document.readyState === 'complete'){\r\n    initWithRetries();\r\n  } else {\r\n    window.addEventListener('load', initWithRetries, { once: true });\r\n  }\r\n})();\r\n\r\n\/* Slider de productos *\/\r\n(function(){\r\n  const root = document.querySelector('[data-sc-products]');\r\n  if(!root) return;\r\n\r\n  const track = root.querySelector('.sc-prod-track');\r\n  const cards = Array.from(root.querySelectorAll('.sc-prod-card'));\r\n  const prev = root.querySelector('.sc-prod-prev');\r\n  const next = root.querySelector('.sc-prod-next');\r\n  const dotsWrap = document.querySelector('[data-sc-prod-dots]');\r\n  const dots = dotsWrap ? Array.from(dotsWrap.querySelectorAll('.sc-prod-dot')) : [];\r\n\r\n  let index = 0;\r\n\r\n  function perView(){\r\n    const w = window.innerWidth;\r\n    if(w <= 767) return 1;\r\n    if(w <= 1180) return 3;\r\n    return 5;\r\n  }\r\n\r\n  function step(){\r\n    const gap = parseFloat(getComputedStyle(track).gap) || 0;\r\n    const cardW = cards[0].getBoundingClientRect().width;\r\n    return cardW + gap;\r\n  }\r\n\r\n  function maxIndex(){\r\n    return Math.max(0, cards.length - perView());\r\n  }\r\n\r\n  function updateDots(){\r\n    if(!dots.length) return;\r\n\r\n    const visibleDots = Math.max(1, cards.length - perView() + 1);\r\n\r\n    dots.forEach((dot, i) => {\r\n      dot.style.display = i < visibleDots ? 'block' : 'none';\r\n      dot.classList.toggle('is-active', i === index);\r\n    });\r\n  }\r\n\r\n  function render(){\r\n    if(window.innerWidth <= 767){\r\n      track.style.transform = '';\r\n      updateDots();\r\n      return;\r\n    }\r\n\r\n    index = Math.min(Math.max(0, index), maxIndex());\r\n    track.style.transform = `translateX(${-index * step()}px)`;\r\n\r\n    if(prev) prev.disabled = index === 0;\r\n    if(next) next.disabled = index === maxIndex();\r\n\r\n    updateDots();\r\n  }\r\n\r\n  if(prev){\r\n    prev.addEventListener('click', ()=>{\r\n      index--;\r\n      render();\r\n    });\r\n  }\r\n\r\n  if(next){\r\n    next.addEventListener('click', ()=>{\r\n      index++;\r\n      render();\r\n    });\r\n  }\r\n\r\n  window.addEventListener('resize', ()=>{\r\n    index = 0;\r\n    render();\r\n  });\r\n\r\n  render();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Soluciones para transformar cualquier espacio Descubre nuestro showroom en Andorra e insp\u00edrate con las mejores marcas europeas en pavimentos y revestimientos. Ver productos Nuestros productos \u2039 Pavimentos Revestimientos Soluciones t\u00e9cnicas Acabados decorativos Maquinaria profesional \u203a Experiencia 50 A\u00f1os de experiencia 2.000 + Proyectos ejecutados Equipo propio de instalaci\u00f3n Servicio a medida y personalizado Proyectos destacados [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-2701","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.solsconfort.com\/es\/wp-json\/wp\/v2\/pages\/2701","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.solsconfort.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.solsconfort.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.solsconfort.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.solsconfort.com\/es\/wp-json\/wp\/v2\/comments?post=2701"}],"version-history":[{"count":34,"href":"https:\/\/www.solsconfort.com\/es\/wp-json\/wp\/v2\/pages\/2701\/revisions"}],"predecessor-version":[{"id":3245,"href":"https:\/\/www.solsconfort.com\/es\/wp-json\/wp\/v2\/pages\/2701\/revisions\/3245"}],"wp:attachment":[{"href":"https:\/\/www.solsconfort.com\/es\/wp-json\/wp\/v2\/media?parent=2701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}