/*
Theme Name: Delmari
Theme URI: http://delmari.be/
Template: Divi
Author: Eiduo
Author URI: http://www.agenciaeiduo.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 4.5.6.169
Updated: 2025-05-08 10:20:00

*/

/* # 00.
---------------------------------------------------------------------------------------------------- 

    01.     THEME
    02.     HEADER
    03.     FOOTER
    04.     FORMULARIOS
    05.     INICIO
    06.     NOSOTROS
    07.     PORTFOLIO/SERVICIOS
    08.     BLOG
    09.     CONTACTO
    10.     PAGES



/* # 01. THEME
---------------------------------------------------------------------------------------------------- */
/* Importar las tipografias que se usaran para el Theme */
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');

:root {
    --primary-color: #4c286a;
    --secondary-color: #cdb857;

    --dark-color: #0D0D0D;
    --medium-color:#6C6E74;
    --light-color:#f5f0df;
	--white-color:#FFF;

    --font-primary: 'Red Hat Display', sans-serif;
    --font-secondary: 'Red Hat Display', sans-serif;

	--bold: 700;
	--semibold: 500;
	--regular: 300;
}

body {
	background-color: var(--white-color);
	font-family: var(--font-secondary);
	font-size: 14px;
	line-height: 1.4;
}

.font-primary { font-family: var(--font-primary)!important; }
.font-secondary { font-family: var(--font-secondary)!important; }

/* ## Titulos y subtitulos
--------------------------------------------- */ 
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { line-height: 1.2;}

h1, .h1 { font-size: 36px !important; }
h2, .h2,
h3, .h3 { font-size: 27px !important; }
h4, .h4 { font-size: 21px !important; }
h5, .h5 { font-size: 18px !important; }
h6, .h6, 
p { font-size: 16px !important; }

.font-xl { font-size: 42px !important; }
.font-l { font-size: 36px !important; }
.font-m { font-size: 21px !important; }
.font-xs, small { font-size: 14px !important; }

.title { font-weight:var(--bold); font-family: var(--font-primary);}
.subtitle { font-style:italic; }

.uppercase { text-transform: uppercase;}


/* Separacion de h2/h3 Pg de Servicios */ 
.et_pb_module.et_pb_post_content.et_pb_post_content_0_tb_body h2 {
    margin-bottom: 18px !important;
}

.et_pb_module.et_pb_post_content.et_pb_post_content_0_tb_body h3 {
    margin-bottom: 18px !important;
}

/* ## Colores
--------------------------------------------- */ 
.text-color-primary { color: var(--primary-color)!important; }
.text-color-secondary { color: var(--secondary-color)!important; }

.text-color-dark { color: var(--dark-color)!important; }
.text-color-medium { opacity: 0.5; }
.text-color-light { color: var(--white-color) !important; }

/* ## Fondos
--------------------------------------------- */ 
.bg-primary { background: var(--primary-color); color: var(--white-color)!important;}
.bg-secondary { background: var(--secondary-color) !important; color: var(--white-color)!important;}
.bg-dark { background: var(--dark-color) !important; color: var(--white-color); }
.bg-medium { background: var(--medium-color) !important; color: var(--dark-color); }
.bg-light { background: var(--light-color) !important; color: var(--dark-color); }
.bg-white { background: var(--white-color) !important; color: var(--dark-color); }

/* ## Bordes
--------------------------------------------- */ 
.border-color-primary:before { border-top-color: var(--primary-color)!important; }
.border-color-secondary:before { border-top-color: var(--secondary-color)!important; }

.line-h-title {
	width: 100%;
	max-width: 150px;
	height: 7px;
	background-color: var(--secondary-color);
	border: none;
	margin-bottom: 2rem !important;
	margin-left: 0px;
}

/* ## Botones
--------------------------------------------- */ 
.btn {
	border-radius: 25px!important;
	border: 2px solid !important;
	font-size: 18px!important;

}
.btn:after {
	font-size: inherit!important;
	font-family: ETmodules!important;
	content: attr(data-icon)!important;
}

