/* ============================================ ARLORA — CSS GLOBAL PARA WORDPRESS + ASTRA Pegar en: Apariencia > Personalizar > CSS adicional O en: WP Code plugin ============================================ */ @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Jost:wght@200;300;400;500;600&display=swap'); /* === VARIABLES GLOBALES === */ :root { --gold: #B8975A; --gold-light: #D4B483; --gold-pale: #F0E6D3; --cream: #FAF7F2; --dark: #1C1A17; --warm-gray: #6B6560; --text: #2E2B27; --white: #FFFFFF; --border: rgba(184, 151, 90, 0.2); --shadow: 0 4px 40px rgba(28, 26, 23, 0.08); --shadow-hover: 0 12px 60px rgba(28, 26, 23, 0.16); --radius: 2px; --font-display: 'Cormorant Garamond', Georgia, serif; --font-body: 'Jost', sans-serif; --transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } /* === RESET ASTRA === */ body { font-family: var(--font-body) !important; background: var(--cream) !important; color: var(--text) !important; font-weight: 300; line-height: 1.7; -webkit-font-smoothing: antialiased; } /* === HEADER / NAVEGACIÓN === */ #masthead, .site-header, .ast-primary-header-bar { background: rgba(250, 247, 242, 0.96) !important; backdrop-filter: blur(12px) !important; border-bottom: 1px solid var(--border) !important; box-shadow: none !important; position: sticky !important; top: 0 !important; z-index: 9999 !important; transition: var(--transition) !important; } .ast-site-identity .site-title a, .ast-site-identity .site-title { font-family: var(--font-display) !important; font-size: 28px !important; font-weight: 400 !important; color: var(--dark) !important; letter-spacing: 2px !important; text-decoration: none !important; } /* Logo styling */ .custom-logo { max-height: 50px !important; } /* === NAVEGACIÓN PRINCIPAL === */ .main-navigation ul li a, .ast-main-header-bar-alignment .main-navigation ul li a, #site-navigation ul li a { font-family: var(--font-body) !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: 2.5px !important; text-transform: uppercase !important; color: var(--warm-gray) !important; text-decoration: none !important; padding: 8px 16px !important; transition: var(--transition) !important; position: relative; } .main-navigation ul li a::after { content: ''; position: absolute; bottom: 0; left: 16px; right: 16px; height: 1px; background: var(--gold); transform: scaleX(0); transition: transform 0.3s ease; } .main-navigation ul li a:hover, .main-navigation ul li.current-menu-item > a { color: var(--gold) !important; } .main-navigation ul li a:hover::after, .main-navigation ul li.current-menu-item > a::after { transform: scaleX(1); } /* === PÁGINA CONTENT === */ .site-content, .entry-content, .ast-container { max-width: 100% !important; padding: 0 !important; } .entry-content p, .entry-content h1, .entry-content h2, .entry-content h3 { margin: 0; padding: 0; } /* === BOTONES GLOBALES === */ .arlora-btn { display: inline-block; padding: 14px 36px; background: var(--dark); color: var(--cream) !important; font-family: var(--font-body); font-size: 11px; font-weight: 500; letter-spacing: 2.5px; text-transform: uppercase; text-decoration: none !important; border: 1px solid var(--dark); cursor: pointer; transition: var(--transition); border-radius: 0; } .arlora-btn:hover { background: transparent; color: var(--dark) !important; } .arlora-btn-outline { display: inline-block; padding: 14px 36px; background: transparent; color: var(--dark) !important; font-family: var(--font-body); font-size: 11px; font-weight: 500; letter-spacing: 2.5px; text-transform: uppercase; text-decoration: none !important; border: 1px solid var(--dark); cursor: pointer; transition: var(--transition); } .arlora-btn-outline:hover { background: var(--dark); color: var(--cream) !important; } .arlora-btn-gold { display: inline-block; padding: 14px 36px; background: var(--gold); color: var(--white) !important; font-family: var(--font-body); font-size: 11px; font-weight: 500; letter-spacing: 2.5px; text-transform: uppercase; text-decoration: none !important; border: 1px solid var(--gold); cursor: pointer; transition: var(--transition); } .arlora-btn-gold:hover { background: transparent; color: var(--gold) !important; } /* === FOOTER === */ .site-footer, #colophon { background: var(--dark) !important; color: rgba(250, 247, 242, 0.6) !important; padding: 60px 40px 30px !important; font-family: var(--font-body) !important; font-size: 12px !important; letter-spacing: 1px !important; } .site-footer a { color: var(--gold-light) !important; text-decoration: none !important; transition: var(--transition) !important; } .site-footer a:hover { color: var(--white) !important; } /* === SCROLL BAR === */ ::-webkit-scrollbar { width: 4px; } ::-webkit-scrollbar-track { background: var(--cream); } ::-webkit-scrollbar-thumb { background: var(--gold); border-radius: 2px; } /* === ANIMACIONES GLOBALES === */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes shimmer { 0% { background-position: -200% center; } 100% { background-position: 200% center; } } .animate-in { animation: fadeInUp 0.8s ease forwards; } /* === OCULTAR ELEMENTOS ASTRA NO DESEADOS === */ .ast-breadcrumbs-wrapper, .post-thumbnail, .entry-header .entry-title, .entry-footer, .ast-author-bio, .comments-area { display: none !important; } /* Quitar padding extra de Astra en páginas */ .ast-page-builder-template .entry-content, .page-template-default .entry-content { padding: 0 !important; margin: 0 !important; } .ast-container, .entry-content { max-width: none !important; }

