/* 
Theme Name: Komentu Maitea
Theme URI: https://bullhost.agency/
Description: Theme para el Komentu Maitea basado en Hello Elementor
Author: Bullhost
Author URI: https://bullhost.agency/
Template: hello-elementor
Version: 1.0
Text Domain: komentu
*/

@font-face {
  font-display: swap;
  font-family: 'Forum';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/komentumaitea/fonts/forum-regular.woff2') format('woff2');
}

/* sarabun-300 */
@font-face {
  font-display: swap;
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/themes/komentumaitea/fonts/sarabun-300.woff2') format('woff2');
}

/* sarabun-400 */
@font-face {
  font-display: swap;
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/komentumaitea/fonts/sarabun-regular.woff2') format('woff2');
}


/* sarabun-500 */
@font-face {
  font-display: swap;
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/themes/komentumaitea/fonts/sarabun-500.woff2') format('woff2');
}

:root {
	--color-principal: #1f1f1f;
	--color-secundario: #FAF9F6;
	/*--color-destacado: rgb(204, 193, 189);*/
	--color-hover: #E8F7F8; /* Color de pruebas para el hover de los CTA */
	--color-destacado: #A78F8B;
	--color-texto: rgb(80, 80, 80);
	--color-texto-head: rgb(0, 0, 0);
	--font-size-sm: clamp(0.8rem, -0.01vw + 0.8rem, 0.8rem);
	--font-size-base: clamp(1rem, 0.23vw + 0.94rem, 1.13rem);
	--font-size-md: clamp(1.25rem, 0.62vw + 1.1rem, 1.59rem);
	--font-size-lg: clamp(1.56rem, 1.25vw + 1.25rem, 2.25rem);
	--font-size-xl: clamp(1.95rem, 2.23vw + 1.4rem, 3.18rem);
	--font-size-xxl: clamp(2.44rem, 3.74vw + 1.51rem, 4.5rem);
	--font-size-xxxl: clamp(3.05rem, 6.01vw + 1.55rem, 7.36rem);
}

body {
	background-color: var(--color-secundario);
	color: var(--color-texto);
  	line-height: 1.7;
	font-family: 'Sarabun';
	font-weight: 300;
	font-size: var(--font-size-base);
	max-width: 1950px;
	margin: 0 auto;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Forum';
	font-weight: 400;
	/*margin-top: 3rem;*/
	margin-bottom: 1.5rem;
	line-height: 1.3;
	color: var(--color-texto-head);
}

h1, h2, h3 {
	color: var(--color-principal);
}

h1 { font-size: var(--font-size-xxl); }
h2 { font-size: var(--font-size-xl); }
h3 { font-size: var(--font-size-lg); }
h4 { font-size: var(--font-size-md); }
h5 { font-size: var(--font-size-base); }

p, li {
	margin-bottom: 1rem;
}

.destacado p{
	font-size: var(--font-size-md);
}

.cabecera h1 {
	font-size: var(--font-size-xxxl);
	line-height: 1.1;
}

/* SOMBREADO DE CAJA */
.sombreado {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	border-radius: 10px;
    overflow: hidden;
	backdrop-filter: blur(5px);
}

/* BOTONES */
body .elementor-button, body .qodef-qi-button.qodef-layout--filled {
	border: 1px solid var(--color-principal);
	background: transparent;
	font-size: var(--font-size-base);
	color: var(--color-principal);
	font-weight: 500;
	font-family: 'Sarabun';
}

body .elementor-button:visited {
	color: #1f1f1f;
}

body .elementor-button:hover, body .elementor-button:focus, body .qodef-qi-button.qodef-layout--filled:hover, body .qodef-qi-button.qodef-layout--filled:focus {
	border: 1px solid var(--color-principal);
	background: var(--color-principal);
	font-size: var(--font-size-base);
	color: var(--color-secundario);
}

/* MENÚS */
.menus .qodef-e-heading {
	flex-direction: column;
	align-items: center;
	text-align: center;
}

/* CONTACT FORM */
.wpcf7-form-control.wpcf7-acceptance {
	display: block;
	padding: 1rem 0;
}

.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item {
	margin-left: 0;
}