.btn--info {
	border-color: var(--primary-color)!important;
	color: var(--primary-color)!important;
	background: transparent!important;
}
.btn--info:hover {
	border-color: var(--secondary-color)!important;
	color: var(--secondary-color)!important;
}

.btn--call {
	border-color: var(--secondary-color)!important;
	background: var(--secondary-color)!important;
	color: var(--white-color)!important;
}

.btn.btn--call:after { color: var(--white-color) !important;}

.btn--call:hover {
	border-color: var(--primary-color)!important;
	background: var(--primary-color)!important;
}

.bg-primary .btn--call,
.bg-dark .btn--call { 
	border-color: var(--white-color)!important;
	background: var(--white-color)!important;
	color: var(--primary-color)!important;
}

.bg-primary .btn--info,
.bg-dark .btn--info { 
	border-color: var(--white-color)!important;
	color: var(--white-color)!important;
}

/* ## Listas
--------------------------------------------- */ 
.content--accordion .et_pb_toggle { border: none!important;}
.content--accordion .et_pb_accordion_item{
	background-color: transparent!important;
	padding-left: 0px!important;
	padding-right: 0px!important;
	margin-bottom: -1px!important;
	border-bottom: 1px solid !important;
}

.content--accordion .et_pb_accordion_item:first-child{
	border-top: 1px solid !important;
}

.content--accordion .et_pb_accordion_item .et_pb_toggle_title {
	text-transform: uppercase;
}

.bg-dark .content--accordion .et_pb_accordion_item{
	border-color: var(--light-color)!important;
}

.bg-dark .content--accordion .et_pb_accordion_item .et_pb_toggle_title {
	color: var(--light-color)!important;
}

.list--item-contact ul li{ padding-top: 2rem; padding-bottom: 2rem; border-bottom: 1px solid var(--primary-color);}
.list--item-contact ul li a{ color: var(--dark-color);}

/* ## Layout
--------------------------------------------- */ 
/* .et_fixed_nav.et_show_nav #page-container { padding-top: 0px !important; } */

.et_pb_row {
	width: 100%;
	max-width: 1500px;
	padding-left: 1.5rem!important;
	padding-right: 1.5rem!important;
}
.wrapper .et_pb_row {
	width: 100%;
	max-width: 100%;
	padding-left: 1.5rem!important;
	padding-right: 1.5rem!important;
}

.w-950 { max-width: 720px; }

.vertical-align-top {
	margin-top: 0px;
	margin-bottom: auto;
}
.vertical-align-center {
	margin-top: auto;
	margin-bottom: auto;
}
.vertical-align-bottom {
	margin-top: auto;
	margin-bottom: 0px;

}

.p-xl { padding: 4rem; }
.p-l { padding: 2rem; }
.p-m { padding: 1rem; }

.py-xl { padding-top: 4rem; padding-bottom: 4rem; }
.py-l { padding-top: 2rem; padding-bottom: 2rem; }
.py-m { padding-top: 1rem; padding-bottom: 1rem; }

.pt-xl { padding-top: 4rem; }
.pt-l { padding-top: 2rem; }
.pt-m { padding-top: 1rem; }

.pb-xl { padding-bottom: 4rem; }
.pb-l { padding-bottom: 2rem;; }
.pb-m { padding-bottom: 1rem; }

.content--box-text,
.content--box-review {
	margin-top: 2rem;
	margin-bottom: 2rem;
	padding: 3rem;
	border-radius: 14px;
}
.content--box-review { margin-bottom: 0px !important;}

/* ## Slick
--------------------------------------------- */ 
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
 
 
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    outline: none;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: 0.25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'etmodules';
    font-size: 30px;
    line-height: 1;
    opacity: 0.75;
    color: var(--primary-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left:-1.5rem;
    z-index: 99;
}
[dir='rtl'] .slick-prev
{
    right: 16px;
    left: auto;
}
.slick-prev:before
{
    content: '\34';
}
[dir='rtl'] .slick-prev:before
{
    content: '\35';
}
.slick-next
{
    right: -1.5rem;
    z-index: 99;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 16px;
}
.slick-next:before
{
    content: '\35';
}
[dir='rtl'] .slick-next:before
{
    content: '\34';
}

