/*
Theme Name: Hestia Child
Theme URI: https://themeisle.com/themes/hestia/
Template: hestia
Author: ThemeIsle
Author URI: https://themeisle.com
Description: Hestia is a modern WordPress theme for professionals. It fits creative business, small businesses (restaurants, wedding planners, sport/medical shops), startups, corporate businesses, online agencies and firms, portfolios, ecommerce (WooCommerce), and freelancers. It has a multipurpose one-page design, widgetized footer, blog/news page and a clean look, is compatible with: Flat Parallax Slider, Photo Gallery, Travel Map and Elementor Page Builder . The theme is responsive, WPML, Retina ready, SEO friendly, and uses Material Kit for design.
Tags: blog,custom-logo,portfolio,e-commerce,rtl-language-support,post-formats,grid-layout,one-column,two-columns,custom-background,custom-colors,custom-header,custom-menu,featured-image-header,featured-images,flexible-header,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,editor-style,footer-widgets,left-sidebar,right-sidebar,wide-blocks
Version: 3.1.9.1764708780
Updated: 2025-12-02 15:53:00

*/


/*@charset "utf-8";
 CSS Document */


.roboto {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
  "wdth" 100;
}
.roboto-slab{
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color:#3C4858;
}

html{
	scroll-behavior: smooth;	
}
body {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  padding: 0;
  font-weight: 500;
  font-style: normal;
  color:#3c4858
      }

/* +++++++++++++++++++++++++++++++++++
 *         para cada recurso
 * ++++++++++++++++++++++++++++++++++*/

.recursorg{
	margin-top:0px !important; 
	margin-left:0px !important; 
	border-radius: 0px !important;
	margin-right:0px !important;
}

/* +++++++++++++++++++++++++++++++++++
 *              + 
 * ++++++++++++++++++++++++++++++++++*/


#productores{
	background-color:#E4E4E4;	
	position:relative;	
}
#productores .container-fluid{
	/*position:absolute;*/
	z-index:10;
}
.imagen-fija{
	background:url("images/bg-fondo.jpg") bottom center no-repeat;
	background-size:cover;
	height:45vh;
	margin-top:auto;
	position:fixed;
	bottom:100px;
	width:100%;
	z-index:0;
}
#productores h1{
	color:#fff;
	line-height:1.4;
	font-family: "Roboto", sans-serif;
	font-size: calc(36px + (42 - 36) * ((100vw - 300px) / (1600 - 300)));
	text-align:center;
	padding-top:80px;
	padding-bottom: 80px;
	
}
.franja{
	background:url("images/bg-franja.jpg") top repeat-x;
}
#productores p{
	margin-bottom: 0.5rem;
	font-weight: 400;
}
.capsula{
	background:#fff;
	padding:1.5rem;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	border-radius:8px;
	}
.capsula h2{
	font-size: calc(21px + (26 - 21) * ((100vw - 300px) / (1600 - 300)));
    margin-bottom: 0!important;
    line-height: 1.2!important;
	margin-bottom:5px!important;
	margin-top:0!important;
}
.capsula h3{
	font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1600 - 300)));
	margin-top: 0 !important;
	margin-bottom:0px!important;
}
.capsula h4{
	font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));
	font-weight:700;
	font-family: "Roboto Slab", serif;
	color:#4F8C0D;
}
.capsula h5{
	font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));
	font-weight:700;
	font-family: "Roboto", serif;
}
#productores table td{
	padding:10px 5px;
}
.sello{
	width:25%;
	border-bottom: 1px solid #666;
	padding: 10px 0;
}
.productos{
	width:70%;
	border-bottom: 1px solid #666;
	padding: 10px 0;
}
.grande{
	font-size:125%;
}
.borde{
	border-bottom:1px solid #666;
	margin-bottom:5px;
}
/* +++++++++++++++++++++++++++++++++++
 * Media Query para tabletas (≥ 768px) 
 * ++++++++++++++++++++++++++++++++++*/	

@media ( min-width: 768px ) {
	
}

/* +++++++++++++++++++++++++++++++++++
 * Media Query para pantallas grandes (≥ 992px) 
 * +++++++++++++++++++++++++++++++++++++*/	

@media (min-width: 992px) {
.borde{
	border-bottom:none;
	margin-bottom:5px;
}
}