@import url(‘https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Jost:wght@200;300;400;500;600&display=swap’);
:root{–gold:#B8975A;–gold-light:#D4B483;–gold-pale:#F0E6D3;–cream:#FAF7F2;–dark:#1C1A17;–warm-gray:#6B6560;–text:#2E2B27;–white:#FFFFFF;–border:rgba(184,151,90,0.2);–font-display:’Cormorant Garamond’,Georgia,serif;–font-body:’Jost’,sans-serif;–transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);}
*{box-sizing:border-box;margin:0;padding:0;}

/* HERO */
.al-hero{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;background:var(–dark);}
.al-hero__bg{position:absolute;inset:0;background:linear-gradient(135deg,#1C1A17 0%,#2a2520 40%,#1a1814 100%);}
.al-hero__pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(184,151,90,0.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(184,151,90,0.06) 0%,transparent 40%);}
.al-hero__content{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:80px 60px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;width:100%;}
.al-hero__eyebrow{display:inline-block;font-family:var(–font-body);font-size:10px;font-weight:500;letter-spacing:4px;text-transform:uppercase;color:var(–gold);margin-bottom:24px;opacity:0;animation:fadeInUp 0.8s 0.2s ease forwards;}
.al-hero__title{font-family:var(–font-display);font-size:clamp(48px,5vw,78px);font-weight:300;color:var(–white);line-height:1.05;margin-bottom:28px;opacity:0;animation:fadeInUp 0.8s 0.4s ease forwards;}
.al-hero__title em{font-style:italic;color:var(–gold-light);}
.al-hero__subtitle{font-family:var(–font-body);font-size:15px;font-weight:300;color:rgba(250,247,242,0.6);line-height:1.8;margin-bottom:48px;max-width:420px;opacity:0;animation:fadeInUp 0.8s 0.6s ease forwards;}
.al-hero__actions{display:flex;gap:16px;flex-wrap:wrap;opacity:0;animation:fadeInUp 0.8s 0.8s ease forwards;}
.al-btn{display:inline-block;padding:16px 36px;font-family:var(–font-body);font-size:11px;font-weight:500;letter-spacing:2.5px;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:var(–transition);}
.al-btn–primary{background:var(–gold);color:var(–white)!important;border:1px solid var(–gold);}
.al-btn–primary:hover{background:transparent;color:var(–gold)!important;}
.al-btn–outline{background:transparent;color:rgba(250,247,242,0.8)!important;border:1px solid rgba(250,247,242,0.25);}
.al-btn–outline:hover{border-color:var(–gold);color:var(–gold)!important;}
.al-hero__visual{position:relative;display:flex;align-items:center;justify-content:center;opacity:0;animation:fadeIn 1.2s 0.5s ease forwards;}
.al-hero__visual img{width:100%;max-width:420px;height:auto;object-fit:contain;filter:drop-shadow(0 40px 80px rgba(0,0,0,0.5));position:relative;z-index:2;}
.al-hero__glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(184,151,90,0.15) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);}