.slideshow--items-3 .slick-slide {
	margin-bottom: 0px !important;
	padding-right: 10px;
	padding-left: 10px;
}

.slideshow--marcas .et_pb_image {
	margin-bottom: 0px!important;
}

/* # 02. HEADER
---------------------------------------------------------------------------------------------------- */
header#main-header{ 
	position: fixed!important; 
	top: 0px!important; 
	width: 100%!important; 
	padding-left:1.5rem; 
	padding-right:1.5rem; 
	background-color: var(--white-color)!important; 
	box-shadow: none!important; 
}
header#main-header .container { width: 100%!important; max-width: 100%!important; }

header #et-top-navigation ul.nav li a,
header #et-top-navigation #et_search_icon::before,
header #et-top-navigation .et-cart-info,
.mobile_menu_bar:before, 
.mobile_menu_bar:after, 
#top-menu li.current-menu-ancestor>a, 
#top-menu li.current-menu-item>a {
	color: var(--dark-color)!important;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 1px;
}
header #et-top-navigation ul.nav li:hover a,
header #et-top-navigation ul.nav li.current-menu-item a,
header #et-top-navigation #et_top_search:hover #et_search_icon::before,
header #et-top-navigation .et-cart-info:hover {
	opacity: 0.5;
}

header#main-header ul.nav li.h--btn a {
	background-color: var(--secondary-color)!important;
	color: var(--white-color)!important;
	border-radius: 25px;
	padding: 8px 16px;
}

.menu-item.icon-social {
	padding-right: 0.5rem !important;
}

.menu-item.icon-social a:before {
	font-family: ETmodules;
	margin-right: 0.5rem;
}

.menu-item.icon-social .tag--social {
	display: inline-block;
}

.menu-item.icon-social.instagram a:before {
    content: "\e09a";
}
.menu-item.icon-social.facebook a:before {
    content: "\e093";
}
.menu-item.icon-social.tiktok a:before {
	content: "\E07B";
	font-family: 'Font Awesome 5 Brands' !important;
	font-weight: 900 !important;
}
.menu-item.icon-social.linkedin a:before {
    content: "\E09D";
}
.et_mobile_menu { 
	position: fixed;
	height: 100%;
	overflow-y: auto;
	border-top-color: var(--secondary-color) !important; 
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	background: var(--white-color);
}

.et_mobile_menu li a {
	color: var(--dark-color)!important;
	border-color: var(--light-color)!important;
	padding-top: 2rem!important;
	padding-left: 0px!important;
	padding-right: 0px!important;
}

.et_mobile_menu li:not(.icon-social) a { 
	font-size: 21px!important;
	font-weight: 400;
}
.mobile_nav .mobile_menu_bar:before { text-transform: inherit!important; }
.mobile_nav.opened .mobile_menu_bar:before { content:"\4d"; }
.mobile_nav.closed .mobile_menu_bar:before { content:"\61"; }

.sub-menu { border-color: var(--secondary-color)!important;}


/*.et_mobile_menu { border-top-color: var(--light-color) !important; }*/

.et-search-field { border: none !important; }

/* Cabecera para páginas */
/*.header--page {padding-top: 80px !important;}*/
.h--hero .et_pb_row {
	height: 100%;
}

/* Cabecera para blog */
.header--blog {
	border-bottom: 2px var(--light-color) solid!important; ;
	width: 35% !important;
}

/* # 03. FOOTER
---------------------------------------------------------------------------------------------------- */
#main-footer {
	background-color:var(--white-color)!important;
	border: 0px solid!important;
	border-top: 1px solid !important;
	color: var(--dark-color)!important;
}

#main-footer .container {
	width: 100% !important;
	max-width: 1500px !important;
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
}

#main-footer .container a{
	color: var(--dark-color)!important;
}

#footer-bottom {
	background-color:var(--white-color)!important;
	border-top: 1px solid!important;
	color: var(--dark-color);
}

.footer-widget .fwidget {
    margin-bottom: 1rem !important;
    float: none !important;
}

