/*
Theme Name: Hello Elementor Child
Theme URI: https://atelier.ecussleep.com/
Description: Child theme de Hello Elementor para la landing Cotton / Ice.
Author: ECUS
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/


@font-face {
     font-family: "Antigua Local";
    src: url('assets/fonts/ABCArizonaSerif-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Moderna Parrafo';
    src: url('assets/fonts/HafferVF-Regular-TRIAL.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'STIX Antigua';
    src: url('assets/fonts/STIXTwoText.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Linearicons-Free";
    src: url("assets/fonts/Linearicons/Linearicons-Free.eot");
    src:
        url("assets/fonts/Linearicons/Linearicons-Free.eot?#iefix") format("embedded-opentype"),
        url("assets/fonts/Linearicons/Linearicons-Free.woff2") format("woff2"),
        url("assets/fonts/Linearicons/Linearicons-Free.woff") format("woff"),
        url("assets/fonts/Linearicons/Linearicons-Free.ttf") format("truetype"),
        url("assets/fonts/Linearicons/Linearicons-Free.svg#Linearicons-Free") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}


h1,
h2 {
    font-family: "Antigua Local", serif;
}
h3,h4,span{
	 font-family: "STIX Antigua", serif;
}
/*p {
    font-family: "Moderna Parrafo", sans-serif;
    font-weight: 400;
}
strong{
	 font-weight: 400;
     text-shadow: 0 0 0.01px currentColor;
    -webkit-text-stroke: 0.35px currentColor;
}*/
header#site-header {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background-color: transparent;
  transition:
    background-color 0.3s ease,
    padding 0.3s ease,
    box-shadow 0.3s ease;
  padding-top: 0 !important;
}

header .header-inner {
  padding: 0 75px;
}

header nav ul {
  display: flex;
  gap: 45px;
  align-items: center;
}

header nav ul li a {
  position: relative;
  color: #000;
  font-weight: 600;
  text-decoration: none;
  font-size: 25px;
}

body.menu-on-dark header nav ul li a {
  color: #fff;
}

body.menu-on-white header nav ul li a {
  color: #000;
}

header nav ul li a:hover {
  opacity: 0.6;
}

header nav ul li a::before {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #000;
  top: 50%;
  right: calc(100% + 8px);
  transform: translateY(-50%);
  opacity: 0;
  pointer-events: none;
}

body.menu-on-dark header nav ul li a::before {
  background: #fff;
}

body.menu-on-white header nav ul li a::before {
  background: #000;
}

body.section-cotton header nav ul li a[href*="#cotton"]::before {
  opacity: 1;
}

body.section-ice header nav ul li a[href*="#ice"]::before {
  opacity: 1;
}

@media (max-width: 767px) {
  header .header-inner {
    padding: 0 24px;
  }

  header nav ul {
    gap: 28px;
  }

  header nav ul li a {
    font-size: 18px;
  }

  header nav ul li a::before {
    width: 10px;
    height: 10px;
    right: calc(100% + 6px);
  }
}

/* CUSTOM CODE AÑADIDO EN:
 /wp-admin Apariencia -> Personalizar -> CSS Adicional */

/* evitar que ensanche la página */
html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}
h1{
    font-size:clamp(44px,5.7vw,7.5rem) !important;
    line-height:0.95;
}
h1#titulo-principal span{
	font: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
}
h2{
    font-size:clamp(1.5rem,3vw,4rem) !important;
    line-height:0.95;
}
h3{
   /*  font-size:clamp(40px,6vw,72px); */
	font-size:clamp(2.5rem,3vw,4.5rem) !important;
    line-height:0.95;
}
h3.logotipo{
   /*  font-size:clamp(40px,6vw,72px); */
	font-size:clamp(1.5rem,1.8vw,2.3rem) !important;
    line-height:0.95;
}
h4{
	font-family: "STIX Antigua", serif !important;
    font-size: clamp(32px, 3vw, 52px);
    line-height:0.95;
}
h5{
	    font-size: clamp(8px, 3vw, 1.25rem);
}
p,strong{
    font-family: "Manrope", sans-serif;
    font-size: clamp(18px, 2vw, 1.6rem);
    font-weight: 700;
    line-height: 1.3;
}
.typed-cursor{
	 display: inline !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
font-size: clamp(44px, 5.7vw, 7.5rem) !important;
    line-height: 0.95;
}
h1 span b.marron{
color: #73589D;
	opacity:0.5;
}
h1 span b.amarillo{
color:#FFEC00;
	opacity:0.8;
}
#ice strong,#cotton strong{
	       font-size: clamp(16px, 2vw, 24px);
    line-height: 0.5;
}