/* STRIP */
.al-strip{background:var(–gold);padding:18px 0;overflow:hidden;}
.al-strip__track{display:flex;gap:60px;animation:marquee 22s linear infinite;white-space:nowrap;width:max-content;}
.al-strip__item{font-family:var(–font-body);font-size:11px;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:var(–white);flex-shrink:0;}
.al-strip__dot{color:rgba(255,255,255,0.5);}
@keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* FEATURES */
.al-features{background:var(–cream);padding:120px 60px;}
.al-features__inner{max-width:1400px;margin:0 auto;}
.al-section-tag{font-family:var(–font-body);font-size:10px;font-weight:500;letter-spacing:4px;text-transform:uppercase;color:var(–gold);display:block;margin-bottom:20px;}
.al-section-title{font-family:var(–font-display);font-size:clamp(36px,3.5vw,54px);font-weight:300;color:var(–dark);line-height:1.2;margin-bottom:16px;}
.al-section-title em{font-style:italic;color:var(–gold);}
.al-section-sub{font-family:var(–font-body);font-size:14px;color:var(–warm-gray);line-height:1.8;max-width:480px;}
.al-features__header{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:64px;}
.al-features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;}
.al-feat-card{background:var(–white);padding:48px 36px;position:relative;overflow:hidden;transition:var(–transition);}
.al-feat-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(28,26,23,0.1);}
.al-feat-card::after{content:»;position:absolute;bottom:0;left:0;right:0;height:2px;background:var(–gold);transform:scaleX(0);transition:transform 0.4s ease;transform-origin:left;}
.al-feat-card:hover::after{transform:scaleX(1);}
.al-feat-card__num{font-family:var(–font-display);font-size:80px;font-weight:300;color:var(–gold-pale);line-height:1;position:absolute;top:16px;right:24px;}
.al-feat-card__img{width:100%;height:180px;object-fit:contain;margin-bottom:24px;position:relative;z-index:1;}
.al-feat-card__title{font-family:var(–font-display);font-size:22px;font-weight:400;color:var(–dark);margin-bottom:14px;position:relative;z-index:1;}
.al-feat-card__text{font-family:var(–font-body);font-size:13px;color:var(–warm-gray);line-height:1.8;position:relative;z-index:1;}

/* PRODUCTO CTA */
.al-product{background:var(–dark);padding:120px 60px;position:relative;overflow:hidden;}
.al-product::before{content:»;position:absolute;top:-100px;right:-100px;width:500px;height:500px;border-radius:50%;border:1px solid rgba(184,151,90,0.06);}
.al-product__inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.al-product__visual{position:relative;display:flex;justify-content:center;align-items:center;}
.al-product__visual img{width:100%;max-width:400px;height:auto;object-fit:contain;filter:drop-shadow(0 40px 80px rgba(0,0,0,0.6));position:relative;z-index:1;}
.al-product__price-tag{position:absolute;top:20px;right:0px;background:var(–gold);color:var(–white);padding:14px 22px;font-family:var(–font-display);font-size:26px;font-weight:400;z-index:2;}
.al-product__info .al-section-tag{color:var(–gold);}
.al-product__info .al-section-title{color:var(–white);}
.al-product__info .al-section-sub{color:rgba(250,247,242,0.6);}
.al-product__specs{margin:36px 0;display:flex;flex-direction:column;gap:14px;}
.al-spec{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid rgba(184,151,90,0.12);}
.al-spec:last-child{border-bottom:none;}
.al-spec__dot{width:5px;height:5px;border-radius:50%;background:var(–gold);flex-shrink:0;}
.al-spec__text{font-family:var(–font-body);font-size:13px;color:rgba(250,247,242,0.65);}
.al-product__cta{display:flex;gap:16px;flex-wrap:wrap;margin-top:36px;}

/* CABEZALES PREVIEW */
.al-heads-preview{background:var(–white);padding:100px 60px;}
.al-heads-preview__inner{max-width:1400px;margin:0 auto;}
.al-heads-preview__header{text-align:center;margin-bottom:64px;}
.al-heads-preview__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.al-hprev-card{border:1px solid var(–border);padding:40px 28px;text-align:center;transition:var(–transition);}
.al-hprev-card:hover{border-color:var(–gold);transform:translateY(-4px);box-shadow:0 16px 48px rgba(28,26,23,0.07);}
.al-hprev-card img{width:100%;max-width:160px;height:160px;object-fit:contain;margin:0 auto 24px;display:block;}
.al-hprev-card__name{font-family:var(–font-display);font-size:22px;font-weight:400;color:var(–dark);margin-bottom:10px;}
.al-hprev-card__price{font-family:var(–font-display);font-size:28px;font-weight:300;color:var(–gold);margin-bottom:20px;}
.al-hprev-card__desc{font-family:var(–font-body);font-size:13px;color:var(–warm-gray);line-height:1.7;margin-bottom:24px;}
.al-hprev-card__link{display:inline-block;padding:12px 28px;background:var(–dark);color:var(–white)!important;font-family:var(–font-body);font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;text-decoration:none;transition:var(–transition);border:1px solid var(–dark);}
.al-hprev-card__link:hover{background:transparent;color:var(–dark)!important;}

