/*
Theme Name: accionclimatica-theme
Theme URI: 
Author: Jabian
Author URI: 
Description: Theme General
Requires at least: 6.6
Tested up to: 6.6
Requires PHP: 7.3
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ac-theme
Tags: 
*/

:root {
	/* Layout: Fluid Sizes
	@link https://utopia.fyi/clamp/calculator?a=1280,1440,1024—1280
	---------------------------------------------------------------------- */
    --content-width: clamp(1080px, 90vw, 1280px);
	--content-wide: clamp(1280px, 95vw, 1440px);
	
	/* Fonts */
	--fonts-2xs: clamp(0.6rem, 0.55rem + 0.2vw, 0.85rem);
	--fonts-xs: clamp(0.75rem, 0.7rem + 0.25vw, 1rem);
	--fonts-s: clamp(1rem, 0.92rem + 0.34vw, 1.3rem);
	--fonts-m: clamp(1.3rem, 1.22rem + 0.45vw, 1.6rem);
	--fonts-l: clamp(1.6rem, 1.63rem + 0.6vw, 2.3rem);
	--fonts-xl: clamp(2.3rem, 2.17rem + 0.8vw, 3rem);
	--fonts-2xl: clamp(2.6rem, 2rem + 1vw, 3.6rem);
	--fonts-3xl: clamp(3.2rem, 3.9rem + 0.85vw, 4.2rem);
	--fonts-4xl: clamp(3.4rem, 1rem + 5vw, 8rem);
	
	/* Color Variables */
    --color-primary: #009fe3 !important;
    --color-secondary: #00ffff !important;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-background: #f7fdfd;
    --color-text: #191919;
    --color-gray: #666;
    --color-purple: #7109b6 !important;
    --color-blue-dark: #004c6b !important;
    --color-green: #80c41c !important;
    --color-aua: #d1f7f5;
	/* OMC Colors */
    --color-omc-primary: #009fe3;
    --color-omc-secondary: #40ded3;
	/* H2 Colors */
	--color-h2-primary: #00baf1;
	--color-h2-secondary: #8bc53f;
	--color-h2-accent: #9bf21d;
	--color-h2-green-dark: #0f6b33;
	
	/* Spacing */
	--space-xs: 0.5rem;    /* 8px */
	--space-s:  1rem;      /* 16px */
	--space-m:  1.5rem;    /* 24px */
	--space-l:  2rem;      /* 32px */
	--space-xl: 3rem;      /* 48px */
	--space-2xl: 4rem;     /* 64px */
	--space-3xl: 6rem;     /* 96px */
}


/* GLOBAL
========================================================= */

html {
  scroll-behavior: smooth;
}

img {
	object-fit: contain;
}

/* CLASSES 
========================================================= */

mark {
	padding: 2px 4px;
}

.has-mobile-width {
	max-width: 640px !important;
	margin: 0 auto;
}



/* PAGES
========================================================= */
.post-password-form {
	padding: 10%;
  background-color: #24ace311;
}

/* EN CONSTRUC */
.banner--img {
	width: 100% !important;
	margin: 0 !important;
}
.banner__img--wrap {
	position: relative;
	margin: 0 !important;
}
.banner__logo-only {
	position: absolute;
	bottom: 5%;
	right: 5%;
}

/* MEDIA QUERIES */
@media (max-width: 768px) {
	.hide-mobile {
		display: none !important;
	}
}