/*! Elementor Kit (elementor-kit-1785) — global design system
 * apiterapiabarcelona.es — apitherapy & herbal-medicine clinic, Barcelona.
 * Active Kit for the site's newer Elementor pages (apiterapia, testimonios,
 * accesibilidad, politica-de-cookies). Honest reconstruction of the
 * unarchived Elementor-generated kit stylesheet — keeps the same brand
 * tokens as kit-1161 so every page stays visually consistent. */

/* ---- Global colour & typography tokens ------------------------------- */
.elementor-kit-1785{
	--e-global-color-primary:#b8860b;      /* warm honey / amber  */
	--e-global-color-secondary:#5c7a45;    /* herbal green        */
	--e-global-color-text:#4a4034;         /* warm dark brown     */
	--e-global-color-accent:#d9a441;       /* light golden amber  */
	--e-global-color-honey:#e8a72e;
	--e-global-color-cream:#fbf7ef;
	--e-global-color-dark:#2f2a22;
	--e-global-typography-primary-font-family:"Cardo";
	--e-global-typography-primary-font-weight:700;
	--e-global-typography-secondary-font-family:"Inter";
	--e-global-typography-secondary-font-weight:600;
	--e-global-typography-text-font-family:"Inter";
	--e-global-typography-text-font-weight:400;
	--e-global-typography-accent-font-family:"Inter";
	--e-global-typography-accent-font-weight:600;
}

/* Container default width — Elementor "boxed" content width */
.elementor-section.elementor-section-boxed > .elementor-container,
.e-con{
	--container-max-width:1200px;
}
.e-con-boxed > .e-con-inner,
.elementor-widget-wrap{
	--content-width:1200px;
}

/* Flexbox container engine.
 * Elementor's flexbox containers read --display / --flex-direction / --gap
 * custom properties that the per-page generated CSS would normally set on
 * every .e-con. Those files are unrecoverable, so the kit forces a sane
 * flex layout: every container is a flex column by default. These rules
 * use the same (0,2,0) specificity as Elementor's core frontend.min.css and
 * load after it, so they win the tie. Each page's own CSS (loaded later
 * still) switches the specific rows that need a horizontal layout. */
.e-con.e-flex,
.e-con.e-grid{
	display:flex;
	flex-direction:column;
}
.e-con.e-flex > .e-con-inner,
.e-con.e-grid > .e-con-inner{
	display:flex;
	flex-direction:column;
	width:100%;
}
.e-con.e-con-boxed{
	align-items:center;
}
.e-con.e-con-boxed > .e-con-inner{
	margin-inline:auto;
}
/* keep Elementor's --gap working for spacing */
.e-con.e-flex,
.e-con.e-grid,
.e-con.e-flex > .e-con-inner,
.e-con.e-grid > .e-con-inner{
	gap:var(--gap,0px);
}

/* ---- Base typography -------------------------------------------------- */
.elementor-kit-1785{
	font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
	font-weight:400;
	line-height:1.7;
	color:#4a4034;
}
body.elementor-kit-1785{
	font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
	color:#4a4034;
	background-color:#fbf7ef;
}

.elementor-kit-1785 h1,
.elementor-kit-1785 h2,
.elementor-kit-1785 h3,
.elementor-kit-1785 h4,
.elementor-kit-1785 h5,
.elementor-kit-1785 h6{
	font-family:"Cardo",Georgia,"Times New Roman",serif;
	font-weight:700;
	color:#3a2f1c;
	line-height:1.25;
	margin:0;
}
.elementor-kit-1785 h1{font-size:42px;}
.elementor-kit-1785 h2{font-size:34px;}
.elementor-kit-1785 h3{font-size:26px;}
.elementor-kit-1785 h4{font-size:21px;}
.elementor-kit-1785 h5{font-size:18px;}
.elementor-kit-1785 h6{font-size:16px;}

.elementor-kit-1785 p{
	margin:0 0 1em;
}
.elementor-kit-1785 a{
	color:#b8860b;
	text-decoration:none;
	transition:color .2s ease;
}
.elementor-kit-1785 a:hover{
	color:#5c7a45;
}

/* ---- Headings widget -------------------------------------------------- */
.elementor-widget-heading .elementor-heading-title{
	color:#3a2f1c;
	font-family:"Cardo",Georgia,serif;
	font-weight:700;
	line-height:1.3;
}
.elementor-widget-heading.elementor-widget-heading h1.elementor-heading-title{font-size:40px;}
.elementor-widget-heading.elementor-widget-heading h2.elementor-heading-title{font-size:32px;}
.elementor-widget-heading.elementor-widget-heading h3.elementor-heading-title{font-size:25px;}
.elementor-widget-heading.elementor-widget-heading h4.elementor-heading-title{font-size:20px;}

