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


:root {
    --font-weight-normal: 400;
    --font-weight-bold: 700;
    --font-size-base-standard: 1rem;
    --line-height-s: 1.15em;
    --line-height-base: 1.3em;
    --line-height-l:1.6em;
    --color-black: #333333;
    --color-grey: #D1D1D1;
    --color-grey-dark: #909090;
    --color-grey-medium: #adadad;
    --color-grey-light: #F7F7F7;
    --color-blue-dark: #1B3045;
    --color-blue-light: #2CC8F3;
    --primary-color: #369738;
    --gradient-blue: linear-gradient(to right,var(--primary-color),var(----color-blue-light));
    --transition-base: .3s;
    --transition-slow: .6s;
    --transition-easing: cubic-bezier(.165,.84,.44,1);
    --box-shadow-1: 0 3px 6px rgba(0,0,0,0.16);
    --box-shadow-2: 0 3px 6px -4px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

/* Tamaño tipografía en pantallas grandes */
@media only screen and (min-width: 1381px) {
    :root{
    --font-size-xs: .87rem;
    --font-size-s: .95rem;
    --font-size-base: 1.1rem;
    --font-size-l: 1.25rem;
    --font-size-xl: 1.5rem;
    --font-size-h1-l: 3.8rem;
    --font-size-h1: 3.1rem;
    --font-size-h2: 2.2rem;
    --font-size-h3: 1.9rem;
    --font-size-h4: 1.5rem;
    --font-size-h5: 1.3rem;
    --font-size-h6: 1.2rem;
    --padding-base: 30px;
    --padding-l: 40px;
    --padding-s:20px;
    --padding-xs: 12px;
    --container: 1270px;
    }
}

/* PC Portátil */
@media only screen and (max-width: 1380px) {
    :root{
    --font-size-xs: .83rem;
    --font-size-s: .9rem;
    --font-size-base: 1rem;
    --font-size-l: 1.2rem;
    --font-size-xl: 1.3rem;
    --font-size-h1-l: 3.25rem;
    --font-size-h1: 2.75rem;
    --font-size-h2: 2rem;
    --font-size-h3: 1.7rem;
    --font-size-h4: 1.45rem;
    --font-size-h5: 1.2rem;
    --font-size-h6: 1.1rem;
    --padding-base: 25px;
    --padding-l: 35px;
    --padding-s:15px;
    --padding-xs: 10px;
    --container: 1250px;
    }
}

/* PC Portátil pequeño */
@media only screen and (max-width: 1290px) {
    :root{
        --container: 1170px;
    }

}

/* Tablet */
@media (max-width: 849px) {
    :root{
    --font-size-xs: .83rem;
    --font-size-s: .9rem;
    --font-size-base: 1rem;
    --font-size-l: 1.2rem;
    --font-size-xl: 1.3rem;
    --font-size-h1-l: 2.75rem;
    --font-size-h1: 2.2rem;
    --font-size-h2: 1.9rem;
    --font-size-h3: 1.6rem;
    --font-size-h4: 1.3rem;
    --font-size-h5: 1.1rem;
    --font-size-h6: 1rem;
    --padding-base: 20px;
    --padding-l: 30px;
    --padding-s:12px;
    --padding-xs: 8px;
    }
}

/* Móvil */
@media (max-width: 549px) {
    :root{
    --font-size-xs: .83rem;
    --font-size-s: .9rem;
    --font-size-base: 1rem;
    --font-size-l: 1.2rem;
    --font-size-xl: 1.3rem;
    --font-size-h1-l: 2.2rem;
    --font-size-h1: 2.2rem;
    --font-size-h2: 1.9rem;
    --font-size-h3: 1.6rem;
    --font-size-h4: 1.3rem;
    --font-size-h5: 1.1rem;
    --font-size-h6: 1rem;
    --padding-base: 20px;
    --padding-l: 30px;
    --padding-s:12px;
    --padding-xs: 8px;
    }
    
}



/* FONTS */



/* HEADER */
ul.nav.nav-sidebar img.emoji { margin-right: 12px !important;}
ul.nav.nav-sidebar > .menu-item > a { text-transform: unset; letter-spacing: 0; font-weight: 400; font-size: 100%; color: #475747;}
.sidebar-menu.no-scrollbar { padding-top: 0;}
.nav-sidebar > li.header-block { display: block;}
li.html.header-button-1 { font-size: 100%;}
li.menu-item.menu-item-238 { padding-top: 20px;}
.off-canvas-right .mfp-content {background-color: white}
.header-bg-color { backdrop-filter: blur(6px); background-color: #ffffff82; }
ul.mobile-nav.nav > li > a { justify-content: center; color: #490e33; flex-direction: column-reverse; }
span.menu-title.uppercase.hide-for-small { display: block !important; font-weight: 300; margin: 0; font-size: 80%; }





/* AJUSTES EN TEXTOS */
.uppercase, h6, th, span.widget-title { letter-spacing: 0;}
.section-title-normal, .section-title-normal span {  border-bottom: 0;}
.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;} 
/*.h1, .h2, h1, h2, .h3, .h3, h4, h4, .h5, .h5, h6, h6 {text-transform: uppercase} */
b, strong { font-weight: 700;}
.lower {text-transform: unset}
h2 {letter-spacing: .1em; font-size: 1.1em; margin-bottom: 1em; text-transform: uppercase}
.ux-timer span strong {font-weight: 400!important;}
.ux-timer span {color: #490e33!important; font-weight: 400!important; background-color: transparent!important;}
.ux-timer {font-weight: 400!important}
.ls { letter-spacing: .1em;}














/* AJUSTES */
.mw-280 .box-image{ max-width: 280px;}
.mw-100 .box-image{ max-width: 100px;}
ul.mobile-nav > li.menu-item > a { font-size: .9em; text-transform: uppercase;}
.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}
.ml-auto {margin-left: auto}
.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}
.cinta { padding: 6px 0; font-weight: bold; font-size: 1.2em; width: 110%; position: absolute; margin-left: -5%;}
.cinta.cinta-rosa { background-color: #E8CEBF; color: #924032; transform: rotate(-10deg);}
.cinta-verde { background-color: #A2A185; color: white; transform: rotate(5deg);}
.flecha-der { transform: scaleX(-1) translateX(-100px) rotate(10deg); opacity: .5;}
.flecha-izq { opacity: .5; transform: translateX(-100px) rotate(25deg);}
.gradient-bg-video { background: linear-gradient(0deg, #000000ba, transparent);}
.row-slider-fotos { flex-flow: nowrap; overflow-x: scroll; padding: 0 5px;}
.row-slider-fotos > .col { min-width: 69vw; padding: 0 5px 19.6px;}
.row-slider-fotos > .col .banner + .banner { margin-top: 15px;}
.row-slider-fotos .banner.w60 { max-width: 60%;}
.row-slider-fotos::-webkit-scrollbar { height: 4px; width: 0px; background: #E3E3DA;}
.row-slider-fotos::-webkit-scrollbar-thumb:horizontal { background: #B4B49E; border-radius: 0;}
.ditty__edit-links { display: none;}
.cinta-footer { padding: 2px 0; font-weight: bold; font-size: 1.2em; background-color: #A2A185; color: white;}
.ditty-item__elements { padding: 2px 0 0 0;}
.ditty-item:after { content: "·"; position: absolute; right: -4px; top: 50%; transform: translateY(-50%); font-weight: bold; font-size: 1em; line-height: 0;}
.ditty-item { padding: 0 12px !important;}
.mfp-wrap.mfp-auto-cursor.my-mfp-video.mfp-ready > .mfp-container.mfp-s-ready.mfp-iframe-holder { padding-right: 5px; padding-left: 5px;}
.faqs > .accordion-item { border: 1px solid #D0D0D0; margin-bottom: 1em;}
.faqs > .accordion-item > a.accordion-title { border-top: none; font-size: 1em; padding: .6em .8em .6em 2.3em;}
.faqs > .accordion-item > a.accordion-title.active { font-weight: 400; color: #2b2f26;}
.whatsapp-color { color: #25d366 !important;}
.whatsapp-color > span { color: #075e54;}
.accordion-inner { padding: 1em;}
.accordion-inner > p:last-child { margin-bottom: 0;}
.flor-1, .flor-2, .flor-3, .flor-4, .flor-5 { position: absolute; z-index: 99; pointer-events: none; }
.flor-1 { transform: translateY(-100px); }
.flor-2 { right: 0; transform: translateY(-200px); }
.flor-3 { right: 0; transform: translateY(150px); z-index: 1; opacity: .7; }
.cintas-html {z-index: 2; position: relative;}
.border-right-col { border-right: 1px solid; }











/* IMÁGENES */
.img.round .img-inner { padding: 10px;}
.img.round img { border: 4px solid white; border-radius: 50%; box-shadow: var(--box-shadow-2);}
















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




/* CLICABLE */
html:not(#ux-builder) .clicable .box-text, html:not(#ux-builder) .clicable .text-box { pointer-events: none;}




/*FORMULARIOS*/
p.gform_required_legend { display: none;}
.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea { box-shadow: none!important;}
.gform_wrapper.gravity-theme .gfield_label { font-weight: 400; }
input[type='text'], select, input[type='email'] {box-shadow: none !important; border: 1px solid #E5DAD2!important; padding: 5px 15px!important;}
input[type='text']:focus, select:focus, textarea:focus, input[type='email']:focus {  border-color: var(--color-grey-dark)!important;}
span.gfield_required { display: none !important;}
div#input_1_3, div#input_1_4 { display: flex; gap: .5em; justify-content: space-between;}
div#input_1_3 > .gchoice, div#input_1_4 > .gchoice { flex-grow: 1;}
#field_1_4, div#field_1_5 { margin-top: 20px;}






li.gf_list_inline ul > li {margin-right: 30px!important;}
li.gfield { margin: 0!important}
.gfield input { margin-bottom: 0.5em!important;}
.gfield select { margin-top: 20px;}
label.gfield_consent_label { font-size: var(--font-size-s); font-weight: var(--font-weight-normal);}
.gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] { margin-top: 0;}
p.gform_required_legend {display: none;}
.gform_wrapper.gravity-theme legend { border-bottom: 0; text-transform: unset;}
div.gform_confirmation_wrapper {  padding: 30px; border: 3px solid #369738; background-color: #3697382b;}
.dark div.gform_confirmation_wrapper { border: 3px solid white; background-color: #ffffff2b;}
div.gform_confirmation_wrapper h3 { line-height: 1.2;}
div.gform_confirmation_wrapper br {display: none;}
form#gform_1 { margin-bottom: -10px;}
.dark input.gform_button.button[type="submit"] { background-color: white; border: none; color: #7c8055;}
input.gform_button.button[type="submit"]:hover { box-shadow: inset 0 0 0 100px rgba(0,0,0,.05);}
.gform_wrapper.gravity-theme .gsection { border: none!important; padding-bottom: 0!important}
.gform_wrapper.gravity-theme .gsection:not(:first-child) { margin-top: 2em;}
.gform_wrapper.gravity-theme .gsection > h3.gsection_title { font-weight: 400; font-size: 1.4em; line-height: 1.2;}
.bne-flyout-wrapper input[type="text"], .bne-flyout-wrapper input[type="password"], .bne-flyout-wrapper input[type="date"], .bne-flyout-wrapper input[type="datetime"], .bne-flyout-wrapper input[type="email"], .bne-flyout-wrapper input[type="number"], .bne-flyout-wrapper input[type="search"], .bne-flyout-wrapper input[type="tel"], .bne-flyout-wrapper input[type="time"], .bne-flyout-wrapper input[type="url"], .bne-flyout-wrapper textarea, .bne-flyout-wrapper select { background-color: unset!important;}
.dark .gform_wrapper.gravity-theme .gfield_required { color: white;}
.gfield--type-date select { background-size: auto 10px;}
.gfield--type-date.gfield--input-type-datedropdown select { font-size: .95em!important;}
.gform_validation_errors > h2.gform_submission_error { color: #c02b0a!important;}

#gform_3 .gfield_radio input[type=radio], #gform_1 .gfield_radio input[type=radio] { display: none !important; }
#gform_3 .gfield_radio input[type=radio]+label, #gform_1 .gfield_radio input[type=radio]+label { background-color: #F6F6F6; color: #211915; font-weight: 300; margin: 0 !important; padding: 6px 13px; max-width: 100%; width: 100%; text-align: center; font-size: .9em; cursor: pointer; border: 1px solid #E5DAD2!important; }
#gform_3 .gfield_radio input[type=radio]:checked+label, #gform_1 .gfield_radio input[type=radio]:checked+label { background-color: #A2A185; color: white;}
#gform_1 .gfield_radio input[type=radio]+label { background-color: white;}


.gform_wrapper.gravity-theme .gfield.gf_list_3col .gfield_radio, .gform_wrapper.gravity-theme .gfield.gf_list_2col .gfield_radio { grid-column-gap: 0.5em; grid-row-gap: 0.5em;}
input.gform_button.button { border-radius: 50px;}
input#gform_submit_button_2 { width: 100%; margin-right: 0;}

input#gform_submit_button_7 { margin-right: 0;}
div#field_1_5 .gpfup__droparea > div > span:first-child { display: none;}
div#field_1_5 .gpfup__droparea button.gpfup__select-files.gform_button_select_files { margin: 0; border: 1px solid #924032; color: #924032; font-weight: 600; border-radius: 100px;}
.cropper__lightbox button { font-size: 14px; font-weight: 400;}
span#gfield_upload_rules_1_5, ul#gform_multifile_messages_1_5 { display: none;}
.cropper__lightbox button.gpfup__crop { background: #924032;}
form#gform_1 .gform_footer.top_label { justify-content: center;}
input#gform_submit_button_1 { margin-right: 0;  background-color: #924032; font-weight: 400; padding-top: .2em; padding-bottom: .2em; width: 100%; margin-bottom: 2em;}
.gpfup__droparea.gpfup__droprea--maxed { display: none;}






/* 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}
.rrss-footer > a.icon { margin-bottom: 0; color: white;}
#footer .ux-menu { font-size: .87em;}
.stack-footer-buttons a.button > span { white-space: nowrap;}
#footer p > a { color: #69725D;}
body.page.page-id-63 .gap-footer, body.page.page-id-63 .section-catalogo-footer { display: none!important;}




/* ICONOS */
ul li.bullet-checkmark:before, ul li.bullet-arrow:before, ul li.bullet-star:before {color: var(--primary-color);}



/* BOTONES */

a.button { font-weight: 400; letter-spacing: .1em; font-size: .9em; padding: 0 1.6em;}
a.whatsapp-button { color: #25d366; text-decoration: underline;}
a.button.success:not(.is-outline):not(.is-link):not(.is-underline) {color: #7c8055}











/* GRANDE HASTA TABLET */

@media only screen and (max-width: 4000px) and (min-width: 849px) {
    
    
    
    
    
}



/* PC PORTÁTIL GRANDE */

@media only screen and (max-width: 1380px) {
    
    a.button.is-larger { font-size: 1.2em;}
        
    
}






/* PC PORTÁTIL PEQUEÑO */


@media only screen and (max-width: 1290px) {
    
    a.button.is-larger { font-size: 1.15em;}
    
}





/* PORTATIL HASTA TABLET */

@media only screen and (max-width: 1366px) and (min-width: 849px) {
    
    .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-3 {font-size: 2.3rem!important}
    .fs-laptop-2-4 {font-size: 2.4rem!important}
    .fs-laptop-2-6 {font-size: 2.6rem!important}
    .fs-laptop-3 {font-size: 3rem!important}
    
    
}




/* TABLET */

@media (max-width: 849px) {

    .res-text {    font-size: unset;}
    .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;}
    li.tab.has-icon {margin-right: 0px;}
    .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}

    

    
}


@media (min-width: 549px) {

    header#header, footer#footer { display: none;}
    
}