/*
Theme Name: tictac
Description: Custom theme
Author: tictac
Template: storefront
Version: 1.0
*/

video::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-play-button, video::-webkit-media-controls-pausebutton {
    display: none;
}

.premium .custom_texto p{
	font-size:16px !important;
}
.seccion-imagen-texto .img-fluid{	
height: 400px;
	object-fit:cover;
}

.custom_title_tictac {
	font-weight:600 !important;
}
.seccion-imagen-texto b{
	   line-height: normal;
	   letter-spacing: 2px;
}
body ul li{
	margin:0px 0px !important;
}
.texto_seo p, .texto_seo .show p {
	    line-height: normal !important;
}
.custom_title_tictac strong{
	font-weight:600 !important;
}
body ul li,
.seccion-imagen-texto p,
.seccion-imagen-texto span{

text-align: left !important;
	    letter-spacing: 2px;
	    font-size: 18px;
    line-height: normal;
    color: #010101;
    margin: 17px 0;
}
body {
   touch-action: pan-y; /** Disable horizontal scrolling */        
   max-width: 100%;     
}


#topbutton{
	display:none !important;
}


.texto_seo ul{
	margin-left:0px !important;
}
.res-movil    { display: none !important; }
.res-pantalla { display: flex  !important; }

.slider_producto{
    display: none  !important;
}
.premium{
    display: block  !important;
}

                   .texto_seo p,
                   .texto_seo .show p {
                       text-align: justify;
                       color: #4c4f54;
                       font-size: 12px;
                       font-weight: 400;
                       line-height: 14.63px;
                       letter-spacing: .05em;
                   }
.slide-image{
    background: #046A5E;
}
.titular{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
.texto_seo b{
	font-weight:600 !important;
	font-size:20px !important;
}
                   .texto_seo h2 p {
                       text-align: center;
                       color: #4c4f54;
                       font-size: 35px;
                       font-weight: 400;
                       line-height: 14.63px;
                       letter-spacing: .05em;
                   }

    .texto_seo .slick-track {
    width: 90% !important;
    display: flex
;
    justify-content: center;
    }

     .titulo-custom h2,
      .titulo-custom p{
        text-align: center !important;
      }
                   .seccion-imagen-texto h2,
                   .titulo-custom h2{
                  font-family: "HurmeGeometricSans4";
font-weight: 400;
font-size: 42px;
line-height: 47.3px;
letter-spacing: 5%;
      
                   }

.custom,
.seccion-imagen-texto p,
.seccion-imagen-texto span,
.seccion-imagen-texto b{
	      font-family: "HurmeGeometricSans4";
}
              
                   .seccion-imagen-texto img {
                       max-width: 100%;
                       height: auto;
                   }

                   .seccion-imagen-texto.espejo .row {
                       flex-direction: row-reverse;
                   }

                   .titular_block .toggle-text {
                       transition: transform 0.3s ease;
                       cursor: pointer;
                   }

                   .titular_block .toggle-text.rotate-90 {
                       transform: rotate(90deg);
                   }

                   .titular_block .toggle-text.rotate-reverse {
                       transform: rotate(-90deg);
                   }

                   .titular_block .additional-text {
                       overflow: hidden;
                       margin-top: 1rem;
                       display: none;
                   }

                   .titular_block .additional-text.show {
                       display: block;
                   }




                   .carrusel-slides {
                       margin: 0 -15px;
                       margin-bottom: 40px;
                   }

                   .slide {
                       padding: 15px;
                   }

                   .slide-content {
                       border-radius: 8px;
                       overflow: hidden;
                       display: flex;
                       flex-direction: column;
                   }

                   .slide-image {
                       overflow: hidden;
                   }

                   .slide-image img {
                       object-fit: contain;
                   }

                   .slide-text {
                    width: 100%;
                    background: #E5CD91;
                       padding: 10px;
                       flex-grow: 1;
                       display: flex;
                       flex-direction: column;
                       justify-content: center;
                       align-items: center;
                   }

                   .slide-titulo {
                       text-align: center;
                       font-size: 1rem;
                       margin-bottom: 0.3rem;
                   }

                   .slide-parrafo p {
                       text-align: center;
                       font-size: 0.8rem;
                       color: #666;
                       margin: 0;
                   }

                   .slick-prev,
                   .slick-next {
                       z-index: 1;
                       width: 40px;
                       height: 40px;
                       background: rgba(0, 0, 0, 0.5);
                       border-radius: 50%;
                       display: flex;
                       align-items: center;
                       justify-content: center;
                   }

                   .slick-prev {
                       left: -20px;
                   }

                   .slick-next {
                       right: -20px;
                   }

                   .slick-prev:hover,
                   .slick-next:hover {
                       background: rgba(0, 0, 0, 0.8);
                   }

                   .slick-dots {
                       bottom: -30px;
                   }

                   .slick-dots li button:before {
                       font-size: 12px;
                   }

                   @media (max-width: 1024px) {
                      .draggable{
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }
                       .texto_seo .slick-track {
                            width: 100% !important;
                        flex-direction: column;
                    }
                       .slide-titulo {
                           font-size: 0.9rem;
                       }
                   }

                   @media (max-width: 768px) {
			
						   .slider_producto li .texto.PREMIUM p a {
							           font-size: 18px !important;
							   
						   }
                    .draggable{
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }
                    .texto_seo .slick-track {
                            width: 100% !important;
                        flex-direction: column;
                    }
                       .slide-titulo {
                           font-size: 0.8rem;
                       }
                   }
body#empresa .pagebg     { height: 1000px;}
body#empresa .pagebg img { max-height: 1000px;}
body#empresa .pagebg .content { top: 565px;}
body#respuestas .faqs_pie { display: none !important;}
body#empresa .bloque_seo.white { margin-top: 190px;}
body#empresa .pagebg .form-banner { margin-top: 190px;}
body#contacto .pagebg .form-banner { margin-top: 60px;}

@media (max-width: 768px) {

	    body .responsive50 {
        height: 150px !important;
    }
	    .seccion-imagen-texto h2, .titulo-custom h2, .title_video h2 {
       	font-size:25px !important;
    }
}
	.title_video h2{
		text-align:center !important;
		font-size:25px !important;
	}
	.custom_title_tictac strong{
	text-align:left !important;
}
	.slider_producto {

     margin-top: 0px !important;
}

  body#empresa .pagebg .form-banner {
    margin-top: 100px !important;
  }
  body#empresa .bloque_seo.white { margin-top: 50px;}
}

