/* 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-mobile: 5px; --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; } } /* HEADER */ /*body:not(.page-template-page-transparent-header-light) header.has-transparent .nav>li>a { color: #111111;}*/ .header-nav-main.nav-line-bottom > li > a:before { height: 1px; max-width: 30px;} body.page-template-page-transparent-header-light .header-nav-main.nav-line-bottom > li > a:before { background-color: white;} li.html.custom.html_topbar_left a {color:#2D3D2D} header.nav-dark li.html.custom.html_topbar_left a {color:#FFF} .page-template-page-transparent-header-light li.html.custom.html_topbar_left, .page-template-page-transparent-header-light li.html.custom.html_topbar_left a { color: white;} li.html.custom.html_topbar_left i { margin-right: 0.5em;} div#top-bar a.nav-top-link {background-color: rgba(255, 255, 255, 0.80); color: #369738; padding: 0 1em; text-transform: uppercase; font-weight: 900;} div#top-bar a.nav-top-link:hover {background-color: rgba(255, 255, 255, 0.60); } .page-template-page-transparent-header-light div#top-bar, header.nav-dark div#top-bar {background-color: rgb(0 0 0 / 25%)!important;} .page-template-page-transparent-header-light div#top-bar a.nav-top-link, header.nav-dark div#top-bar a.nav-top-link { background-color: hsl(76deg 100% 95% / 30%); color: #F8FFE5;} .page-template-page-transparent-header-light div#top-bar a.nav-top-link:hover, header.nav-dark div#top-bar a.nav-top-link:hover { background-color: hsl(76deg 100% 95% / 20%);} .nav-dark .form-flat input:not([type=submit]) { border-color: white;} .nav-dark .nav>li>a { color: white;} .nav-dark .nav>li>a:hover { color: hsla(0,0%,100%,.8);} .nav-dark li.html.header-button-2 a.button { border-color: #F8FFE5; background-color: hsl(76deg 100% 95% / 15%); color: white;} .nav-dark li.html.header-button-2 a.button:hover { background-color: #F8FFE5; color: #369738;} .gt_switcher a img { opacity: 1!important;} .gt_switcher .gt_selected { background: transparent!important;} .gt_switcher .gt_selected a { border: none!important;} .page-template-page-transparent-header-light .gt_switcher .gt_selected a, header.nav-dark .gt_switcher .gt_selected a { color: white!important;} .page-template-page-transparent-header-light .gt_switcher .gt_selected a:after, header.nav-dark .gt_switcher .gt_selected a:after { background-image: url("data:/image/svg+xml;utf8,")!important;} .gt_switcher .gt_selected a:hover { background: transparent!important;} /* AJUSTES EN TEXTOS */ .uppercase, h6, th, span.widget-title { letter-spacing: 0;} a.button { letter-spacing: 0;} .section-title-normal, .section-title-normal span { border-bottom: 0;} .section-title a { font-size: var(--font-size-base); font-weight: var(--font-weight-normal);} .widget-ayuda h5 { font-size: var(--font-size-h6);} p.name.product-title { font-weight: var(--font-weight-bold);} .product-small.box p.category { color: var(--color-grey-medium); letter-spacing: .05em; opacity: 1;} p.woocommerce-result-count { color: var(--color-grey-medium);} .ayuda-section h3 { font-size: var(--font-size-h4);} .ayuda-section .col.large-3:hover > .col-inner { background-color: rgba(255,255,255,0.15)!important;} .ayuda-section .col.large-3:hover .is-border { border-color: rgba(255,255,255,.8)!important;} .light {font-weight: 300} .banner h1 { font-size: var(--font-size-h1);} .page-title > .title-wrapper.flex-col { text-align: left;} .black, .black a {color:#111111} .res-text { font-size: unset!important;} .banner h3.h5 { font-size: 1.2em; margin-bottom: 1em; line-height: 1.2} .banner h3 { font-weight: 600!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} .letter-spacing {letter-spacing: .05em} b, strong { font-weight: 700;} .lower {text-transform: unset} /* 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} .col-bottom-content { display: flex; align-items: end;} .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} .col-centrada-vertical > .col-inner { display: flex; flex-direction: column; justify-content: center;} .box-blog-post .is-divider { display: none;} .box-text-inner.blog-post-inner { display: flex; flex-direction: column;} .box-text-inner.blog-post-inner > .post-meta { order: -1; margin-bottom: 0.5em;} .text-box-gradient-bg > .text-box-content { background-color: unset!important; background: linear-gradient(0deg, #000000ad, transparent);} .slider-burriananova .flickity-viewport { overflow: visible;} .slider-burriananova .flickity-slider > .img { margin-right: 2em; opacity: 1;} /* Control seccion-home principal*/ .section-home .social-icons.follow-icons{position:absolute;right:30px;display:flex;flex-direction:column;gap:0.7em;top:50%;transform:translateY(-50%);} /*Control de sombra banner*/ .section-home:after { content: ''; height: 20%; position: absolute; bottom: 0; width: 100%; background: linear-gradient(0deg, white, #ffffff00);} .section-home1 .social-icons.follow-icons {position: absolute;right: 30px;display: flex;flex-direction: column;gap: 0.7em;top: 50%;transform: translateY(-50%);} .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-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} .parallax-active { opacity: 1!important;} .col-centered>.col-inner { margin: auto!important;} .icon-box-suscripcion { justify-content: center;} .icon-box-suscripcion .icon-box-text.last-reset { flex-grow: unset;} .icon-box-suscripcion .icon-box-text.last-reset strong { white-space: nowrap;} .icon-box-suscripcion img { padding-top: 0;} /* COOKIES */ #moove_gdpr_cookie_info_bar {min-height: 100vh!important; display: flex; justify-content: center; align-items: flex-end; border-top: none!important; background-color: #000000bf!important;} #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container { width: 100%; min-height: 200px; display: flex!important; align-items: center; background-color: white;} #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content {justify-content: center} button.change-settings-button { margin: 0; min-height: unset;} /* TIENDA */ ul.product-categories > li.cat-item > a { text-transform: uppercase;} ul.product-categories > li.cat-item { padding: 1em 0;} ul.product-categories > li.cat-item:first-child { padding-top: 0;} .shop-page-title.category-page-title { padding-top: 150px!important; padding-bottom: 30px; margin-bottom: 40px;} .shop-page-title.category-page-title h1 { font-size: var(--font-size-h1); line-height: 1.2; margin-bottom: 10px;} .breadcrumbs { font-weight: 600; } .title-overlay { background-color: rgba(0,0,0,.35);} .shop-page-title > .page-title-inner .flex-col:first-child, .shop-page-title > .page-title-inner .flex-col:nth-child(3) { display: none;} .box.box-normal.cat-icon { border: 2px solid #E0D4BD; border-radius: 25px; padding: 20px 20px 0px 20px; margin-top: 30px;} .product-category.col h5.uppercase.header-title { font-size: 1.1em;} p.category-description { color: #2D3D2D; opacity: .8; line-height: 1.3; margin: 0.75em 0;} .box.box-normal.cat-icon > .box-image { max-width: 105px; margin-top: -60px; border: 2px solid #E0D4BD; border-radius: 100px; margin-bottom: 0.5em;} .widget .current-cat>a { font-weight: 600; color: #369738;} p.is-small.uppercase.count { font-weight: bold;} .product-small > .col-inner {border: 2px solid #E0D4BD; border-radius: 25px; padding: 20px 20px 0 20px;} .product-small p.name.product-title > a { color: #2D3D2D; font-size: 1.3em;} .product-small p.box-excerpt { font-size: .95em; line-height: 1.3;} .product-small a.quick-view.quick-view-added { border-radius: 50px;} .product-info.summary.col-fit.col-divided { border-right: 0;} .product-main > .row.content-row { align-items: center;} .related-products-wrapper p.box-excerpt { display: none;} .product-quick-view-container .product-info.summary { display: flex; flex-direction: column; justify-content: center;} div.product.type-product.product_cat-materias-primas .product-images { max-width: 300px; margin: auto; margin-bottom: 40px;} th > h6 { font-size: 1em;} table > thead th > h6 { color: white; opacity: 1; margin-bottom: 0;} table > thead th:first-child { padding-left: 0.5em;} table > thead { background-color: #2D3D2D;} /* ETIQUETAS ORGANIC CODIGO ANTIGUO /*etiqueta eco categorias producto oculta por defecto en todos los sitios img.label-eco-products { display:none; position: absolute; max-width: 80px; top: 10px; right: 10px; filter: drop-shadow(0px 1px 1px #2222221f);} /*añadir etiqueta eco en el nomombre de la categoria body.archive.tax-product_cat.term-nutricion-ecologica img.label-eco-products{ display: block;}*/ /*CSS MINIFICADO CONTROL ETIQUETA ORGANIC CATEGORIAS img.label-eco-products{display:none;position:absolute;max-width:100px;top:10px;right:5px;filter:drop-shadow(0px 1px 1px #2222221f);content:url('https://bcfertilis.com/wp-content/uploads/2024/07/label-organico-3.png')}body.archive.tax-product_cat.term-nutricion-ecologica img.label-eco-products{display:block}@media (max-width:768px){img.label-eco-products{max-width:70px;top:45px;right:4px}}@media (max-width:480px){img.label-eco-products{max-width:40px;top:10px;right:3px}}*/ /*img.label-eco-products{display:none;position:absolute;max-width:100px;top:10px;right:5px;filter:drop-shadow(0px 1px 1px #2222221f);content:url('https://bcfertilis.com/wp-content/uploads/2024/07/label-organico-3.png')}body.archive.tax-product_cat.term-custom-nutricion-ecologica img.label-eco-products{display:block}@media (max-width:768px){img.label-eco-products{max-width:70px;top:45px;right:4px}}@media (max-width:480px){img.label-eco-products{max-width:40px;top:10px;right:3px}}*/ /*CSS MINIFICADO CONTROL ETIQUETA FERTI ANS EN CATALOGO DE PRODUCTO*/ .custom-fertians-dron > .col-inner { border: 2px solid #E0D4BD; border-radius: 25px; padding: 20px 20px 0; position: relative; } .custom-fertians-dron > .col-inner::before { content: ""; position: absolute; top: 10px; right: 10px; width: 80px; height: 50px; background-image: url('https://bcfertilis.com/panama/wp-content/uploads/2024/07/LOGO_FERTI_ANS-sin-fondo.png'); background-size: contain; background-repeat: no-repeat; } @media (max-width: 1024px) { .custom-fertians-dron > .col-inner::before { width: 60px; height: 45px; top: 8px; right: 8px; } } @media (max-width: 480px) { .custom-fertians-dron > .col-inner { padding: 15px 15px 0; } .custom-fertians-dron > .col-inner::before { width: 45px; height: 40px; top: 6px; right: 1px; } } @media (min-width: 1200px) { .custom-fertians-dron > .col-inner::before { width: 50px; height: 60px; top: 12px; right: 14px; } } /*CSS MINIFICADO CONTROL ETIQUETA FERTI ANS EN PAGINA DE PRODUCT .custom-fertians-dron .flickity-slider>a,.custom-fertians-dron .flickity-slider>a>img,.custom-fertians-dron .flickity-slider>div:not(.col),.custom-fertians-dron .flickity-slider>figure,.custom-fertians-dron .flickity-slider>img,.custom-fertians-dron .flickity-slider>p{position:relative}.custom-fertians-dron .flickity-slider>a::before,.custom-fertians-dron .flickity-slider>a>img::before,.custom-fertians-dron .flickity-slider>div:not(.col)::before,.custom-fertians-dron .flickity-slider>figure::before,.custom-fertians-dron .flickity-slider>img::before,.custom-fertians-dron .flickity-slider>p::before{content;"":position:absolute;top:10px;right:10px;width:80px;height:50px;background-image:url('https://bcfertilis.com/wp-content/uploads/2024/07/LOGO_FERTI_ANS-sin-fondo.png');background-size:contain;background-repeat:no-repeat}@media(max-width:1024px){.custom-fertians-dron .flickity-slider>a::before,.custom-fertians-dron .flickity-slider>a>img::before,.custom-fertians-dron .flickity-slider>div:not(.col)::before,.custom-fertians-dron .flickity-slider>figure::before,.custom-fertians-dron .flickity-slider>img::before,.custom-fertians-dron .flickity-slider>p::before{width:60px;height:45px;top:8px;right:8px}}@media(max-width:480px){.custom-fertians-dron .flickity-slider>a::before,.custom-fertians-dron .flickity-slider>a>img::before,.custom-fertians-dron .flickity-slider>div:not(.col)::before,.custom-fertians-dron .flickity-slider>figure::before,.custom-fertians-dron .flickity-slider>img::before,.custom-fertians-dron .flickity-slider>p::before{width:45px;height:40px;top:6px;right:1px}}@media(min-width:1200px){.custom-fertians-dron .flickity-slider>a::before,.custom-fertians-dron .flickity-slider>a>img::before,.custom-fertians-dron .flickity-slider>div:not(.col)::before,.custom-fertians-dron .flickity-slider>figure::before,.custom-fertians-dron .flickity-slider>img::before,.custom-fertians-dron .flickity-slider>p::before{width:100px;height:60px;top:12px;right:-25px}}*/ /*Control de las imagenes en la pagina de productos para mostrar varias imagenes en un producto en distintas categorias: Por ejemplo un producto que sea organico y pertenezca a la linea dron, incorpora este CSS ambas imagenes solo en ese producto*/ .custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>a::before,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>a>img::before,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>div:not(.col)::before,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>figure::before,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>img::before,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>p::before{content:"";position:absolute;top:10px;right:110px;width:80px;height:50px;background-image:url('https://bcfertilis.com/panama/wp-content/uploads/2024/07/LOGO_FERTI_ANS-sin-fondo.png');background-size:contain;background-repeat:no-repeat}.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>a::after,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>a>img::after,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>div:not(.col)::after,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>figure::after,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>img::after,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>p::after{content:"";position:absolute;top:10px;right:10px;width:80px;height:50px;background-image:url('https://bcfertilis.com/panama/wp-content/uploads/2024/07/label-organico-3.png');background-size:contain;background-repeat:no-repeat}@media(max-width:1024px){.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>a::before,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>a>img::before,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>div:not(.col)::before,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>figure::before,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>img::before,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>p::before{width:40px;height:40px;top:8px;right:10px}.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>a::after,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>a>img::after,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>div:not(.col)::after,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>figure::after,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>img::after,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>p::after{width:80px;height:80px;top:5px;left:120px}}@media(max-width:480px){.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>a::before,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>a>img::before,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>div:not(.col)::before,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>figure::before,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>img::before,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>p::before{width:25px;height:25px;top:px;right:10px}.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>a::after,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>a>img::after,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>div:not(.col)::after,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>figure::after,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>img::after,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>p::after{width:45px;height:40px;top:6px;left:140px}}@media(min-width:1200px){.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>a::before,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>a>img::before,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>div:not(.col)::before,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>figure::before,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>img::before,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>p::before{width:45px;height:45px;top:10px;right:20px}.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>a::after,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>a>img::after,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>div:not(.col)::after,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>figure::after,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>img::after,.custom-fertians-dron.custom-nutricion-ecologica .flickity-slider>p::after{width:95px;height:95px;top:5px;left:150px}} /* IMÁGENES */ .img.round .img-inner { padding: 10px;} .img.round img { border: 4px solid white; border-radius: 50%; box-shadow: var(--box-shadow-2);} /* EFECTOS */ .bg-scroll img{transform: scale(1.2); transition: transform 0.1s ease!important;} .bg-scroll[data-scroll="out"] img{ transform: scale(1)!important;} /* BLOG */ body.post-template-default.single.single-post div#content, body.post-template-default.single.single .entry-content.single-page { padding-top: 4%;} body.post-template-default.single.single-post header.entry-header > .entry-header-text, body.post-template-default.single.single .entry-content.single-page { max-width: 100%; margin: auto; margin-bottom: 3em;} body.post-template-default.single.single-post header.entry-header h1.entry-title { font-size: 2.2em; margin-top: 0.5em; margin-bottom: 0.7em; line-height: 1.3;} body.post-template-default.single.single-post header.entry-header .entry-divider.is-divider.small { display: none;} body.post-template-default.single.single-post header.entry-header > .entry-header-text { font-size: 110%;} div#content.blog-wrapper.blog-archive > .row > .col.large-10 { max-width: 100%; flex-basis: 100%;} /* Animacion texto v1 */ .op-0:not(.anim-2) {opacity: 0} .splitting[data-scroll=out]:not(.anim-2) .char { opacity: 0.1; transform: translateY(0.25em); } .splitting[data-scroll=in]:not(.anim-2) .char { transition: transform 0.3s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.3s linear; transition-delay: calc( 20ms * var(--char-index) + 500ms ); } .is-sticky-section .splitting[data-scroll=out]:not(.anim-2) .char, .was-sticky-section .splitting[data-scroll=out]:not(.anim-2) .char {opacity: 1} /* Animacion texto v2 */ .anim-2.splitting[data-scroll=in] .char { animation: slide-in-char 1s cubic-bezier(.5, 0, .5, 1) both; animation-delay: calc(3ms * var(--char-index) + 500ms ); } .anim-2.slow.splitting[data-scroll=in] .char { animation-delay: calc(20ms * var(--char-index) + 1000ms );} .anim-2.intermediate.splitting[data-scroll=in] .char { animation-delay: calc(10ms * var(--char-index) + 500ms );} .anim-2.splitting[data-scroll=out] .char { opacity: 0.2} @keyframes slide-in-char { from { transform: translateY(1.5em); opacity: 0; }} /* TRANSICIONES */ .destacado-hover > .col-inner, .row-slides .col, .overlay, .product-small > .col-inner, .ayuda-section .col.large-3 > .col-inner, .ayuda-section .col.large-3 > .is-border, .col-descarga h4 {transition:all var(--transition-base) var(--transition-easing)} /* COLUMNAS */ .columna-borde > .col-inner, .columna-borde-outside, .border {border: 1px solid #e3e3e3; border: 1px solid var(--color-grey)} .border-destacado {border: 2px solid var(--primary-color);} .destacado-hover:hover > .col-inner, .product-small:hover > .col-inner {border-color: #cccccc; border-color: var(--color-grey-dark);} .col.padding-base > .col-inner, .padding-base-div {padding:20px; padding:var(--padding-base)} .col.padding-xs > .col-inner, .padding-xs-div {padding:10px; padding:var(--padding-xs)} .col.padding-s > .col-inner, .padding-s-div {padding:10px;padding:var(--padding-s)} .col.padding-l > .col-inner, .padding-l-div {padding:25px;padding:var(--padding-l)} /* 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: 600;} input[type='text'], select, textarea, input[type='email'] {box-shadow: none !important; border: 1px solid var(--color-grey) !important;padding: 5px 15px!important;} input[type='text']:focus, select:focus, textarea:focus, input[type='email']:focus { border-color: var(--color-grey-dark)!important;} 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 { font-size: 1.2em; 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: #369738;} 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} #gform_3 .gfield_radio input[type=radio]:checked+label, #gform_1 .gfield_radio input[type=radio]:checked+label { background-color: #369738; 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;} div#gform_fields_2 input, .dark div#gform_fields_7 input { background-color: rgb(255 255 255 / 25%); color: white!important; border-color: white!important; font-weight: 600;} div#gform_fields_2 input::placeholder, .dark div#gform_fields_7 input::placeholder {color: white!important;} input#gform_submit_button_7 { margin-right: 0;} /* Labels .gform_wrapper .top_label label.gfield_label {position: absolute; transform: translateY(-17px);display:none;font-size: 80%; font-weight: 400; } */ /* 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: rgb(45, 61, 45);} body.page.page-id-63 .gap-footer, body.page.page-id-63 .section-catalogo-footer { display: none!important;} /* ICONOS */ .igualar .icon-box .icon-box-text { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center;} ul li.bullet-checkmark:before, ul li.bullet-arrow:before, ul li.bullet-star:before {color: var(--primary-color);} .dark ul li.bullet-checkmark:before, .dark ul li.bullet-arrow:before, .dark ul li.bullet-star:before {color: white;} /* BOTONES */ a.button { padding-top: 2px;} .white.button.is-outline { color: #fff!important;} .white.button.is-outline:hover { color: var(--primary-color)!important;} .secondary.is-outline:hover { background-color: #f1f1f1!important} a.button.light { font-weight: 500;} .download i.icon-envelop, .referencia i.icon-envelop { transform: scale(.9)} .button.secondary:hover { box-shadow: inset 0 0 0 100px rgba(0,0,0,0.05);} a.button.secondary:not(.is-outline):not(.is-link):not(.is-underline), a.button.white:not(.is-outline):not(.is-link):not(.is-underline) { color: #369738!important;} .button-left {text-align: left; display: flex; justify-content: space-between; align-items: center;} .button.regular { font-weight: 400;} .columna-borde.widget-ayuda > .col-inner { border-radius: 30px; border-color: #c4b49480;} .widget-ayuda a.button { min-height: 2em; margin-bottom: 0.3em;} /* FLYOUT */ a.flyout-edit-button { display: none;} .bne-flyout-wrapper .sidr.right .flyout-header-buttons { left: auto; right: 0;} .flyout-close-button.flyout-close { background-color: unset; padding: 20px;} .bne-flyout-wrapper .bne-icon-svg { width: 30px; height: 30px; stroke: white; fill: #369738; stroke-width: 3px;} div#flyout-content-id-821 svg.bne-icon-svg { fill: white; stroke: #369738;} /* AYUDA SECTION */ .ayuda-section { align-items: stretch;} .ayuda-section .section-content { display: flex; flex-direction: column; justify-content: space-between;} div#flyout-content-id-379 {height: 100vh; bottom: -100vh;} div#flyout-content-id-379 > .flyout-content.slide { padding: 0;} .flyout-trigger-id-379.flyout-trigger.trigger-bottom.trigger-image {bottom: 20px; border-radius: 50%; background: #2D3D2D; padding: 15px; right: 20px; box-shadow:0 3px 6px rgba(0,0,0,0.16); left: unset!important;} .flyout-trigger-id-379.flyout-trigger.trigger-bottom.trigger-image:hover {opacity:.8} .flyout-trigger-id-379.flyout-trigger.trigger-bottom.trigger-image img {width: 40px; height:40px} div#flyout-content-id-379 .flyout-header-buttons { top: unset; bottom: 20px; right: 20px;} div#flyout-content-id-379 .flyout-header-buttons .flyout-close-button { border-radius: 50%; background: white; padding: 18px!important; box-shadow: 0 3px 6px rgba(0,0,0,0.16); width: 70px; height: 70px;} div#flyout-content-id-379 .flyout-header-buttons .flyout-close-button svg.bne-icon-close { width: 34px; height: 34px; stroke: white; stroke-width: 2px;} div#flyout-content-id-379 .flyout-header-buttons .flyout-close-button svg.bne-icon-close path { fill: #369738;} .options-ayuda li.bullet-arrow:before { font-size: 22px; top: 12px;} .options-ayuda li.bullet-arrow:hover { opacity: .7;} .options-ayuda li.bullet-arrow { transition: all .3s;} .icon-boton { padding-top: 5em;} /* 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) { ul.header-nav.header-nav-main { font-size: 92%;} a.button.is-larger { font-size: 1.2em;} } /* PC PORTÁTIL PEQUEÑO */ @media only screen and (max-width: 1290px) { ul.header-nav.header-nav-main.nav-right { font-size: 88%;} 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;} .sticky-section { height: auto!important; position: relative!important; padding-top: 10%!important; padding-bottom: 10%!important;} .is-sticky-section+.sticky-section-helper { display: none;} .section-home-hero .img-home > .img-inner { padding-top: 55vh!important;} .mw-tablet-unset > .col-inner { max-width: unset!important;} .sticky-section.no-padding-tablet { padding: 0!important;} .no-br-tablet br {display: none} .section-sticky-img.sticky-section { padding: 20vh 0!important;} .sidebar-menu li.menu-item > a { color: #111;} .sidebar-menu li.menu-item.current-menu-item > a { font-weight: 700;} .sidebar-menu li.menu-item.menu-item-603 { border-top: 1px solid #d2d2d2;} .social-icons.follow-icons.rrss-footer { max-width: unset!important; width: auto!important;} .sidebar-menu li.html.custom.html_topbar_left { background-color: #2d3d2d14; color: #2d3d2d;} .sidebar-menu li.html.custom.html_topbar_left a { color: #2D3D2D; display: block; font-size: 110%; margin-bottom: .5em} .sidebar-menu li.html.custom.html_topbar_left i { display: none;} .sidebar-menu li.html.custom.html_topbar_right .gt_switcher .gt_selected a { color: #2d3d2d!important;} .section-bg-catalogo .bg.section-bg { background-image: unset!important; background-color: #c4b594;} } /* 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} body.post-template-default.single.single-post header.entry-header > .entry-header-text { font-size: 100%;margin-bottom: 1.5em;} body.post-template-default.single.single-post header.entry-header h1.entry-title { font-size: 1.6em;} .header-main { height: 70px!important;} a.button.is-larger { font-size: 1.1em;} a.button.is-large { font-size: 1.05em;} footer#footer .col { padding-bottom: 20px;} .absolute-footer > .container { display: flex; flex-direction: column-reverse;} .absolute-footer p { margin-bottom: 0;} .absolute-footer { font-size: 85%;} .absolute-footer ul#menu-menu-legal > li { margin-bottom: 0.5em;} .col-brujula .img {top: -60px; left: 0px;} a.button .icon-angle-right:before { width: 25px; height: 25px;} .sticky-section.not-sticky-laptop { padding: 12% 0!important;} div#input_8_27 > .gchoice { margin-bottom: 0.5em;} .flyout-trigger-id-379.flyout-trigger.trigger-bottom.trigger-image { bottom: 13px; right: 13px; padding: 13px;} .flyout-trigger-id-379.flyout-trigger.trigger-bottom.trigger-image img { width: 30px; height: 30px;} div#flyout-content-id-379 .flyout-header-buttons {bottom: 13px; right: 13px;} div#flyout-content-id-379 .flyout-header-buttons .flyout-close-button { padding: 13px!important; width: 56px; height: 56px;} div#flyout-content-id-379 .flyout-header-buttons .flyout-close-button svg.bne-icon-close { width: 30px; height: 30px;} .mr-0-mobile { margin-right: 0;} .stack-footer-buttons {flex-wrap: wrap} .social-icons.follow-icons.rrss-footer { width: 100%!important; margin-bottom: 1em!important; text-align: center;} .stack-footer-buttons > a.button {flex:1} .box-blog-post h5.post-title.is-large { font-size: 1.2em;} .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;} .shop-page-title.category-page-title { padding-top: 80px!important; padding-bottom: 0px; margin-bottom: 25px;} div.product.type-product.product_cat-materias-primas .product-images { margin-bottom: 10px; max-width: 200px;} .icon-box-suscripcion img { margin-bottom: 0.5em;} .icon-box-suscripcion .icon-box-img { width: 30px!important;} .box.box-normal.cat-icon { padding: 20px 3px 0 3px; } .box.box-normal.cat-icon > .box-image { max-width: 64px; margin-bottom: 0;} .product-small > .col-inner { padding: 10px 5px 0 5px; } .product-small > .col-inner a.woocommerce-LoopProduct-link.woocommerce-loop-product__link { font-size: 1em; } p.category-description { line-height: 1.2; font-size: .95em; } img.label-eco-products { max-width: 45px; right: 5px; top: 5px; } .slider-burriananova .flickity-slider > .img { margin-right: 1em; } }