/* SKIN ID TEASER */
.al-skinid{background:var(–cream);padding:100px 60px;}
.al-skinid__inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.al-skinid__screen{background:var(–dark);border-radius:20px;padding:36px;height:340px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.al-skinid__screen::before{content:»;position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(184,151,90,0.12) 0%,transparent 70%);}
.al-skinid__ui{position:relative;z-index:1;text-align:center;width:100%;}
.al-skinid__ui-title{font-family:var(–font-body);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(–gold);margin-bottom:20px;}
.al-skinid__bars{display:flex;gap:10px;align-items:flex-end;justify-content:center;height:80px;margin-bottom:24px;}
.al-skinid__bar{width:22px;background:rgba(184,151,90,0.25);border-radius:2px;animation:barPulse 2s infinite ease-in-out;}
.al-skinid__bar:nth-child(1){height:40%;animation-delay:0s;}
.al-skinid__bar:nth-child(2){height:70%;animation-delay:0.2s;background:rgba(184,151,90,0.55);}
.al-skinid__bar:nth-child(3){height:100%;animation-delay:0.4s;background:var(–gold);}
.al-skinid__bar:nth-child(4){height:65%;animation-delay:0.6s;background:rgba(184,151,90,0.55);}
.al-skinid__bar:nth-child(5){height:38%;animation-delay:0.8s;}
@keyframes barPulse{0%,100%{opacity:0.7;transform:scaleY(1);}50%{opacity:1;transform:scaleY(1.08);}}
.al-skinid__status{font-family:var(–font-body);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:rgba(250,247,242,0.45);}
.al-skinid__status span{color:var(–gold);}
.al-skinid__info .al-section-sub{margin-bottom:24px;}
.al-skinid__info a{display:inline-block;margin-top:20px;padding:16px 36px;background:var(–dark);color:var(–white)!important;font-family:var(–font-body);font-size:11px;font-weight:500;letter-spacing:2.5px;text-transform:uppercase;text-decoration:none;border:1px solid var(–dark);transition:var(–transition);}
.al-skinid__info a:hover{background:transparent;color:var(–dark)!important;}

/* NEWSLETTER */
.al-newsletter{background:var(–gold-pale);padding:80px 60px;text-align:center;}
.al-newsletter__inner{max-width:560px;margin:0 auto;}
.al-newsletter__title{font-family:var(–font-display);font-size:clamp(28px,3vw,40px);font-weight:300;color:var(–dark);margin-bottom:12px;}
.al-newsletter__sub{font-family:var(–font-body);font-size:14px;color:var(–warm-gray);margin-bottom:36px;}
.al-newsletter__form{display:flex;}
.al-newsletter__input{flex:1;padding:16px 20px;background:var(–white);border:1px solid var(–border);border-right:none;font-family:var(–font-body);font-size:13px;color:var(–text);outline:none;}
.al-newsletter__input::placeholder{color:var(–warm-gray);}
.al-newsletter__btn{padding:16px 28px;background:var(–dark);color:var(–white);border:1px solid var(–dark);font-family:var(–font-body);font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:var(–transition);white-space:nowrap;}
.al-newsletter__btn:hover{background:var(–gold);border-color:var(–gold);}

/* FOOTER */
.al-footer{background:var(–dark);padding:80px 60px 40px;}
.al-footer__inner{max-width:1400px;margin:0 auto;}
.al-footer__top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px;}
.al-footer__brand .al-logo-img{max-height:48px;width:auto;filter:brightness(0) invert(1);margin-bottom:20px;display:block;}
.al-footer__brand p{font-family:var(–font-body);font-size:13px;color:rgba(250,247,242,0.45);line-height:1.8;max-width:280px;}
.al-footer__col h4{font-family:var(–font-body);font-size:10px;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:var(–gold);margin-bottom:24px;}
.al-footer__col ul{list-style:none;}
.al-footer__col ul li{margin-bottom:12px;}
.al-footer__col ul li a{font-family:var(–font-body);font-size:13px;color:rgba(250,247,242,0.45);text-decoration:none;transition:var(–transition);}
.al-footer__col ul li a:hover{color:var(–gold);}
.al-footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:40px;border-top:1px solid rgba(184,151,90,0.1);}
.al-footer__copy{font-family:var(–font-body);font-size:12px;color:rgba(250,247,242,0.3);letter-spacing:0.5px;}
.al-footer__legal{display:flex;gap:28px;}
.al-footer__legal a{font-family:var(–font-body);font-size:12px;color:rgba(250,247,242,0.35);text-decoration:none;transition:var(–transition);}
.al-footer__legal a:hover{color:var(–gold);}