#topbutton {
    display: block;
    position: fixed;
    bottom: 80px;
    left: 30px;
    color: #fff; /* Color del icono */  
    border: none;
    border-radius: 5px;
    padding: 10px;
    font-size: 16px;
    cursor: pointer;
}
#topbutton img{
    max-width: 45px;
}
.iva_incluido{
    font-size: 14px;
    font-weight: 300
}

.video-pantalla {
    width: 100%;
    
}

.video-pantalla iframe{
    width: 100%;
    height: 100%;
}

#iframe-video{
    height: 640px;
}

.video-pantalla2 {
    max-width: 100%;
    width: 100%;
    height: 800px;
    margin-left: auto;
    margin-right: auto;    
    background-color: #d9d9d9;
    padding: 50px;
    display: flex;
    justify-content: center;
}

body#soporte .video-pantalla2 ~ .video-pantalla2, body .video-pantalla2 ~ .video-pantalla2, body#contacto .video-pantalla2 ~ .video-pantalla2 {
	background-color: #ffffff;
	margin-top: -65px;
}

.video-pantalla2 iframe{
    max-width: 1440px;
    width: 100%;
    height: 100%;
}

.video_faq {
    width: 100%;
    
}

.video_faq iframe{
    width: 100%;
    height: 640px;
}


.onsale
{
    position: absolute;
    top: 35px;
    left: 325px;
    font-size: 30px;
    font-family: "HurmeGeometricSans4";
}

@media (max-width: 576px)
{
	.titulo-custom {
		margin-top:50px;
	}
    body #primary .wc-block-grid__product-title{
        font-size: 18px;
    }
    
    body #primary .woocommerce-Price-amount {
        font-size: 28px;
    }
    
    body ul.products li.product img{
        height: auto;
        margin: 0 auto 1em;
    }
 
    body ul.products li.product .woocommerce-loop-product__title{
        font-size: 18px;
    }
    
    body #primary .add_to_cart_button{
        font-size: 18px;  
    }
	
	.onsale
    {
        left: 100px;
    }
	
}


.related.products{
    display: none;
    
}
.title_video h2{
	font-size:42px ;
}
ul b,
ul strong,
ol b,
ol strong{
	font-size:20px;
  color: #4c4f54;!important;
}
@media (max-width: 768px){
	.seccion-imagen-texto b,
	 .seccion-imagen-texto span {
		letter-spacing:0px;
	}
	.seccion-imagen-texto h2, .titulo-custom h2,
	.title_video h2{
	font-size:42px ;
}
{
		font-size:25px;
	}
    #iframe-video{
        height: 400px;
    }
    .video_faq iframe{     
        height: 400px;
    }

    .slider_producto{
        display: block  !important;
    }
    
    .premium{
        display: none !important; 
    }
    
    .video-pantalla2 { padding: 20px; height: 400px;} 
	
	.onsale
    {
        left: 50px;
		top: -50px;
    }

}

@media (max-width: 440px){
    #iframe-video{
        height: 200px;
    }
    .video_faq iframe{     
        height: 200px;
    }
    
    body#empresa .pagebg     { height: 750px;}
    body#empresa .pagebg img { max-height: 490px;}
    body#empresa .pagebg .content { top: 233px;}

    .video-pantalla2 { padding: 20px; }
    .bloque-video2 {
        display: none;
    }

    .res-movil    { display: block !important;  height: 300px;}    
    .res-pantalla { display: none  !important; }    

    .onsale
    {
        top: -50px;        
        font-size: 22px;
    }
}