/* ---- Text editor widget ---------------------------------------------- */
.elementor-widget-text-editor{
	color:#4a4034;
	font-size:16px;
	line-height:1.75;
}
.elementor-widget-text-editor p:last-child{margin-bottom:0;}

/* ---- Button widget — global style ------------------------------------ */
.elementor-button{
	font-family:"Inter",sans-serif;
	font-weight:600;
	letter-spacing:.4px;
	background-color:#b8860b;
	color:#fff;
	border:none;
	border-radius:32px;
	transition:background-color .25s ease,transform .15s ease,box-shadow .25s ease;
	box-shadow:0 4px 14px rgba(184,134,11,.25);
}
.elementor-button:hover,
.elementor-button:focus{
	background-color:#5c7a45;
	color:#fff;
	transform:translateY(-2px);
	box-shadow:0 7px 20px rgba(92,122,69,.3);
}
.elementor-button .elementor-button-text{font-weight:600;}
.elementor-button.elementor-size-sm{padding:13px 30px;font-size:14px;}
.elementor-button.elementor-size-xs{padding:10px 22px;font-size:12px;}
.elementor-button.elementor-size-md{padding:15px 36px;font-size:16px;}
.elementor-button.elementor-size-lg{padding:18px 44px;font-size:18px;}

/* ---- Icon-list widget ------------------------------------------------- */
.elementor-widget-icon-list .elementor-icon-list-items{
	margin:0;padding:0;list-style:none;
}
.elementor-widget-icon-list .elementor-icon-list-item{
	display:flex;
	align-items:center;
	margin:0;
	padding:7px 0;
	font-family:"Inter",sans-serif;
}
.elementor-widget-icon-list .elementor-icon-list-item > a{
	display:flex;
	align-items:center;
	width:100%;
	color:#4a4034;
}
.elementor-widget-icon-list .elementor-icon-list-icon{
	display:flex;
	align-items:center;
	padding-right:10px;
}
.elementor-widget-icon-list .elementor-icon-list-icon i{
	color:#b8860b;
	font-size:16px;
}
.elementor-widget-icon-list .elementor-icon-list-text{
	color:#4a4034;
	font-size:15px;
	transition:color .2s ease;
}
.elementor-widget-icon-list .elementor-icon-list-item:hover .elementor-icon-list-text{
	color:#b8860b;
}
.elementor-widget-icon-list.elementor-icon-list--layout-inline .elementor-icon-list-items{
	display:flex;
	flex-wrap:wrap;
}
.elementor-widget-icon-list.elementor-icon-list--layout-inline .elementor-icon-list-item{
	padding-right:18px;
}

/* ---- Image widget ----------------------------------------------------- */
.elementor-widget-image img{
	display:block;
	max-width:100%;
	height:auto;
	border-radius:6px;
	vertical-align:middle;
}
.elementor-widget-image .elementor-image{line-height:0;}

/* ---- Divider widget --------------------------------------------------- */
.elementor-widget-divider .elementor-divider{display:flex;}
.elementor-widget-divider .elementor-divider-separator{
	display:block;
	width:100%;
	border-top:3px solid #d9a441;
	margin:0 auto;
}
.elementor-widget-divider .elementor-divider__text{
	color:#5c7a45;
	font-family:"Cardo",serif;
}

/* ---- Social-icons widget --------------------------------------------- */
.elementor-widget-social-icons .elementor-social-icon{
	background-color:#b8860b;
	transition:background-color .25s ease,transform .15s ease;
}
.elementor-widget-social-icons .elementor-social-icon:hover{
	background-color:#5c7a45;
	transform:translateY(-2px);
}
.elementor-widget-social-icons .elementor-social-icon i{color:#fff;}

/* ---- Global link defaults inside Elementor --------------------------- */
.elementor a{transition:color .2s ease;}

/* ---- Responsive type scaling ----------------------------------------- */
@media(max-width:1024px){
	.elementor-kit-1785 h1{font-size:34px;}
	.elementor-kit-1785 h2{font-size:28px;}
	.elementor-widget-heading.elementor-widget-heading h1.elementor-heading-title{font-size:32px;}
	.elementor-widget-heading.elementor-widget-heading h2.elementor-heading-title{font-size:27px;}
}
@media(max-width:767px){
	.elementor-kit-1785 h1{font-size:28px;}
	.elementor-kit-1785 h2{font-size:24px;}
	.elementor-kit-1785 h3{font-size:21px;}
	.elementor-widget-heading.elementor-widget-heading h1.elementor-heading-title{font-size:27px;}
	.elementor-widget-heading.elementor-widget-heading h2.elementor-heading-title{font-size:23px;}
	.elementor-widget-heading.elementor-widget-heading h3.elementor-heading-title{font-size:20px;}
	.elementor-widget-text-editor{font-size:15px;}
}