/* Fin VALORES GLOBALES*/
/* Menú */
body.menu-on-dark header nav ul li:nth-child(1) a::before {
    background: #73589D;
}
body.menu-on-dark header nav ul li:nth-child(2) a::before {
    background: #FFEC00;
}
@media (min-width: 1023px){
header .header-inner
 {
    padding: 0
}
}
.site-navigation-dropdown ul.menu li.current-menu-item a {
    background: none;
    color: #000;
}
@media (max-width: 1022px){
header .header-inner {
    padding: 0 35px;
}
}
header ul#menu-principal li.wpml-ls-item a {
    position: relative;
    line-height: 1;
}
header ul#menu-principal li:nth-child(3) a span:before,.site-navigation-dropdown ul#menu-principal-1 li:nth-child(3) a span:before{
    content: "\e853";
    font-family: "Linearicons-Free" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    letter-spacing: 0;
    line-height: 1;
    position: absolute;
   top: 60%;
    left: -15px;
    transform: translateY(-50%);
    display: block;
    width: 22px;
    height: 22px;
    font-size: 22px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    pointer-events: none;
}
header ul#menu-principal li span.wpml-ls-native,.site-navigation-dropdown ul#menu-principal-1 li.wpml-ls-item a span{
	font-family: 'Manrope';
    font-size: 15px;
    font-weight: 400;
	letter-spacing:1px;
}
header ul#menu-principal li.wpml-ls-current-language a span,.site-navigation-dropdown ul#menu-principal-1 li.wpml-ls-current-language a span{
	font-weight:800;
	text-decoration: underline;
}
header ul#menu-principal li.wpml-ls-item-es a{
	margin-left: -55px;
}
.site-navigation-dropdown ul#menu-principal-1 li.wpml-ls-item{
	width:20px;
}
.site-navigation-dropdown ul#menu-principal-1 li.wpml-ls-item a{
	background-color:transparent !important;
}
.site-navigation-dropdown ul#menu-principal-1 li.wpml-ls-first-item a{
	margin-left: -18px;
}
.site-navigation-dropdown ul#menu-principal-1 li.wpml-ls-item-es a{
	margin-left: -15px;
    padding-left: 0;
}
/* Ajuste menú idioma movil */
.site-navigation-dropdown ul#menu-principal-1 li.wpml-ls-item a span:before{
	  top: 55% !important;
    right: 40px !important;
	left: -10px !important;
}
.site-navigation-dropdown ul#menu-principal-1{ 
padding-left: 25px;
}
.site-navigation-dropdown ul#menu-principal-1 li.wpml-ls-item a{
	text-align: right;
}
.site-navigation-dropdown ul#menu-principal-1 li.wpml-ls-item a span{
	text-transform: lowercase !important;
}
header nav ul li a::before {
 right: calc(95%);
}
body.menu-on-dark
.site-navigation-toggle-holder
.site-navigation-toggle {
    color: #ffffff !important;
}
body.menu-on-white
.site-navigation-toggle-holder
.site-navigation-toggle {
    color: #000000 !important;
}
/* Fin Menú*/
.logo-cotton{
    text-align:center;
}
.logo-cotton img{
    max-width:280px;
	width:100%;
}
.logo-ice{
	    text-align:center;
}
.logo-ice img{
	 max-width:380px;
	width:100%;
}
/* Contenedor del vídeo */
.video-ecus {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.video-ecus video {
	position: relative;
    z-index: 1;
    cursor: pointer;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
	 cursor: pointer;
}
/* Botón circular */
.video-ecus .play-btn {
    position: absolute;
    right: 10%;
    bottom: 7.5%;
  width: clamp(42px, 3.5vw, 78px);
    height: clamp(42px, 3.5vw, 78px);
	 padding: 0;
 border-width: clamp(2px, 0.25vw, 4px);
    border-color:#fff;
	border-style:solid;
    border-radius: 50%;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 999999;
}
.video-ecus .play-btn.centro{
	 left: 50%;
        right: auto;
        bottom: 40px;
        transform: translateX(-50%);
}

/* Triángulo blanco */
.video-ecus .play-btn::before {
	content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: clamp(7px, 0.85vw, 13px) solid transparent;
    border-bottom: clamp(7px, 0.85vw, 13px) solid transparent;
    border-left: clamp(11px, 1.35vw, 21px) solid #fff;
    margin-left: clamp(2px, 0.3vw, 5px);
}
@media (max-width: 767px){
    .video-ecus .play-btn{
        width: 46px;
        height: 46px;
        bottom: 20px;
        border-width: 2px;
    }
    .video-ecus .play-btn::before{
        border-top-width: 8px;
        border-bottom-width: 8px;
        border-left-width: 13px;
        margin-left: 3px;
    }
}
/* Cuando JavaScript aplique hidden */
.video-ecus .play-btn[hidden] {
      display: none !important;
}
/* FIN CONTENEDOR VÍDEO */
/* Bloque 1 Portada */
.portada-grid-padre{
min-height: 100vh;
grid-template-rows: auto !important;
 /* Centra la fila completa verticalmente */
align-content: center !important;
}
.atelier-grid-portada{
	align-self: center !important;
	 height: clamp(300px, 60vh, 50vh);
}
.logo-ecus img{
	width:clamp(90px, 9vw, 200px);
}
@media (max-width: 767px) {
	h1{
		font-size:4.5 rem;
	}
}
/* Bloque 2 Intro Atelier */
.about-atelier h4{
	padding-top:clamp(15px, 25px, 50px) !important;
}
.about-atelier p,.about-atelier strong{
	font-size: clamp(18px, 1.4vw, 1.6rem);
}
/* Bloque 3 about Designer Atelier black */
.designer-atelier span{
	font-size: clamp(14px, 1.5vw, 26px) !important;
	line-height: 1.1;
}
/* Bloque 4 Cotton Logo */
#cotton img{
	    width: clamp(225px, 1.5vw, 300px);
}
#cotton .bloque-text-logo-cotton{
	padding-bottom: clamp(25px, 1.5vw, 60px);
}
#cotton .bloque-text-logo-cotton p,#cotton .bloque-text-logo-cotton strong{
	font-size: clamp(14px, 1.0vw, 1.6rem);
}
@media (max-width: 1500px) {
 #cotton .bloque-text-logo-cotton p,#cotton .bloque-text-logo-cotton strong{
	 line-height: 1.0;
	}
	
}
/* Bloque 5 Sensaciones Cotton */
.sensaciones-algodon span{
	font-size: clamp(8px, 1vw, 1.30rem) !important;
	line-height: 1;
}
@media (max-width: 1500px) {
.sensaciones-algodon h2{
    line-height: 0.5;
}
}
@media (max-width: 767px) {
.sensaciones-algodon span{
	font-size: clamp(13px, 1vw, 1.30rem) !important;
	line-height: 1;
}
}
/* Bloque 6 tejido Anís */
.bloque-anis span{
	font-size: clamp(13px, 1vw, 1.30rem) !important;
	line-height: 1 !important;
}
/* Bloque 7 Construcción Cotton Vídeo */
.movie-construccion-cotton h3{
	padding-left: clamp(0px, 2.5vw, 75px);
}
@media (max-width: 767px) {
.movie-construccion-cotton h3{
	padding-left: 0px !important;
	font-size: 28px !important;
}
}
/* Bloque 8 Experiencia Compartida Cotton Vídeo */
/*
@media (max-width: 767px) {
	.compartida-cotton,.compartida-ice{
		min-height: auto !important;
	}
	.compartida-cotton .video-ecus,.compartida-ice .video-ecus{
        aspect-ratio:auto;
        height:auto;
    }
   .compartida-cotton .video-ecus video, .compartida-ice .video-ecus video{
        width:100%;
        height:auto;
        object-fit:contain;
    }
	.compartida-cotton .video-ecus .play-btn,.compartida-ice .video-ecus .play-btn{
	      left: auto !important;
        right: 0 !important;
}
}*/
/* Bloque 9 3 Column 3 Products */
.tres-colum.tres-productos .elementor-widget-html{
	height: 100vh;
}
.tres-colum.tres-productos .model-product-text{
	position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 2;
}
.tres-colum.tres-productos .model-product-text p{
font-size: clamp(22px, 1.80vw, 2rem) !important;
}
.tres-colum.tres-productos .model-product-text span{
font-size: clamp(18px, 1.60vw, 1.75rem) !important;
	}