#main-footer .widget_block h1, 
#main-footer .widget_block h2, 
#main-footer .widget_block h3, 
#main-footer .widget_block h4,
#main-footer .widget_block h5, 
#main-footer .widget_block h6,
#main-footer .widget_block a,
#main-footer .widget_block mark {
	color: var(--dark-color);
}

#main-footer .widget_block li,
#main-footer .widget_block li a,
#main-footer .widget_block p {
	color: var(--dark-color);
}

#main-footer .widget_block a.btn{ padding: 0.5rem 1rem !important;}

#main-footer .widget_block p {
	line-height: 1.4;
}

.footer-widget .fwidget .wp-block-social-links {
    margin-left: -1rem;
}

.footer-widget .fwidget li {
    padding-left: 8px !important;
}

.footer-widget .fwidget li:before {
    display: none;
}

/* Boton Newsletter */
a.wp-block-button__link.wp-element-button {
    background-color: var(--secondary-color) !important;
    color: var(--white-color) !important;
    border-radius: 25px;
    padding: 8px 16px;
}

/* Mover un poco a la izquierda debajo de los titulos */
ul.wp-block-list {
    margin-left: -0.5rem !important;
}

/* # 04. FORMULARIOS
---------------------------------------------------------------------------------------------------- */
input,
textarea,
select {
	border: 1px solid !important;
	border-color: var(--dark-color) !important;
	border-radius: 0px !important;
	background-color: transparent!important;
}

/* Botón de enviar formulario */
input[type="submit"] {
	padding: 0.5rem 1rem !important;
	border-radius: 25px !important;
	background: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
	color: var(--light-color) !important;
	font-size: 18px;
	font-weight: 600;
	transition: all 0.42s ease;
}

input[type="submit"]:hover {
	background: var(--secondary-color) !important;
	border-color: var(--secondary-color) !important;
}

.gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full), 
.gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) {
	padding: 0px!important;
}

/* Título de formulario */
.gform_title {
	font-family: var(--font-secondary)!important;
	font-size: 1.68em!important;
	margin-bottom: 1.5rem;
}

/* Check de politica de privacidad */
.gfield_consent_label {
	font-size: 13px;
	color: var(--dark-color);
}

.gform_required_legend {
	display: none!important;
}

.gfield_consent_label a {
	color: var(--secondary-color)!important;
}

/* Formularios de cabecera  */
.form--header {
    background: #FFF;
    padding: 2rem;
    width: 100%;
    border-radius: 8px;
    margin-top: 2rem;
}
/* Formulario de contacto */

.form--contacto {
	background: #FFF;
    padding: 2rem;
    width: 100%;
    border-radius: 2px;
    margin-top: 2rem;
}
 
.form--light .gform_title {
	color: var(--light-color);
	margin-bottom: 0px !important;
	font-size: 21px !important;
}

.form--light input,
.form--light textarea,
.form--light select {
	border-color: var(--light-color) !important;
	color: var(--light-color) !important;
}

.form--light ::placeholder,
.form--light .gfield_consent_label {
	color: var(--light-color)!important;
}

/* Botón de enviar formulario */
.form--light input[type="submit"] {
	
	background: var(--secondary-color) !important;
	border-color: var(--secondary-color) !important;
}

.form--light input[type="submit"]:hover {
	background: var(--light-color) !important;
	border-color: var(--light-color) !important;
	color: var(--primary-color)!important;
}

