/*
Theme Name: Crearomatic
Theme URI: #
Author: WebCordoba
Author URI: #
Description: Theme a medida para el proyecto Crearomatic
Version: 1.2.2
Requires at least: 5.9
Tested up to: 6.5
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Text Domain: crearomatic
*/
/* 

TOC

1. Variables
2. General	
	.container
	.container.medio
	.section-separator
	.page-wrapper
	.text-content
		.text-content h1
		.text-content h2
		.text-content h3
		.text-content h4
		.text-content h5
		.text-content h6
		.text-content p
		.text-content ul
		.text-content ol
		.text-content li
		.text-content blockquote
		.text-content cite
3. Botones
	thm-btn
	thm-btn.transparente
	thm-btn.transparente.small
4. Botón editar post y WP

*/
/* --------------------------------------------- */
/* Variables */
:root {
  /* ── Fuente ───────────────────────────────────── */
  --theme-font: 'Onest', sans-serif;
  --theme-font-two: 'Onest', sans-serif;
  --theme-font-three: 'Onest', sans-serif;
  --theme-font-four: 'Onest', sans-serif;
  /* ── Paleta Crearomatic ───────────────────────── */
  --cr-a6: #e1eff4;
  --cr-a5: #a4d8eb;
  --cr-a4: #68acc4;
  --cr-a2: #4e8295;
  --cr-a1: #1f4e5f;
  --cr-a1-rgb: 31, 78, 95;
  --cr-a0: #0e242b;
  --cr-accent: #fed100;
  --cr-m1: #b3b6dd;
  --cr-m2: #9093ce;
  /* ── Variables semánticas del theme ──────────── */
  --theme-base: #4e8295;
  --theme-base-rgb: 78, 130, 149;
  --theme-black: #1A1A1A;
  --theme-primary: #68acc4;
  --theme-accent: #fed100;
  --theme-bdr-color: #a4d8eb;
  --theme-text: #364E52;
  /* ── Neutros ──────────────────────────────────── */
  --theme-white: #ffffff;
  --theme-white-rgb: 255, 255, 255;
  --theme-gray: #808080;
  --theme-gray-rgb: 128, 128, 128;
}
/* --------------------------------------------- */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
}
/* General */
html {
  scroll-padding-top: 120px;
}
.row {
  --bs-gutter-x: 30px;
}
.gutter-y-30 {
  --bs-gutter-y: 30px;
}
body {
  font-family: var(--theme-font);
  font-weight: 400;
  font-size: 22px;
  line-height: 26.86px;
  letter-spacing: 0%;
  color: var(--theme-text);
  background-color: #ECF0F0;
  width: 100vw;
  max-width: 100vw;
  overflow-x: hidden;
}
body.locked {
  overflow: hidden;
}
a {
  color: var(--theme-base);
}
a,
a:hover,
a:focus,
a:visited {
  text-decoration: none;
  transition: all 500ms ease;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--theme-font-two);
  color: var(--theme-black);
  margin: 0;
}
p {
  margin: 0;
}
dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 0;
}
/* --------------------------------------------- */
/* Botones */
.thm-btn {
  position: relative;
  display: inline-block;
  -webkit-appearance: none;
  appearance: none;
  outline: none !important;
  background-color: var(--cr-a1);
  color: var(--theme-white);
  font-family: var(--theme-font);
  font-weight: 600;
  font-size: 18px;
  line-height: 16px;
  padding: 24px 32px;
  overflow: hidden;
  transition: all 0.5s linear;
  z-index: 1;
  text-decoration: none;
  border-radius: 10px;
  border: none;
}
.thm-btn.v2 {
  background-color: var(--theme-primary);
}
.thm-btn.v3 {
  background: transparent;
  border: 1px solid var(--theme-primary);
  color: var(--theme-primary);
}
.thm-btn.blanco {
  background: var(--theme-white);
  color: #0E242B;
}
.thm-btn:hover {
  background-color: var(--cr-a6);
  color: var(--theme-black);
}
/* Botón editar post y WP */
.sq_edit_post {
  position: fixed;
  z-index: 9999999;
  bottom: 210px;
  left: 30px;
  border-radius: 100%;
  background: #333;
  border: 3px #e00034 solid;
  box-shadow: 0 1px 16px 0px rgba(0, 0, 0, 0.75);
  transition: 0.5s;
}
.sq_edit_post a {
  display: block;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sq_edit_post a svg {
  width: 25px;
  height: 20px;
}
.sq_edit_post a svg path {
  fill: #fff;
  transition: 0.3s;
}
.sq_edit_post.sq_wp_link {
  bottom: 90px;
}
.sq_edit_post.sq_info_link {
  bottom: 150px;
}
.sq_edit_post:hover {
  border: 3px #000 solid;
}
.sq_edit_post:hover a svg path {
  fill: #ebebeb;
}
figure.wp-block-gallery {
  display: flex;
  flex-wrap: wrap;
}
.SQ_migas_yoast {
  background: #FFFFFF26;
  backdrop-filter: blur(4px);
  border-radius: 40px;
  display: inline-block;
  padding: 5px 14px;
}
.SQ_migas_yoast #breadcrumbs {
  margin-bottom: 0px !important;
}
.SQ_migas_yoast #breadcrumbs span a {
  color: var(--theme-white);
  font-family: var(--theme-font);
  font-weight: 300;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0px;
  vertical-align: middle;
}
.SQ_migas_yoast #breadcrumbs span .breadcrumb_last {
  color: var(--theme-white);
  font-family: var(--theme-font);
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0px;
  vertical-align: middle;
}
.SQ_migas_yoast #breadcrumbs::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 16px;
  background-image: url('data:image/svg+xml,%3Csvg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M17.3126 6.76562L9.96889 0.375C9.83347 0.260417 9.68243 0.171875 9.51576 0.109375C9.3491 0.046875 9.17722 0.015625 9.00014 0.015625C8.82306 0.015625 8.65118 0.0442705 8.48451 0.101562C8.31785 0.158854 8.17201 0.25 8.04701 0.375L0.68764 6.76562C0.583473 6.85938 0.492327 6.96875 0.414202 7.09375C0.336077 7.21875 0.276181 7.35417 0.234515 7.5C0.203265 7.64583 0.190244 7.79427 0.195452 7.94531C0.20066 8.09635 0.229306 8.23958 0.28139 8.375C0.333473 8.51042 0.403785 8.63802 0.492327 8.75781C0.580869 8.8776 0.68764 8.97917 0.81264 9.0625C0.93764 9.14583 1.07045 9.21094 1.21108 9.25781C1.3517 9.30469 1.49493 9.32812 1.64076 9.32812H2.54701V14.5312C2.54701 14.7292 2.58347 14.9167 2.65639 15.0938C2.72931 15.2708 2.83347 15.4271 2.96889 15.5625C3.10431 15.6979 3.26316 15.8021 3.44545 15.875C3.62774 15.9479 3.81264 15.9844 4.00014 15.9844H6.07826C6.27618 15.9844 6.46368 15.9479 6.64076 15.875C6.81785 15.8021 6.9741 15.6979 7.10951 15.5625C7.25535 15.4271 7.36472 15.2708 7.43764 15.0938C7.51056 14.9167 7.54701 14.7292 7.54701 14.5312V12.4531C7.54701 12.349 7.55743 12.2474 7.57826 12.1484C7.5991 12.0495 7.63035 11.9531 7.67201 11.8594C7.71368 11.7656 7.76316 11.6771 7.82045 11.5938C7.87774 11.5104 7.94806 11.4323 8.03139 11.3594C8.10431 11.2969 8.18504 11.2396 8.27358 11.1875C8.36212 11.1354 8.45326 11.0938 8.54701 11.0625C8.65118 11.0312 8.75274 11.0104 8.8517 11C8.95066 10.9896 9.05222 10.9896 9.15639 11C9.34389 11.0312 9.51837 11.0911 9.67983 11.1797C9.84128 11.2682 9.98451 11.3854 10.1095 11.5312C10.2241 11.6771 10.3126 11.8385 10.3751 12.0156C10.4376 12.1927 10.4637 12.375 10.4533 12.5625V14.5312C10.4533 14.7292 10.4923 14.9167 10.5705 15.0938C10.6486 15.2708 10.7553 15.4271 10.8908 15.5625C11.0262 15.6979 11.1824 15.8021 11.3595 15.875C11.5366 15.9479 11.7241 15.9844 11.922 15.9844H14.0001C14.1981 15.9844 14.3856 15.9479 14.5626 15.875C14.7397 15.8021 14.896 15.6979 15.0314 15.5625C15.1668 15.4271 15.271 15.2708 15.3439 15.0938C15.4168 14.9167 15.4533 14.7292 15.4533 14.5312V9.32812H16.3595C16.5053 9.32812 16.6486 9.30469 16.7892 9.25781C16.9298 9.21094 17.0626 9.14583 17.1876 9.0625C17.3126 8.97917 17.4194 8.8776 17.508 8.75781C17.5965 8.63802 17.6668 8.51042 17.7189 8.375C17.771 8.23958 17.8022 8.09635 17.8126 7.94531C17.8231 7.79427 17.8074 7.65104 17.7658 7.51562C17.7345 7.36979 17.6798 7.23177 17.6017 7.10156C17.5236 6.97135 17.4272 6.85938 17.3126 6.76562Z" fill="white"/%3E%3C/svg%3E%0A');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
}
.SQ_migas_yoast #breadcrumbs p {
  margin: 0;
  font-size: 14px;
  font-weight: 300;
}
body .wp-site-blocks {
  margin-top: 45px;
}
@media screen and (max-width: 991px) {
  body .wp-site-blocks {
    margin-top: 35px;
  }
}
@media screen and (max-width: 767px) {
  body .wp-site-blocks {
    margin-top: 10px;
  }
}
body.home .wp-site-blocks {
  margin-top: 0;
}