.tres-colum.tres-productos .model-product-text .elementor-widget-html{
	height: auto !important;
}
.tres-colum.tres-productos .video-ecus video {
	object-position: 50% 100%;
}
@media (max-width: 1024px) {
/*	.tres-colum.tres-productos .elementor-widget-html{
	height: 60vh !important;
}*/
	.tres-colum.tres-productos .model-product-text span{
		line-height: 18px !important;
	}
}
@media (max-width: 767px) {
	.tres-colum.tres-productos .model-product-text span{
		line-height: 1 !important;
	}
}
/* Bloque 10 3 Family Masonry y midle column full */
.family-masonry span{
	font-size: clamp(18px, 1.40vw, 2rem) !important;
}
/* Bloque 12 Experiencia Individual Cotton */
.experiencia-individual span{
		font-size: clamp(18px, 1.40vw, 2rem) !important;
}
@media (max-width: 1500px) {
.experiencia-individual span{
    line-height: 0.3 !important;
}
.experiencia-individual	.woman-sleep img{
	padding-top:140px;
	}
}
	@media (max-width: 767px) {
		.experiencia-individual	.woman-sleep img{
		padding-top:0;
	}
}
	/* Bloque 13 Intro ICE */
#ice .bloque-text-logo-ice p,#ice .bloque-text-logo-ice strong{
		font-size: clamp(14px, 1.0vw, 1.6rem);
	}
