/*
Theme Name: digitis
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/* FONTS 
@font-face { font-family: 'Roylles'; src: url('fonts/Roylles.woff2') format('woff2'); }
.roylles, .ux-timer span {font-family: 'Roylles', sans-serif!important; font-weight: 300; }
*/


/* HEADER */





/* AJUSTES EN TEXTOS */
.uppercase, h6, th, span.widget-title { letter-spacing: 0;}
a.button { letter-spacing: 0;}<
body .text-box.res-text { font-size: unset !important;}
.banner p {line-height: 1.3}
.h1, .h2, h1, h2 { line-height: unset;}
.dark, .dark p, .dark td { color: #ffffff;} 
.ls-05 {letter-spacing: .05em}
.ls-1 {letter-spacing: .1em}
.lower {text-transform: unset}
body .text-box.res-text { font-size: unset !important;}




/* AJUSTES */
.mw-280 .box-image{ max-width: 280px;}
.mw-100 .box-image{ max-width: 100px;}
.img-round img {border-radius: 300px}
.m-auto, .col.m-auto > .col-inner { margin-left: auto!important; margin-right: auto!important;}
.ml-0-inner > .col-inner {margin-left: 0!important; margin-right: auto!important}
.mr-0-inner > .col-inner {margin-right: 0!important; margin-left: auto!important}
.ml-auto {margin-left: auto}
.col-bottom-content { display: flex; align-items: end;}
.col-centrada-vertical > .col-inner { display: flex; flex-direction: column; justify-content: center;}
.sticky-col-0 > .col-inner { position: sticky; top: 0px;}
.row-space-between { justify-content: space-between!important;}
.row-space-between:after { display:none}
.row-space-between p, .row-space-between div.text {display: inline-block}
.opacity-hover .overlay { opacity: .3;}
.opacity-hover:hover .overlay { opacity: 1;}
.round-img-30, .round-img-30 .banner-bg.fill, .img.round-img-30, .img.round-img-30 .img-inner, .round-img-30 img, .round-img-30 .bg.section-bg { border-radius: 30px;}
.round-img-20, .round-img-20 .banner-bg.fill, .img.round-img-20, .img.round-img-20 .img-inner, .round-img-20 img, .round-img-20 .bg.section-bg { border-radius: 20px;}
.round-img-15, .round-img-15 .banner-bg.fill, .img.round-img-15, .img.round-img-15 .img-inner, .round-img-15 img, .round-img-15 .bg.section-bg { border-radius: 15px;}
.round-img-10, .round-img-10 .banner-bg.fill, .img.round-img-10, .img.round-img-10 .img-inner, .round-img-10 img, .round-img-10 .bg.section-bg { border-radius: 10px;}
.z-i-1 {z-index: 1}
.z-i-2 {z-index: 2}
.recent-blog-posts span.post_comments { display: none;}
.slider-dgts { padding: 0;}
.slider-dgts .flickity-slider > .row { padding-right: 15px; opacity: 1;}
.col-left-tablet > .col-inner, .col-left-tablet > .col-inner .text { text-align: left !important;}
.col-left-tablet > .col-inner > div > div { margin-left: 0 !important; margin-right: auto !important;}
.text-box-gradient .text-box-content { background-color: unset !important; background: linear-gradient(0deg, #00000082, transparent); }


/* COOKIES NEW */
#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar) { border-radius: 0!important; border: none !important; top: 50%; left: 50%; bottom: unset; transform: translate(-50%, -50%); min-height: 100vh !important; display: flex; justify-content: center; align-items: center; border-top: none !important; background-color: #000000bf !important; min-width: 100vw;}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content { flex-direction: column; padding-bottom: 0 !important;} 
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice { padding: .75em 1.5em 1.5em 1.5em;}
#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container { padding: 0!important; width: 100%; min-height: 200px; display: flex !important; align-items: center; background-color: white; max-width: 600px;}
#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder .mgbutton {width: 50%!important; margin: 0;}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder { padding-left: 0!important; width: 100%; display: flex !important;}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton { padding: 1em!important;}
.cookies-digitis-text > h5 { font-size: 1em !important;}
.cookies-digitis-text > p.digitis-txt-small { font-size: .85em !important; line-height: 1.5em !important;}
button.mgbutton.moove-gdpr-infobar-settings-btn.change-settings-button.gdpr-fbo-2 { box-shadow: none !important; background-color: #d4d4d4 !important;}
button.mgbutton.moove-gdpr-infobar-settings-btn.change-settings-button.gdpr-fbo-2:hover { background-color: #222 !important;}
.cookies-digitis-text > h5 > img { max-width: 25px; margin-right: 7px;}




/* ===== ECONOMÍA CIRCULAR – ACORDEÓN HORIZONTAL ===== */

.eco-accordion { width: 100%; }
.eco-accordion__list{
  width:100%;
  list-style:none;

  display:table;
  table-layout:fixed;
  height: 650px; /* altura desktop; ajusta a tu gusto */
  overflow:hidden;
}

/* ÍTEMS */
.eco-accordion__item{
  display:table-cell;
  vertical-align:bottom;
  position:relative;
  width:25%;
  height:100%;

  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;

  transition:width 450ms ease;
  cursor:default;
  outline: none;
  margin-left: 0 !important;
}

/* Oscurecedor */
.eco-accordion__overlay{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,0.25);
  z-index:1;
  transition: background 300ms ease;
}

/* Contenido */
.eco-accordion__content{
  position:relative;
  z-index:2;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap: 12px;
  padding: 18px 20px;
  box-sizing:border-box;
  color:#fff;
  align-items: flex-start;
}

/* NÚMERO */
.eco-accordion__num{
  width:auto;
  height:52px;
  display:block;
  pointer-events:none;
  user-select:none;

  opacity: 0;
  transform: translateY(8px);
  will-change: opacity, transform;
  transition: opacity 300ms ease, transform 300ms ease;
  transition-delay: 0s; /* sin delay en la salida */
}

/* TEXTO */
.eco-accordion__text{
  opacity: 0;
  transform: translateY(8px);
  will-change: opacity, transform;
  transition: opacity 300ms ease, transform 300ms ease;
  transition-delay: 0s; /* sin delay en la salida */
}

.eco-accordion__title{
  margin: 6px 0 6px;
  font-size: 22px;
  line-height: 1.15;
  text-transform: none;
  letter-spacing: .3px;
}

.eco-accordion__desc{
  margin: 0;
  line-height: 1.6;
}

/* --- INTERACCIÓN DESKTOP --- */

/* Encoge todos al hover */
.eco-accordion__list:hover .eco-accordion__item { width: 12%; }

/* Expande el activo */
.eco-accordion__list .eco-accordion__item:hover,
.eco-accordion__list .eco-accordion__item:focus-within,
.eco-accordion__list .eco-accordion__item:focus {
  width: 64%;
}

/* Mostrar número y texto con delay de entrada */
.eco-accordion__item:hover .eco-accordion__num,
.eco-accordion__item:focus-within .eco-accordion__num,
.eco-accordion__item:focus .eco-accordion__num{
  opacity:1;
  transform:none;
  transition-delay: .2s;
}

.eco-accordion__item:hover .eco-accordion__text,
.eco-accordion__item:focus-within .eco-accordion__text,
.eco-accordion__item:focus .eco-accordion__text{
  opacity:1;
  transform:none;
  transition-delay: .3s;
}

/* Overlay más oscuro */
.eco-accordion__item:hover .eco-accordion__overlay,
.eco-accordion__item:focus-within .eco-accordion__overlay,
.eco-accordion__item:focus .eco-accordion__overlay{
	background: linear-gradient(0deg, #00000096, transparent);
}

/* Estado por defecto al cargar (01 abierto) */
.eco-accordion__list:not(:hover) .eco-accordion__item.is-active{
  width:64%;
}
.eco-accordion__list:not(:hover) .eco-accordion__item.is-active .eco-accordion__num{
  opacity:1;
  transform:none;
  transition-delay: .3s;
}
.eco-accordion__list:not(:hover) .eco-accordion__item.is-active .eco-accordion__text{
  opacity:1;
  transform:none;
  transition-delay: .4s;
}
.eco-accordion__list:not(:hover) .eco-accordion__item:not(.is-active){
  width:12%;
}

/* --- ACCESIBILIDAD TECLADO --- */
.eco-accordion__item:focus { outline: 2px solid rgba(255,255,255,.35); outline-offset:-2px; }

/* --- RESPONSIVE --- */
@media (max-width: 849px){
  .eco-accordion__list{
    display:block;
    height:auto;
  }
  .eco-accordion__item{
    display:block;
    width:100% !important;
    height:auto;
    min-height: 260px;
    margin-bottom: 12px;
  }
  .eco-accordion__overlay{ background: rgba(0,0,0,0.45); }
  .eco-accordion__text,
  .eco-accordion__num{
    opacity:1;
    transform:none;
    transition-delay: 0s; /* en móvil siempre visibles sin delay */
  }
  .eco-accordion__content {
    padding: 50px 20px 30px;
}
}







/* LISTAS */
ul li.bullet-star, ul li.bullet-checkmark, ul li.bullet-arrow {border-bottom: unset;}




/* CLICABLE */
html:not([ng-app="uxBuilder"]) .clicable .box-text, html:not([ng-app="uxBuilder"]) .clicable .text-box, html:not([ng-app="uxBuilder"]) .clicable .img { pointer-events: none;}




/*FORMULARIOS*/
.forminator-field-consent label.forminator-label { display: none !important;}
button.forminator-button-submit { background-color: #a30d1a; color: white; }
button.forminator-button-submit:hover { background-color: #67040c; }





/* FOOTER */
.footer-secondary {margin-top: -7px;}
.absolute-footer ul { border-bottom: 0; opacity: 1; text-transform: unset; font-size: .9em }
.copyright-footer { font-size: .9em;}
footer#footer a { transition: all .2s;}
footer#footer a:not(.button):hover {opacity: .7}
.footer-secondary > .footer-text { font-size: .9em;}




/* BOTONES */
/*a.button.secondary:not(.is-outline):not(.is-link):not(.is-underline), a.button.white:not(.is-outline):not(.is-link):not(.is-underline), .white.is-outline:hover { color: #369738!important;}*/
.button-left {text-align: left; display: flex; justify-content: space-between; align-items: center;}
.button.regular { font-weight: 400;}







/* CONTENEDOR */

@media only screen and (max-width: 1700px) and (min-width: 1600px) {
    .container-width, .full-width .ubermenu-nav, .container, .row:not(.row-full-width) { max-width: 1500px!important; }
}

@media only screen and (max-width: 1600px) and (min-width: 1500px) {
    .container-width, .full-width .ubermenu-nav, .container, .row:not(.row-full-width) { max-width: 1400px!important; }
}

@media only screen and (max-width: 1500px) and (min-width: 1400px) {
    .container-width, .full-width .ubermenu-nav, .container, .row:not(.row-full-width) { max-width: 1300px!important; }
}

@media only screen and (max-width: 1400px) and (min-width: 1300px) {
    .container-width, .full-width .ubermenu-nav, .container, .row:not(.row-full-width) { max-width: 1200px!important; }
}

@media only screen and (max-width: 1300px) and (min-width: 1200px) {
    .container-width, .full-width .ubermenu-nav, .container, .row:not(.row-full-width) { max-width: 1150px!important; }
}

@media only screen and (max-width: 1200px) and (min-width: 1100px) {
    .container-width, .full-width .ubermenu-nav, .container, .row:not(.row-full-width) { max-width: 1050px!important; }
}

@media only screen and (max-width: 1100px) and (min-width: 1000px) {
    .container-width, .full-width .ubermenu-nav, .container, .row:not(.row-full-width) { max-width: 950px!important; }
}



/* GRANDE HASTA TABLET */

@media only screen and (max-width: 4000px) and (min-width: 850px) {
    
    .row-5 > .col { flex-basis: 20%; max-width: 25%;}
    
    
    
}



/* PC PORTÁTIL GRANDE */

@media only screen and (max-width: 1380px) {
    
    
        
    
}






/* PC PORTÁTIL PEQUEÑO */


@media only screen and (max-width: 1290px) {
    
    
    
}





/* PORTATIL HASTA TABLET */

@media only screen and (max-width: 1366px) and (min-width: 850px) {
    
    .fs-laptop-0-9 {font-size: 0.9rem!important}
	.fs-laptop-0-95 {font-size: 0.95rem!important}
	.fs-laptop-1 {font-size: 1rem!important}
	.fs-laptop-1-1 {font-size: 1.1rem!important}
	.fs-laptop-1-2 {font-size: 1.2rem!important}
	.fs-laptop-1-3 {font-size: 1.3rem!important}
	.fs-laptop-1-4 {font-size: 1.4rem!important}
	.fs-laptop-1-5 {font-size: 1.5rem!important}
	.fs-laptop-1-6 {font-size: 1.6rem!important}
	.fs-laptop-1-7 {font-size: 1.7rem!important}
	.fs-laptop-1-8 {font-size: 1.8rem!important}
	.fs-laptop-1-9 {font-size: 1.9rem!important}
	.fs-laptop-2 {font-size: 2rem!important}
	.fs-laptop-2-1 {font-size: 2.1rem!important}
	.fs-laptop-2-2 {font-size: 2.2rem!important}
	.fs-laptop-2-3 {font-size: 2.3rem!important}
	.fs-laptop-2-4 {font-size: 2.4rem!important}
	.fs-laptop-2-5 {font-size: 2.5rem!important}
	.fs-laptop-2-6 {font-size: 2.6rem!important}
	.fs-laptop-2-7 {font-size: 2.7rem!important}
	.fs-laptop-2-8 {font-size: 2.8rem!important}
	.fs-laptop-2-9 {font-size: 2.9rem!important}
	.fs-laptop-3 {font-size: 3rem!important}
	.fs-laptop-3-1 {font-size: 3.1rem!important}
	.fs-laptop-3-2 {font-size: 3.2rem!important}
	.fs-laptop-3-3 {font-size: 3.3rem!important}
	.fs-laptop-3-4 {font-size: 3.4rem!important}
	.fs-laptop-3-5 {font-size: 3.5rem!important}
	.fs-laptop-3-6 {font-size: 3.6rem!important}
	.fs-laptop-3-7 {font-size: 3.7rem!important}
	.fs-laptop-3-8 {font-size: 3.8rem!important}
	.fs-laptop-3-9 {font-size: 3.9rem!important}
	.fs-laptop-4 {font-size: 4rem!important}

    
    
}




/* TABLET */

@media (max-width: 849px) {


    .no-br-tablet br {display: none}
   


}
    
    
    
    

/* MOBILE */
    
@media (max-width: 549px) {

    .mobile-center, .mobile-center > .col-inner {text-align: center;}
    .mobile-center > .col-inner > div.img { margin-left: auto; margin-right: auto;}
    .col.horizontal-mobile > .col-inner, .row.horizontal-mobile  { display: flex; overflow-x: auto;flex-wrap: nowrap;}
    .row.horizontal-mobile > .col {width: 280px; flex: 0 0 auto;}
    .no-br-mobile br {display: none}
    .absolute-footer > .container { display: flex; flex-direction: column-reverse;}
    .absolute-footer p { margin-bottom: 0;}
    .absolute-footer { font-size: 85%;}
    .mr-0-mobile { margin-right: 0;}
    .round-img-30, .round-img-30 .banner-bg.fill, .img.round-img-30, .img.round-img-30 .img-inner, .round-img-30 img, .round-img-30 .bg.section-bg { border-radius: 20px;}
    .round-img-20, .round-img-20 .banner-bg.fill, .img.round-img-20, .img.round-img-20 .img-inner, .round-img-20 img, .round-img-20 .bg.section-bg { border-radius: 10px;}
    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-cookie-notice { padding-left: 15px!important; padding-right: 15px; padding-bottom: 15px;}
    #moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container { max-width: 93%;}
    .pb-half-mobile {padding-bottom: 15px;}
    .pb-0-mobile {padding-bottom: 0px}
    

    

    
}