.elementor-kit-11{--e-global-color-primary:#182C39;--e-global-color-secondary:#BB8D6C;--e-global-color-text:#424242;--e-global-color-accent:#D0B19B;--e-global-color-9137ce5:#E7E7E7;--e-global-color-2ca5a83:#606060;--e-global-color-bc483c0:#000000;--e-global-color-409285a:#FFFFFF;--e-global-typography-primary-font-family:"Kenoky";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Kenoky";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Outfit";--e-global-typography-text-font-size:1.1rem;--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Outfit";--e-global-typography-accent-font-weight:500;--e-global-typography-763655d-font-family:"Poppins";--e-global-typography-763655d-font-size:1.1rem;--e-global-typography-763655d-font-weight:400;--e-global-typography-763655d-text-transform:uppercase;--e-global-typography-763655d-letter-spacing:0.8px;--e-global-typography-a56b375-font-size:5.2rem;--e-global-typography-a56b375-font-weight:100;--e-global-typography-a56b375-text-transform:uppercase;--e-global-typography-a56b375-line-height:5.6rem;--e-global-typography-a56b375-letter-spacing:0.4rem;--e-global-typography-11d61a1-font-family:"Outfit";--e-global-typography-11d61a1-font-size:2.4rem;--e-global-typography-11d61a1-font-weight:400;--e-global-typography-11d61a1-text-transform:uppercase;--e-global-typography-11d61a1-line-height:2.8rem;--e-global-typography-11d61a1-letter-spacing:0.2rem;--e-global-typography-6cc4329-font-family:"Outfit";--e-global-typography-6cc4329-font-size:1.1rem;--e-global-typography-6cc4329-font-weight:600;--e-global-typography-6cc4329-text-transform:uppercase;--e-global-typography-6cc4329-line-height:1.8rem;--e-global-typography-6cc4329-letter-spacing:0.1rem;--e-global-typography-e26295a-font-family:"Outfit";--e-global-typography-e26295a-font-size:1.1rem;--e-global-typography-e26295a-font-weight:400;--e-global-typography-e26295a-text-transform:uppercase;--e-global-typography-e26295a-line-height:1.2em;--e-global-typography-e26295a-letter-spacing:0.8px;--e-global-typography-f6cf0df-font-family:"Outfit";--e-global-typography-f6cf0df-font-size:1.2rem;--e-global-typography-f6cf0df-font-weight:600;--e-global-typography-f6cf0df-text-transform:uppercase;--e-global-typography-f6cf0df-line-height:1.4rem;--e-global-typography-f6cf0df-letter-spacing:0.2rem;color:var( --e-global-color-2ca5a83 );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-11 button,.elementor-kit-11 input[type="button"],.elementor-kit-11 input[type="submit"],.elementor-kit-11 .elementor-button{background-color:var( --e-global-color-2ca5a83 );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-409285a );border-style:none;border-radius:0px 0px 0px 0px;}.elementor-kit-11 e-page-transition{background-color:#FFBC7D;}.elementor-kit-11 a{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-11 h1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-11 h2{font-family:"Kenoky", Sans-serif;font-weight:600;}.elementor-kit-11 h3{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-11 h4{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-11 button:hover,.elementor-kit-11 button:focus,.elementor-kit-11 input[type="button"]:hover,.elementor-kit-11 input[type="button"]:focus,.elementor-kit-11 input[type="submit"]:hover,.elementor-kit-11 input[type="submit"]:focus,.elementor-kit-11 .elementor-button:hover,.elementor-kit-11 .elementor-button:focus{border-style:solid;border-width:0px 0px 2px 0px;border-color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================================================
   BLOC I: ESTILS GENERALS, TIPOGRAFIA I ÚS GLOBAL
============================================================================ */
b, strong { font-weight: 500 !important; }

button.slickwprev-prev.slickwprev-arrow,
button.slickwprev-next.slickwprev-arrow { background-color: transparent; }

.doscolors-b   { color: #182C39; }
.doscolors-m   { color: #bb8d6c; }
.doscolors-bl  { color: #fff; }

h2 small { font-size: 3.8rem !important; }

form button:hover { border: none !important; }

body { overscroll-behavior-x: contain; }
html, body { height: 100%; }

/* Popup/videglass efecte */
.videglass {
    background: rgba(255,255,255,0);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}



/* Títols a dues línies */
@media (min-width: 767.98px) {
    .titular-dos-linies           { display: flex; flex-direction: column; }
    .titular-dos-linies .esquerra { text-align: left;  width: 100%; }
    .titular-dos-linies .dreta    { text-align: right; width: 100%; }
}

/* Ajust smalls títols */
@media (max-width:767px){
    .elementor-widget-heading .elementor-heading-title small.titolmenysinterlin {
        line-height: 0.8 !important;
        font-size: 2rem !important;
    } 
}


/* ============================================================================
   BLOC II: SNIPPETS / ANIMACIONS / EFECTES ESPECÍFICS
============================================================================ */

/*---------------------------------------------------------------------------
  Mix blend utilities
---------------------------------------------------------------------------*/
.blend-scope       { isolation: isolate; }
.blend-normal      { mix-blend-mode: normal; }
.blend-multiply    { mix-blend-mode: multiply; }
.blend-screen      { mix-blend-mode: screen; }
.blend-overlay     { mix-blend-mode: overlay; }
.blend-darken      { mix-blend-mode: darken; }
.blend-lighten     { mix-blend-mode: lighten; }
.blend-color-dodge { mix-blend-mode: color-dodge; }
.blend-color-burn  { mix-blend-mode: color-burn; }
.blend-hard-light  { mix-blend-mode: hard-light; }
.blend-soft-light  { mix-blend-mode: soft-light; }
.blend-difference  { mix-blend-mode: difference; }
.blend-exclusion   { mix-blend-mode: exclusion; }
.blend-hue         { mix-blend-mode: hue; }
.blend-saturation  { mix-blend-mode: saturation; }
.blend-color       { mix-blend-mode: color; }
.blend-luminosity  { mix-blend-mode: luminosity; }
.blend-plus-lighter{ mix-blend-mode: plus-lighter; }

/*---------------------------------------------------------------------------
  Marquée doble invertit (“rollingText”)
---------------------------------------------------------------------------*/
.rollingText,
.rollingText2 {
    overflow: hidden;
    display: block;
    width: 100%;
    position: relative;
    white-space: nowrap;
}
.marquee-track {
    display: inline-block;
    white-space: nowrap;
    will-change: transform;
}

/*---------------------------------------------------------------------------
  Contenidors foto/vídeo, Slider horitzontal
---------------------------------------------------------------------------*/
.crea-hshell {
    position: relative;
    width: 100%; min-width: 0;
    padding-top: var(--h-topbar, 10px);
}
.crea-hscroll {
    overflow-x: auto; overflow-y: hidden;
    scroll-padding-inline: var(--h-pad);
    padding-inline: var(--h-pad) calc(var(--h-pad) + var(--peek));
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    scrollbar-gutter: stable both-edges;
    touch-action: pan-x;
    width: 100%; max-width: 100%; min-width: 0;
    will-change: transform;
}
.crea-hscroll::-webkit-scrollbar { display: none; }
.crea-hscroll > :where(.e-con, .elementor-column, .crea-hitem) {
    flex: 0 0 auto !important;
    max-width: none !important;
    flex-grow: 0 !important;
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

/* Botons slider */
.crea-hbtn {
    --h-btn: 80px;
    position: absolute;
    top: calc((var(--h-topbar,40px) - var(--h-btn)) / 2);
    width: var(--h-btn); height: var(--h-btn);
    display: inline-flex; align-items: center; justify-content: center;
    background: transparent !important;
    color: var(--e-global-color-secondary, #70b63e) !important;
    border: none !important; border-radius: 9999px;
    box-shadow: none !important;
    cursor: pointer;
    user-select: none; z-index: 2;
}
.crea-hbtn.left  { left: var(--h-pad); }
.crea-hbtn.right { left: 70px; }
.crea-hbtn[disabled] { opacity: .35; pointer-events: none; }
.crea-hbtn svg { width: 100%; height: 100%; display: block; }
.crea-hbtn svg path {
    fill: none !important; stroke: currentColor !important;
    stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;
}
.crea-hbtn:focus { outline: none; }
.crea-hbtn:focus-visible { outline-offset: 3px; outline: 3px solid rgba(112,182,62,0.7);}
.crea-hscroll img { -webkit-user-drag: none; user-select: none; }
.crea-hitem { margin-top: 50px; }

/* Slider responsive mòbil */
@media (max-width: 767.98px) {
    .crea-hscroll {
        display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important;
        overflow-x: auto !important; overflow-y: hidden !important;
        width: 100vw !important; max-width: 100vw !important; padding-inline: 0 !important;
        scroll-snap-type: none !important;
    }
    .crea-hscroll > .crea-hitem {
        display: flex !important; flex-direction: column; align-items: stretch;
        scroll-snap-align: none !important;
        flex: 0 0 82vw !important; min-width: 82vw !important; max-width: 88vw !important;
        margin-right: 6vw !important; width: auto !important;
    }
    .crea-hshell { padding-inline: 0 !important; }
    .crea-hscroll > .crea-hitem > .elementor-element {
        width: 100% !important; min-width: 0 !important; max-width: 100% !important;
    }
    #ocultenmobil,
    .crea-hscroll > #ocultenmobil,
    #ocultenmobil.e-con,
    #ocultenmobil.e-flex {
        display: none !important;
        width: 0 !important; min-width: 0 !important; max-width: 0 !important;
        height: 0 !important; flex: none !important;
        margin: 0 !important; padding: 0 !important; border: none !important;
    }
    .elementor-hidden-mobile { display: none !important; }
}

/*---------------------------------------------------------------------------
  Revealed animacions: .animestor i variants
---------------------------------------------------------------------------*/
.animestor {
  position: relative;
  overflow: hidden;
  --cortina-duration: 1.4s; /* abans 1.8s */
}

.animestor:not(.show-mask-editor)::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 100%;
  background: var(--elementor-background-overlay-color,#fff);
  z-index: 5;
  pointer-events: none;
  transition: top var(--cortina-duration) ease-out;
  border-radius: 0 !important;
  clip-path: inset(0);
}

.animestor.revealed:not(.show-mask-editor)::before {
  top: 100%;
  height: 100%;
}


body.elementor-editor-active .animestor::before,
.animestor.show-mask-editor::before {
  display: none !important;
}

.animestor.revealed {
  animation-delay: 0s !important;
}



/* Classes auxiliars per diferents alçades de contenidor */
.animestor.tall { --cortina-duration: 3.6s; }
.animestor.very-tall { --cortina-duration: 4.8s; }
.animestor.extra-tall { --cortina-duration: 6s; }

/* Adaptació automàtica segons viewport */
@media (min-height: 800px) {
  .animestor { --cortina-duration: clamp(2.4s, calc(2.4s + 1.2s), 6s); }
}

@media (min-height: 1200px) {
  .animestor { --cortina-duration: clamp(3s, calc(3s + 1.5s), 7s); }
}


/*---------------------------------------------------------------------------
  TEXT: Line reveal animacions (snippet)
---------------------------------------------------------------------------*/
.crea-line-reveal { 
    opacity: 0;
    --row-delay: .22s;
    --dur-line: 1.0s;
    --ease-line: cubic-bezier(.22,.61,.36,1);
    --rise-line: 1.4em;
    --tilt: 8deg;
    --origin-x: left;
    --origin-y: center;
    --desc-pad: .12em;
    --bleed: clamp(.18em, .10em + .30vw, .60em);
    --bleed-top: clamp(.10em, .06em + .20vw, .40em);
}
.crea-line-reveal .crea-line {
    display: block; overflow: hidden; line-height: inherit;
    padding-top:    var(--bleed-top);
    padding-bottom: calc(var(--desc-pad) + var(--bleed));
    margin-top:     calc(-1 * var(--bleed-top));
    margin-bottom:  calc(-1 * (var(--desc-pad) + var(--bleed)));
}
.crea-line-reveal .crea-line-inner {
    display: block;
    transform-origin: var(--origin-x) var(--origin-y);
    transition: none !important;
    will-change: transform;
}
.crea-line-reveal.crea-active { opacity: 1; }
/* Per accessible editor */
body.elementor-editor-active .crea-line-reveal,
body.elementor-editor-active .crea-line-reveal .crea-line-inner {
    opacity: 1 !important; transform: none !important; transition: none !important;
}
@media (prefers-reduced-motion: reduce) {
    .crea-line-reveal,
    .crea-line-reveal .crea-line-inner {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}
.crea-line-reveal .crea-br { display: inline; line-height: 0; }

/* Variant hero */
.crea-line-reveal.crea-hero {
    --row-delay: .32s; --dur-line: 1.45s; --ease-line: cubic-bezier(.16,.84,.44,1);
    --rise-line: 2.2em; --tilt: 12deg;
}
/* Variant giant */
.crea-line-reveal.crea-giant {
    --bleed-top: clamp(.70em, .40em + 1.4vw, 3.0em);
    --bleed:     clamp(1.10em, .60em + 2.2vw, 4.0em);
    --bleed-x:   clamp(.25em, .15em + .8vw, 1.6em);
}
.crea-line-reveal.crea-giant .crea-line {
    padding-left: var(--bleed-x); padding-right: var(--bleed-x);
    margin-left: calc(-1 * var(--bleed-x)); margin-right: calc(-1 * var(--bleed-x));
}

/*---------------------------------------------------------------------------
  IMAGE: “Crop reveal” animació (clip-path + radius)
---------------------------------------------------------------------------*/
.crea-crop-reveal {
    --cut: 40px;
    --dur: 2.4s;
    --ease: cubic-bezier(.22,.61,.36,1);
    --radius: 4px;
}
/* IMG directa */
img.crea-crop-reveal {
    display: block; width: 100%; height: auto;
    -webkit-clip-path: inset(var(--cut) var(--cut) var(--cut) var(--cut) round var(--radius));
    clip-path: inset(var(--cut) var(--cut) var(--cut) var(--cut) round var(--radius));
    transition: clip-path var(--dur) var(--ease);
    will-change: clip-path;
}
img.crea-crop-reveal.crea-in-view {
    -webkit-clip-path: inset(0 0 0 0 round var(--radius));
    clip-path: inset(0 0 0 0 round var(--radius));
}
.crea-crop-reveal img { border-radius: 4px !important; }

/* Mode contenidor amb wrap+mask */
.crea-crop-reveal,
.crea-crop-reveal .crea-crop-wrap { border-radius: var(--radius); overflow: clip; }
@supports not (overflow: clip) {
    .crea-crop-reveal,
    .crea-crop-reveal .crea-crop-wrap { overflow: hidden; }
}
.crea-crop-reveal .crea-mask {
    -webkit-clip-path: inset(var(--cut) var(--cut) var(--cut) var(--cut) round var(--radius));
    clip-path: inset(var(--cut) var(--cut) var(--cut) var(--cut) round var(--radius));
    transition: clip-path var(--dur) var(--ease);
}
.crea-crop-reveal.crea-in-view .crea-mask {
    -webkit-clip-path: inset(0 0 0 0 round var(--radius));
    clip-path: inset(0 0 0 0 round var(--radius));
}

/*---------------------------------------------------------------------------
  Video covers (proporció vídeo dins contenidor)
---------------------------------------------------------------------------*/
.video-cubrir-poc, .video-cubrir-mig, .video-cubrir-molt {
    position: relative; overflow: hidden;
}
.video-cubrir-poc iframe,
.video-cubrir-mig iframe,
.video-cubrir-molt iframe {
  /* Preserveix la transform però evita capturar puntes de scroll */
  pointer-events: none !important;
}

/* Desk */
@media (min-width: 1024px) {
    .video-cubrir-poc iframe   { width: 100vw !important; height: 100vh !important; }
    .video-cubrir-mig iframe   { width: 105vw !important; height: 105vw !important; }
    .video-cubrir-molt iframe  { width: 150vw !important; height: 150vw !important; }
    .video-cubrir-footer iframe{ width: 150vw !important; height: 150vw !important; }
}
/* Tablet */
@media (min-width: 768px) and (max-width: 1023.98px) {
    .video-cubrir-poc iframe   { width: 110vw !important; height: 110vh !important; }
    .video-cubrir-mig iframe   { width: 160vw !important; height: 160vw !important; }
    .video-cubrir-molt iframe  { width: 220vw !important; height: 220vw !important; }
    .video-cubrir-footer iframe{ width: 220vw !important; height: 220vw !important; }
}
/* Mobile */
@media (max-width: 767.98px) {
    .video-cubrir-poc iframe   { width: 220vw !important; height: 220vh !important; }
    .video-cubrir-mig iframe   { width: 180vw !important; height: 180vw !important; }
    .video-cubrir-molt iframe  { width: 260vw !important; height: 260vw !important; }
    .video-cubrir-footer iframe{ width: 400vw !important; height: 400vw !important; }
}




/* ============================================================================ VER MÁS / MENOS ============================================================================ */
.crea-vermas-corte {
  display: block;
  color: #bb8d6c;
  font-weight: normal;
  cursor: pointer;
  margin-top: 0.7em;
  margin-bottom: 0.2em;
    font-family: Outfit, sans-serif !important;
}

.crea-vermas-corte[aria-expanded="true"] {
  color: #bb8d6c;
}

.crea-vermas-target {
    color: #182c39 !important;
  display: none;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.5s cubic-bezier(0.28,0.56,0.3,0.97), opacity 0.4s;
  margin-bottom: 0.6em;
    font-family: Outfit, sans-serif !important;
}

.crea-vermas-corte a.crea-vermas-target a{
    color: #ffffff !important;
    font-family: Outfit, sans-serif !important;
}

.crea-vermas-target h4{
    font-family: "Outfit" !important;
    text-transform: uppercase !important;
    font-size: 1.2rem !important;
    color: #182c39 !important;
    padding-top: 12px !important;
    font-family: Outfit, sans-serif !important;
}

.vermasportada .crea-vermas-target a,
.vermasportada .crea-vermas-target h4{
    color: #ffffff !important;
    font-family: Outfit, sans-serif !important;
}

.crea-vermas-corte.ver-articles {
  display: block;
  text-align: center !important;
}

.crea-vermas-target ul > li {
  position: relative;
  color: inherit; /* el text segueix el color de context */
}

.crea-vermas-target ul > li::marker {
  color: #fff;
}

/* Si no funciona en alguns navegadors, alternativa amb before: */
.crea-vermas-target ul {
  list-style: disc inside;
  padding: 0 !important;
  margin: 0 !important;
}
.crea-vermas-target ul > li {
  color: inherit;
}
.crea-vermas-target ul > li::marker {
  color: #fff;
}

/* ===  === */



/* ======== Canvi color background ====== */

#menucapcalera.menublanc,
#menucapcalera.menublanc .elementor-nav-menu,
#menucapcalera.menublanc .e-n-menu-heading,
#menucapcalera.menublanc a {
  color: #fff !important;
  fill: #fff !important;
}









/* ============================================================================
   BLOC III: COOKIES/GDPR (MOOVE)
============================================================================ */
aside#moove_gdpr_cookie_info_bar {
    height: 100% !important; width: 100% !important; max-height: 100%;
    background-color: #2b2d2f8c !important;
}
.moove-gdpr-info-bar-container {
    position: fixed !important; bottom: 20px !important; right: 20px !important;
    width: 300px; border-radius: 10px; background: #fff !important;
    box-shadow: 1px 2px 8px 0 rgb(0 0 0 / 35%);
    padding: 30px 30px !important;
}
.moove-gdpr-modal-footer-content { padding: 60px; }
.moove-gdpr-cookie-notice p {
    font-size: 12px !important; color: #000 !important;
}
button.mgbutton.moove-gdpr-infobar-reject-btn {
    background: transparent !important; color: #000 !important; border: 1px solid #000 !important;
}
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme { border-top: 0 !important; }
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content {
    padding-left: 0 !important; padding-right: 0 !important; flex-direction: column;
}
.moove-gdpr-cookie-notice, .moove-gdpr-button-holder {
    flex-direction: column; padding-left: 0 !important;
}
.moove-gdpr-button-holder, .moove-gdpr-button-holder button {
    margin-top: 20px; width: 100% !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:hover,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover {
    background: #000 !important; color: #fff !important;
}
/* Modal gran */
.gdpr_lightbox { background: rgba(0,0,0,.6) !important; }
.gdpr_lightbox-container .moove-gdpr-button-holder button {
    margin-bottom: 10px !important; padding: 10px !important;
    max-width: 300px; float: right !important;
}
.moove-gdpr-infobar-allow-all,
.moove-gdpr-modal-allow-all { background-color: var(--e-global-color-primary) !important; }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Kenoky';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://tellmyskin.com/wp-content/uploads/2025/09/KENOKY-Light.eot');
	src: url('https://tellmyskin.com/wp-content/uploads/2025/09/KENOKY-Light.eot?#iefix') format('embedded-opentype'),
		url('https://tellmyskin.com/wp-content/uploads/2025/09/KENOKY-Light.woff2') format('woff2'),
		url('https://tellmyskin.com/wp-content/uploads/2025/09/KENOKY-Light.woff') format('woff'),
		url('https://tellmyskin.com/wp-content/uploads/2025/09/KENOKY-Light.ttf') format('truetype');
}
/* End Custom Fonts CSS */