/* bloque 14 ICE Sensaciones */
.titulo-sensaciones .elementor-spacer-inner{
	height: clamp(25px, 15vh, 120px) !important;
}
.titulo-sensaciones h2{
    font-size: clamp(1.5rem, 2.75vw, 84px) !important;
    line-height: 0.95;
}
.titulo-sensaciones span{
	font-size: clamp(14px, 0.6vw, 1rem) !important;
}
.sensaciones-ice ul.lista-sensaciones{
	position:relative;
}
.sensaciones-ice ul.lista-sensaciones li{	
text-align:center;
	list-style-type:none;
	font-family: "Manrope", sans-serif;
    font-size: clamp(18px, 2vw, 2.5rem);
    font-weight: 700;
    line-height: 1.1;
}
@media (max-width: 1500px) {
	.sensaciones-ice img#hielos{
		padding-top:15px
	}
.titulo-sensaciones span,.logotipo span{
		font-size: clamp(12px, 0.6vw, 1rem) !important;
    line-height: 1 !important;
}
		.sensaciones-ice ul.lista-sensaciones{
				padding:0
	}
}
@media (max-width: 1024px) {
.titulo-sensaciones span,.logotipo span{
		font-size: clamp(13px, 0.6vw, 1rem) !important;
}
}
/* iPad Horizontal */
@media only screen
and (min-width:1023px)
and (max-width:1366px)
and (orientation:landscape){
	.sensaciones-ice{
		min-height:20vh !important;
	}
}
/* iPad Vertical */
@media only screen
and (min-width:767px)
and (max-width:834px)
and (orientation:portrait){
	.sensaciones-ice{
		min-height:20vh !important;
	}
}
/* Bloque 15 3 Columnas Sensaciones ICE */