@keyframes fadeInUp{from{opacity:0;transform:translateY(28px);}to{opacity:1;transform:translateY(0);}}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}

@media(max-width:960px){
.al-hero__content,.al-product__inner,.al-skinid__inner,.al-features__header{grid-template-columns:1fr;}
.al-hero__visual{display:none;}
.al-features__grid,.al-heads-preview__grid{grid-template-columns:1fr;}
.al-footer__top{grid-template-columns:1fr 1fr;}
.al-hero__content,.al-features,.al-product,.al-skinid,.al-heads-preview,.al-newsletter,.al-footer{padding-left:24px;padding-right:24px;}
.al-newsletter__form{flex-direction:column;}
.al-newsletter__input{border-right:1px solid var(–border);border-bottom:none;}
.al-footer__bottom{flex-direction:column;gap:20px;text-align:center;}
.al-footer__legal{flex-wrap:wrap;justify-content:center;}
}

Skincare inteligente · Barcelona

Tu piel,
inteligentemente
cuidada

Arlora es el dispositivo facial 3 en 1 que se adapta en tiempo real a tu piel, tu rutina y tu entorno. Tecnología que cuida.

Dispositivo Arlora 3 en 1

Depilación facial ·
Tratamiento facial ·
Masaje facial ·
Dynamic Skin ID ·
Eco Mode ·
App inteligente ·
CE certificado ·
Depilación facial ·
Tratamiento facial ·
Masaje facial ·
Dynamic Skin ID ·
Eco Mode ·
App inteligente ·
CE certificado ·

Tres funciones.
Un solo dispositivo.

El sistema de cabezales intercambiables de Arlora te permite personalizar completamente tu rutina facial, adaptándose a lo que tu piel necesita cada día.

01
Cabezal depilatorio Arlora

Depilación Facial

Elimina el vello facial de forma segura y progresiva. La intensidad se ajusta automáticamente según tu perfil Skin ID para proteger tu piel.

02
Cabezal tratamiento Arlora

Tratamiento Facial

Terapia de luz LED y microcorrientes que regeneran, hidratan y mejoran la textura de tu piel con parámetros adaptados en tiempo real.

03
Cabezal masajeador Arlora

Masaje Facial

Estimulación suave que activa la circulación, reduce la tensión muscular y potencia la absorción de activos. El spa en tu hogar.

Arlora Device — dispositivo facial inteligente

259,99€

El dispositivo
que cuida tu piel

Todo lo que necesitas para tu rutina facial profesional, en un único dispositivo elegante conectado con tu vida.

Dispositivo principal + 3 cabezales intercambiables

Conectividad con app móvil — Dynamic Skin ID

Eco Mode para uso eficiente y sostenible

Certificación CE — seguridad dermatológica garantizada

Diseño premium con materiales seguros para la piel

Amplía tu experiencia

Cabezal depilatorio

Cabezal Depilación

21,50€

Depilación suave y progresiva adaptada a tu perfil Skin ID.

Ver en tienda

Cabezal tratamiento

Cabezal Tratamiento

24,00€

LED y microcorrientes para regenerar e hidratar en profundidad.

Ver en tienda

Cabezal masajeador

Cabezal Masaje

19,90€

Circulación, relajación y potenciación de activos cosméticos.

Ver en tienda

Dynamic
Skin ID

Nuestro sistema analiza en tiempo real la temperatura, la humedad ambiental, tu localización y tu historial de uso para ofrecerte el tratamiento perfecto en el momento exacto.

Análisis en tiempo real de condiciones ambientales

Recomendaciones personalizadas por estación

Ajuste automático de intensidad y duración

Explorar Skin ID y Tips

Skin ID · Análisis activo

Estado: Óptimo

No se han encontrado productos que coincidan con tu selección.
Scroll al inicio