/* Formulario de Newsletter*/
.et_pb_module.et_pb_code.et_pb_code_0.w-480.mx-auto.pt-m.et_pb_text_align_left {
    width: 100% !important;
    max-width: 480px !important;
    padding-top: 21px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.gform_footer.top_label input {
    background-color: var(--secondary-color) !important;
    color: var(--white-color) !important;
    border-radius: 25px;
    padding: 8px 16px;
    border-color: var(--secondary-color) !important;
}

/* # 05. INICIO
---------------------------------------------------------------------------------------------------- */

/* Efecto cristal */
.item--card-glass {
	background: linear-gradient(135deg, rgba(245, 240, 223, 0.43), rgba(245, 240, 223, 0.33)) !important;
    backdrop-filter: blur(16px) !important; /* Desenfoque de fondo */
    -webkit-backdrop-filter: blur(16px) !important; /* Soporte para Safari */
    border-radius: 14px !important;
    padding: 2rem 1.5rem !important;
    box-shadow: 0px 8px 46px -18px rgba(0, 0, 0, 0.2) !important; /* Sombra suave */
    color: var(--dark-color) !important; /* Color del texto */
    overflow: hidden !important;
	width: 100%;
	max-width: 520px;
}

/*
	Seccion Soluciones
*/

.section--solutions .item--solutions {
	min-height: 480px;
	padding: 2rem 1rem;
	display: flex;
	border-radius: 28px;
}

.section--solutions .item--solutions::after {
	content: url("https://delmari.be/wp-content/themes/Bimba/assets/img/border-fluid-medium.svg");
	position: absolute;
	bottom: -7px;
	right: -2px;
	z-index: 1;
	width: 100px;
}

.section--solutions .item--solutions .et_pb_text_inner { margin-top: auto; margin-bottom: 0px; width: 100%;}

.section--solutions .item--solutions .et_pb_text_inner .title {}
.section--solutions .item--solutions .et_pb_text_inner .et-pb-icon { 
	position: absolute; 
	right: 0px; 
	bottom:-1rem; 
	font-size: 1rem; 
	width: 50px; 
	height: 50px; 
	background-color: var(--secondary-color); 
	color: var(--dark-color); 
	text-align: center; 
	align-content: center; 
	border-radius: 50%; 
	z-index: 2;
}


/* Seccion de Ventajas */
/* Estilo de las Tarjetas */

h4.et_pb_module_header {
    margin-top: 2rem !important;
}

.et_pb_row.et_pb_row_7.et_pb_row_4col .et_pb_column {
    border: 2px solid transparent !important;
    border-radius: 15px !important;
}

/* Seccion de entradas de blog en pg Inicio */
a.et_pb_button.et_pb_button_5.btn.btn--call.et_pb_bg_layout_light {
    margin-right: 18rem !important;
}

/* # 06. NOSOTROS
---------------------------------------------------------------------------------------------------- */
.seccion-flex {
    display: flex !important; /* Forzamos flex en móvil */
    flex-direction: column !important;
}

.columna-imagen {
    order: 2 !important;
}

.columna-texto {
    order: 1 !important;
}

/* # 07. PORTFOLIO / SERVICIOS
---------------------------------------------------------------------------------------------------- */
.services .et_pb_blurb .et_pb_main_blurb_image img { border-radius: 8px !important;}
.services .et_pb_blurb .et_pb_blurb_container { padding-left: 1rem; padding-right: 1rem;}

.banner-pricing {

}
.banner-pricing .et_pb_module_header{ font-size: 36px!important;}
.banner-pricing .et_pb_module_header,
.banner-pricing .et_pb_blurb_description { color: var(--white-color)!important;}
.banner-pricing .btn.btn--call { background-color: var(--primary-color)!important; color: var(--white-color)!important; display: inline-block; margin-top: 1rem;}

/* Espacio del texto entre los titulos */
.et_pb_module.et_pb_post_content.et_pb_post_content_0_tb_body p {
    margin-bottom: 36px !important;
}

/* Espacio del hr entre los textos */
.et_pb_module.et_pb_post_content.et_pb_post_content_0_tb_body hr {
    margin-bottom: 36px !important;
}

.et_pb_module.et_pb_post_content.et_pb_post_content_0_tb_body hr {
    width: 100% !important;
}

/* Espacio del ul entre los textos */
.et_pb_module.et_pb_post_content.et_pb_post_content_0_tb_body ul {
    margin-bottom: 36px !important;
}

/* # 08. BLOG 
---------------------------------------------------------------------------------------------------- */
.et_pb_blog_grid{}
.post{
	border:none !important;
    background-color: transparent !important;
}

.post img{
	border-radius: 8px !important;
}

.et_pb_column .et_pb_module{
	border: none !important;
}

.et_pb_widget .wp-block-search__button{
	border-color: var(--primary-color) !important;
    background: var(--primary-color) !important;
    color: var(--white-color) !important;
}

.et_pb_widget .wp-block-search__button:hover{
	background: var(--secondary-color) !important;
	border-color: var(--secondary-color) !important;
}

.post .entry-title { font-size:18px!important; color:var(--dark-color)!important; font-family:var(--font-secondary)!important; }
.post .post-meta a{ font-size:14px!important; color:var(--secondary-color)!important; }
.post .post-content a.more-link{
	color: var(--secondary-color)!important;
	margin-top: 1rem !important;
	display: inline-block !important;

}
.post .post-content-inner { font-size:16px !important; }
  

/* ## Single post
--------------------------------------------- */ 
.single-post #main-content .text-color-dark a,
.single-post #main-content .text-color-light a { opacity:0.5!important; }

.single-post #main-content .text-color-dark a { color:var(--dark-color)!important; }
.single-post #main-content .text-color-light a { color:var(--white-color)!important; }

/* ## Barra lateral
--------------------------------------------- */ 
.sidebar--blog .widget_block {margin-bottom: 1rem!important; }

/* # 09. Contacto
--------------------------------------------- */ 

@media(min-width:980px)	 {
	/* # 01. THEME
	---------------------------------------------------------------------------------------------------- */
	h1, .h1 { font-size: 36px !important; }
	h2, .h2, 
	h3, .h3 { font-size: 27px !important; }
	h4, .h4 { font-size: 21px !important; }
	h5, .h5 { font-size: 18px !important; }
	h6, .h6 { font-size: 16px !important; }

	.font-xl { font-size: 45px !important; }
}

@media(min-width:1024px) {
	/* # 01. THEME
	---------------------------------------------------------------------------------------------------- */
	/* Layout  */
	.sticky-0 { position: sticky; top: 0px; }
	.sticky-100 { position: sticky; top: 100px; }
	.order-l-invert .et_pb_column:first-child {order: 2 !important;}
	.order-l-invert .et_pb_column:last-child { order: 1; padding-right: 8.333%; padding-left: 0px!important;}
	.order-x-invert .et_pb_row:first-child {order: 2 !important;}
	.order-x-invert .et_pb_row:last-child { order: 1; padding-right: 8.333%; padding-left: 0px!important;}

	/* # 02. HEADER
	---------------------------------------------------------------------------------------------------- */
	.menu-item.icon-social .tag--social { display: none;}

	/* # 04. FORMULARIOS
	---------------------------------------------------------------------------------------------------- */
	/* Formularios de cabecera  */
	.form--header {
	    max-width: 420px;
	    float: right;
	    margin-top: 0rem;

	}

	/* # 05. INICIO
	---------------------------------------------------------------------------------------------------- */

	a.et_pb_button.et_pb_button_5.btn.btn--call.et_pb_bg_layout_light {
    margin-right: 0 !important;
	}

	.seccion-flex {
	display: flex !important;
	flex-direction: row !important;
	}

	/* Orden por defecto para escritorio */
	.columna-imagen {
	order: 1 !important;
	}
	.columna-texto {
	order: 2 !important;
	}

	/* # 08. BLOG 
	---------------------------------------------------------------------------------------------------- */

	/* ## Barra lateral
	--------------------------------------------- */ 
	.sidebar--blog {position: sticky; top: 100px; }

}
@media(min-width:1200px) {
	/* # 01. THEME
	---------------------------------------------------------------------------------------------------- */
	h1, .h1 { font-size: 45px !important; }
	h2, .h2 { font-size: 36px !important; }
	h3, .h3 { font-size: 27px !important; }
	h4, .h4 { font-size: 21px !important; }
	h5, .h5 { font-size: 18px !important; }
	h6, .h6 { font-size: 16px !important; }

	.font-xl { font-size: 72px !important; }
}


@media(max-width:1200px) {}
@media(max-width:1024px) {}
@media(max-width:980px)  {
	/* # 02. HEADER
	---------------------------------------------------------------------------------------------------- */
	.h--hero { height: auto!important; }
}