/* Bloque 16 Tejido Drop*/
@media (min-width: 1024px) {
.drop-tejido .mitad-full .elementor-widget-html{
      min-height: 100vh;
}
}
/* bloque 17 ICE Construcción */
@media (max-width: 767px) {
.movie-construccion-ice h3{
font-size: 28px !important;
}
	.movie-construccion-ice h3 br{
		display:none !important;
	}
}
/* bloque 18 3 Columnas retícula */
.tres-colum.tres-productos .text-yellow {
	position:relative !important;
}
.tres-colum.tres-productos .text-yellow p
 {
    font-size: clamp(22px, 1.80vw, 2rem) !important;
}
.text-yellow span{
    font-size: clamp(18px, 1.60vw, 1.75rem) !important;
}
@media (max-width: 767px) {
    .tres-colum.tres-productos .text-yellow span
 {
        line-height: 1 !important;
    }
}
/* BLoque 21 Experiencia Individual */
/*
@media (min-width: 1500px) {
tres-colum-individual h3 {
	
}
}*/
/* Bloque Sobre Diseñador */
@media (max-width: 1500px) {
	.fondo-dark h5{
		font-size:1rem !important;
	}
}
@media (max-width: 1100px) {
.fondo-dark h5{
		font-size:9px !important;
	}
}
@media (max-width: 767px) {
.fondo-dark h5{
		font-size:12px !important;
	}
}
/* Footer */
footer{
    background-color: #222221;
	  border: 1px solid #222221 !important;
}
/* Específico Tablet vertical */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){
.tres-colum.tres-productos .elementor-widget-html{
	height:60vh !important;
	}
	.bloque-anis .animacion-tela-cotton{
		min-height:60vh !important;
	}
}
/* Específico Tablet horizontal */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
   .tres-productos,.tres-colum-individual,.cotton-mitad{
		min-height:65vh !important;
	}
.compartir-ice,#cotton{
		min-height:75vh !important;
	}
	.family-masonry .img-colchon-pareja img{
		width:45% !important
	}
	.men-cenital img{
		padding-left: 10px !important;
	}
.movie-construccion-ice{
        min-height: 100vh !important;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait),
       only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.sensaciones-ice .titulo-sensaciones span{
	font-size:8px !important;				 
}
				 .video-ecus {
    position: relative;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}
.video-ecus video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    touch-action: manipulation;
}
.video-ecus .play-btn {
    z-index: 20;
    touch-action: manipulation;
}
/* Cuando el botón está oculto, no intercepta ningún toque */
.video-ecus .play-btn[hidden] {
    display: none !important;
    pointer-events: none !important;
}
.tres-colum.tres-productos .model-product-text{
				 pointer-events: none;	 
				 }
}

/* ==========================================
   BOTÓN BACK TO TOP
========================================== */
#backToTop{
    position:fixed;
    right:40px;
    bottom:40px;
    width:56px;
    height:56px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:none;
    border-radius:50%;
    cursor:pointer;
    opacity:0;
    visibility:hidden;
    transform:translateY(20px);
   /* transition:
        opacity .35s ease,
        transform .35s ease,
        background-color .35s ease,
        color .35s ease;*/
    z-index:9999;
	
}
/* Visible */
#backToTop.visible{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}
/* Icono */
#backToTop span{
    font-family:"Linearicons-Free";
    font-size:24px;
    line-height:1;
}
#backToTop span.lnr-chevron-up:before {
	content: "\e873";
}
body.menu-on-white #backToTop{
    background: transparent;
    border: 1px solid #000;
    color: #000
}
body.menu-on-dark #backToTop{
        color: #fff;
    border: 1px solid #fff;
}
body.section-cotton #backToTop:hover{
background-color:#73589D !important;
color: #fff !important;
}
body.section-ice #backToTop:hover{
background-color:#FFEC00 !important;
color: #000 !important;
}
#backToTop:focus,
#backToTop:focus-visible,
#backToTop:active {
  transition: none !important;
  background-color: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
  outline: none !important;
}
@media (max-width:767px){
    #backToTop{
        right:20px;
        bottom:20px;
        width:46px;
        height:46px;
    }
    #backToTop span{
        font-size:20px;
    }
}