.elementor-7734 .elementor-element.elementor-element-1144e0a2 > .elementor-background-overlay{opacity:0.5;}.elementor-7734 .elementor-element.elementor-element-1144e0a2{padding:0px 0px 0px 0px;}.elementor-7734 .elementor-element.elementor-element-18e44c3:not(.elementor-motion-effects-element-type-background), .elementor-7734 .elementor-element.elementor-element-18e44c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F0EA;background-image:url("https://cafe.xeon.ec/wp-content/uploads/2024/03/leafs-gold-2-1.png");background-position:center center;background-repeat:no-repeat;}.elementor-7734 .elementor-element.elementor-element-18e44c3 > .elementor-background-overlay{background-color:#563926;opacity:1;mix-blend-mode:multiply;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7734 .elementor-element.elementor-element-18e44c3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 0px 80px 0px;}.elementor-7734 .elementor-element.elementor-element-3415fc1{text-align:center;}.elementor-7734 .elementor-element.elementor-element-3415fc1 .elementor-heading-title{color:#E8B975;font-family:"Roboto", Sans-serif;font-weight:300;line-height:40px;}.elementor-7734 .elementor-element.elementor-element-25b87c7{--spacer-size:40px;}.elementor-7734 .elementor-element.elementor-element-8050253{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--justify-content:center;--background-transition:0.3s;}.elementor-7734 .elementor-element.elementor-element-ecd5235{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-7734 .elementor-element.elementor-element-3a9ebfa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-7734 .elementor-element.elementor-element-f61cc3e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-7734 .elementor-element.elementor-element-fe1a4c2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--justify-content:center;--background-transition:0.3s;}.elementor-7734 .elementor-element.elementor-element-c854a42{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-7734 .elementor-element.elementor-element-6248185{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-7734 .elementor-element.elementor-element-789fc51{text-align:center;}.elementor-7734 .elementor-element.elementor-element-789fc51 .elementor-heading-title{color:#E8B975;font-family:"Roboto", Sans-serif;font-weight:300;line-height:40px;}@media(min-width:768px){.elementor-7734 .elementor-element.elementor-element-ecd5235{--width:25%;}.elementor-7734 .elementor-element.elementor-element-3a9ebfa{--width:25%;}.elementor-7734 .elementor-element.elementor-element-f61cc3e{--width:25%;}.elementor-7734 .elementor-element.elementor-element-c854a42{--width:25%;}.elementor-7734 .elementor-element.elementor-element-6248185{--width:25%;}}/* Start custom CSS for heading, class: .elementor-element-3415fc1 */.elementor-7734 .elementor-element.elementor-element-3415fc1 h4{
    font-size: xx-large;
    text-transform: uppercase;
    max-width: 800px;
    text-align: center;
    margin: auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8050253 */@charset "UTF-8";
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #BF0D0D;
  --bs-orange: #A75B24;
  --bs-yellow: #E8B975;
  --bs-green: #BDDA0C;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #FFF;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #BDDA0C;
  --bs-info: #0dcaf0;
  --bs-warning: #E8B975;
  --bs-danger: #BF0D0D;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 189, 218, 12;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 232, 185, 117;
  --bs-danger-rgb: 191, 13, 13;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 22, 14, 10;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #FFF;
}

@font-face {
  font-family: "Gotham";
  src: url("../fonts/GothamSSm-MediumItalic.eot");
  src: local("GothamSSm Medium Italic"), local("GothamSSm-MediumItalic"), url("../fonts/GothamSSm-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamSSm-MediumItalic.woff2") format("woff2"), url("../fonts/GothamSSm-MediumItalic.woff") format("woff"), url("../fonts/GothamSSm-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/GothamSSm-Book.eot");
  src: local("GothamSSm Book"), local("GothamSSm-Book"), url("../fonts/GothamSSm-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamSSm-Book.woff2") format("woff2"), url("../fonts/GothamSSm-Book.woff") format("woff"), url("../fonts/GothamSSm-Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/GothamSSm-XLight.eot");
  src: local("GothamSSm ExtraLight"), local("GothamSSm-XLight"), url("../fonts/GothamSSm-XLight.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamSSm-XLight.woff2") format("woff2"), url("../fonts/GothamSSm-XLight.woff") format("woff"), url("../fonts/GothamSSm-XLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/GothamSSm-LightItalic.eot");
  src: local("GothamSSm Light Italic"), local("GothamSSm-LightItalic"), url("../fonts/GothamSSm-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamSSm-LightItalic.woff2") format("woff2"), url("../fonts/GothamSSm-LightItalic.woff") format("woff"), url("../fonts/GothamSSm-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/GothamSSm-Medium.eot");
  src: local("GothamSSm Medium"), local("GothamSSm-Medium"), url("../fonts/GothamSSm-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamSSm-Medium.woff2") format("woff2"), url("../fonts/GothamSSm-Medium.woff") format("woff"), url("../fonts/GothamSSm-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/GothamSSm-BookItalic.eot");
  src: local("GothamSSm Book Italic"), local("GothamSSm-BookItalic"), url("../fonts/GothamSSm-BookItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamSSm-BookItalic.woff2") format("woff2"), url("../fonts/GothamSSm-BookItalic.woff") format("woff"), url("../fonts/GothamSSm-BookItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/GothamSSm-Black.eot");
  src: local("GothamSSm Black"), local("GothamSSm-Black"), url("../fonts/GothamSSm-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamSSm-Black.woff2") format("woff2"), url("../fonts/GothamSSm-Black.woff") format("woff"), url("../fonts/GothamSSm-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/GothamSSm-BlackItalic.eot");
  src: local("GothamSSm Black Italic"), local("GothamSSm-BlackItalic"), url("../fonts/GothamSSm-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamSSm-BlackItalic.woff2") format("woff2"), url("../fonts/GothamSSm-BlackItalic.woff") format("woff"), url("../fonts/GothamSSm-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/GothamSSm-XLightItalic.eot");
  src: local("GothamSSm ExtraLight Italic"), local("GothamSSm-XLightItalic"), url("../fonts/GothamSSm-XLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamSSm-XLightItalic.woff2") format("woff2"), url("../fonts/GothamSSm-XLightItalic.woff") format("woff"), url("../fonts/GothamSSm-XLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/GothamSSm-Light.eot");
  src: local("GothamSSm Light"), local("GothamSSm-Light"), url("../fonts/GothamSSm-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamSSm-Light.woff2") format("woff2"), url("../fonts/GothamSSm-Light.woff") format("woff"), url("../fonts/GothamSSm-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/GothamSSm-Bold.eot");
  src: local("GothamSSm Bold"), local("GothamSSm-Bold"), url("../fonts/GothamSSm-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamSSm-Bold.woff2") format("woff2"), url("../fonts/GothamSSm-Bold.woff") format("woff"), url("../fonts/GothamSSm-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/GothamSSm-BoldItalic.eot");
  src: local("GothamSSm Bold Italic"), local("GothamSSm-BoldItalic"), url("../fonts/GothamSSm-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamSSm-BoldItalic.woff2") format("woff2"), url("../fonts/GothamSSm-BoldItalic.woff") format("woff"), url("../fonts/GothamSSm-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?y62pe1");
  src: url("../fonts/icomoon.eot?y62pe1#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?y62pe1") format("truetype"), url("../fonts/icomoon.woff?y62pe1") format("woff"), url("../fonts/icomoon.svg?y62pe1#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow:before {
  content: "\e904";
}

.icon-facebook:before {
  content: "\e900";
}

.facebook-circle:before {
  font-family: "icomoon" !important;
  content: "\e900";
}

.icon-instagram:before {
  content: "\e901";
}

.icon-linkedin:before {
  content: "\e902";
}

.icon-whatsapp:before {
  content: "\e903";
}

.phone:before {
  font-family: "icomoon" !important;
  content: "\e942";
}

* {
  font-family: "Gotham", sans-serif;
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #563926;
}

/*
      Backgrounds
  */
.bg {
  width: 100%;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.bg-lead {
  background-color: #EFECEA !important;
}

.bg-lead-light {
  background-color: #FAF1E3 !important;
}

.bg-black {
  background-color: #160E0A !important;
}

.bg-brown {
  background-color: #563926 !important;
}

.bg-icon-brown {
  background-color: #563926 !important;
}

.bg-icon-brown:hover {
  background-color: #904515 !important;
}

.bg-orange {
  background-color: #A75B24 !important;
}

.bg-icon-orange {
  background-color: #A75B24 !important;
}

.bg-icon-orange:hover {
  background-color: #a86a3c !important;
}

.bg-yellow {
  background-color: #E8B975 !important;
}

.bg-mustard {
  background-color: #DAB27D !important;
}

.bg-moca {
  background-color: #C7A576 !important;
}

.bg-moca-light {
  background-color: #F1D5AC !important;
}

.bg-gold {
  background-color: #C27F27 !important;
}

.bg-icon-gold {
  background-color: #C27F27 !important;
}

.bg-icon-gold:hover {
  background-color: #d6a24c !important;
}

.bg-machine {
  background-color: #563926;
}

.bg-glass {
  background: linear-gradient(95.56deg, rgba(255, 255, 255, 0.06) 5.64%, rgba(255, 255, 255, 0.42) 104.38%);
  border: 2px solid rgba(255, 255, 255, 0.6);
}

.bg-linear-white {
  background-image: url("http://127.0.0.1/color_cafe/wp-content/themes/color_cafe/assets/images/fondo-rojo.jpg");
  background-size: cover;
}

.bg-certificaciones {
  background: linear-gradient(0deg, rgba(255, 244, 187, 0.3), rgba(255, 244, 187, 0.3)), url("http://127.0.0.1/color_cafe/wp-content/themes/color_cafe/assets/images/fondo-certif.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.footer {
  background-color: #160E0A;
  color: #E8B975;
  border-top: 4px solid #C27F27;
}

/*
      Borders
  */
.border-gold {
  border-color: #C27F27 !important;
}

.border-green {
  border: 2px solid #BDDA0C !important;
}

.border-white {
  border: 1.5px solid #FFFFFF !important;
}

.border-icon {
  border: 0.08em solid;
  border-radius: 100%;
  height: 24px;
  width: 24px;
}

.border-brown {
  border-color: #563926 !important;
}

.icon-footer {
  text-decoration: none;
}

.icon-footer > span {
  color: #E8B975;
  font-size: 30px;
}

.icon-footer > span:hover {
  color: #C27F27;
}

.icon-contactanos {
  border-radius: 100%;
  border: none;
  box-sizing: border-box;
  color: #a86a3c;
  font-size: 24px;
  text-align: center;
}

.icon-contactanos:hover {
  background-color: #a86a3c;
  color: #E8B975;
}

.icon-wp {
  border: 0.08em solid #A75B24 !important;
  border-radius: 100%;
  color: #A75B24;
  height: 24px;
  width: 24px;
}

.icon-wp-white {
  border: 0.08em solid #FFFFFF !important;
  border-radius: 100%;
  color: #FFFFFF;
  height: 24px;
  width: 24px;
}

.icon-play {
  border: 0.08em solid #C27F27 !important;
  border-radius: 100%;
  color: #C27F27;
  height: 24px;
  width: 24px;
}

.icon-play:hover {
  border: 0.08em solid #FFFFFF !important;
  color: #FFFFFF;
}

/*
      Botons
  */
.btn-brown {
  color: #FFFFFF;
  background-color: #A75B24;
  border-color: #A75B24;
  border-radius: 0 !important;
}

.btn-brown:hover {
  color: #A75B24;
  background-color: #FFFFFF;
  border-color: #A75B24;
}

.btn-machine {
  color: #C27F27;
  background-color: #FFFFFF;
  border-color: #C27F27;
  border-radius: 0 !important;
  margin: 20px;
  padding: 10px 15px;
}

.btn-machine:hover {
  color: #FFFFFF;
  background-color: #C27F27;
  border-color: none !important;
}

.btn-machine:hover > .icon-play {
  border: 0.08em solid #FFFFFF !important;
  color: #FFFFFF;
}

.btn-machine.active {
  background-color: #563926;
  color: #FFFFFF;
  border: none;
  border-color: none !important;
  -webkit-animation: 0.3s slidein;
  animation: 0.3s slidein;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.btn-machine.active > .icon-arrow {
  color: #FFFFFF;
}

.btn-machine.active > .icon-arrow {
  transform: rotate(90deg);
}

.btn-yellow {
  color: #563926;
  background-color: #E8B975;
  border-color: #E8B975;
  border-radius: 0 !important;
}

@-webkit-keyframes slidein {
  from {
    margin-bottom: 20px;
  }
  to {
    margin-bottom: 0px;
  }
}
@keyframes slidein {
  from {
    margin-bottom: 20px;
  }
  to {
    margin-bottom: 0px;
  }
}
/*
      Links
  */
a {
  padding: 0.375rem 0.75rem;
  text-decoration: none;
}

.nav-link {
  color: #4A4A4A !important;
}

.nav-link:hover {
  color: #A75B24 !important;
}

.nav-link.active {
  color: #A75B24 !important;
  border-bottom: 1px solid #A75B24;
}

.nav-link.footer-link {
  color: #E8B975 !important;
}

.nav-link.footer-link:hover {
  color: #C27F27 !important;
}

.nav-link.footer-link.active {
  color: #C27F27 !important;
  border-bottom: 1px solid #C27F27;
}

.navbar-dark .navbar-toggler.footer-navbar {
  color: #E8B975 !important;
  border-color: #E8B975 !important;
}

.link-white {
  color: #FFFFFF !important;
}

.link-white:hover {
  border: 0.08em solid #FFFFFF;
}

.link-orange {
  color: #A75B24 !important;
}

.link-orange:hover {
  border: 0.08em solid #A75B24;
}

.link-gray {
  color: #4A4A4A !important;
  position: relative;
}

.link-gray:hover:after {
  /* border-bottom: 0.08em solid #4A4A4A; */
  content: "";
  width: 60%;
  border-bottom: 0.08em solid #4A4A4A;
  position: absolute;
  bottom: 0;
  left: 20%;
}

.link-gray.active {
  border-bottom: 2px solid #A75B24;
}

.post-categories {
  padding-left: 0 !important;
}

.post-categories li {
  list-style: none;
}

.post-categories a {
  text-decoration: none !important;
  color: #A75B24 !important;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

/*
      Height
  */
.hmax-60 {
  max-height: 60% !important;
}

.hmax-200 {
  max-height: 200px !important;
}

.hmax-240 {
  max-height: 240px !important;
}

.hmax-250 {
  max-height: 250px !important;
}

.hmax-300 {
  max-height: 300px !important;
}

.hmax-350 {
  max-height: 350px !important;
}

.hmax-400 {
  max-height: 400px !important;
}

.hmax-460 {
  max-height: 460px !important;
}

.hmax-500 {
  max-height: 500px !important;
}

.hmax-600 {
  max-height: 600px !important;
}

.hmin-60 {
  min-height: 60% !important;
}

.hmin-200 {
  min-height: 200px !important;
}

.hmin-240 {
  min-height: 240px !important;
}

.hmin-250 {
  min-height: 250px !important;
}

.hmin-300 {
  min-height: 300px !important;
}

.hmin-350 {
  min-height: 350px !important;
}

.hmin-400 {
  min-height: 400px !important;
}

.hmin-460 {
  min-height: 460px !important;
}

.hmin-500 {
  min-height: 500px !important;
}

.hmin-600, .hmin-550, .hmin-510 {
  min-height: 600px !important;
}

.hmin-680 {
  min-height: 680px !important;
}

/*
      Font color
  */
.text-black {
  color: #160E0A !important;
}

.text-gray {
  color: #4A4A4A !important;
}

.text-brown {
  color: #563926 !important;
}

.text-brown-light {
  color: #904515 !important;
}

.text-red {
  color: #bf0d0d !important;
}

.text-orange {
  color: #A75B24 !important;
}

.text-gold {
  color: #C27F27 !important;
}

.text-yellow {
  color: #E8B975 !important;
}

/*
      Font size
  */
.fs-12 {
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

.fs-14 {
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

.fs-16 {
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

.fs-18 {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

.fs-20 {
  font-size: 20px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

.fs-22 {
  font-size: 22px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

.fs-24 {
  font-size: 24px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

.fs-30 {
  font-size: 30px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

.fs-32 {
  font-size: 32px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

.fs-36 {
  font-size: 36px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

.fs-38 {
  font-size: 38px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

.fs-40 {
  font-size: 40px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

.fs-42 {
  font-size: 42px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

.fs-44 {
  font-size: 44px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

.fs-48 {
  font-size: 48px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

/*
      Font weight
  */
.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

/*
      Dividers
  */
.divider-gold {
  width: 30px;
  height: 1px;
  border: 1px solid #C27F27;
  margin: 10px auto;
  border-radius: 20px;
}

.divider-white {
  width: 30px;
  height: 1px;
  border: 1px solid #FFFFFF;
  margin: 10px auto;
  border-radius: 20px;
}

.divider-black {
  width: 30px;
  height: 1px;
  border: 1px solid #160E0A;
  margin: 10px auto;
  border-radius: 20px;
}

.object-fit-cover {
  width: 100%;
  -o-object-fit: cover !important;
  object-fit: cover !important;
  -o-object-position: center !important;
  object-position: 50% 5% !important;
}

/*
    Hover
  */
.box-hover:hover {
  transition: all 0.9s ease-in-out;
  transform: scale(1.025);
}

.box-image-hover {
  overflow: hidden;
}

.box-image-hover .img-hover {
  -webkit-transition: all 0.7s ease;
  /* Safari y Chrome */
  -moz-transition: all 0.7s ease;
  /* Firefox */
  -o-transition: all 0.7s ease;
  /* IE 9 */
  -ms-transition: all 0.7s ease;
  /* Opera */
}

.box-image-hover:hover .img-hover {
  transform: scale(1.075);
}

/* Establecemos el ancho y la altura como deseemos, elimina la perspectiva si no deseas el efecto 3D */
.giro {
  background-color: transparent;
  width: 100%;
  height: 230px;
  perspective: 1000px;
  /* Borra esta l铆nea si no quieres el efecto 3D */
}

/* Este contenedor es necesario para colocar el anverso y el reverso */
.giro-interno {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Hace un giro horizontal cuando muevas el rat贸n sobre el contenedor de la caja */
.giro:hover .giro-interno {
  transform: rotateY(180deg);
}

/* Coloca el anverso y el reverso */
.giro-frontal,
.giro-detras {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  /* Safari */
  backface-visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
}

/* Estilos de la parte trasera */
.giro-detras {
  transform: rotateY(180deg);
}

.price {
  color: #563926;
  font-size: 18px;
  font-weight: 700;
  background-color: #EFECEA;
  border-radius: 20px;
  padding: 8px 16px;
}

.img-certificacion {
  max-width: 245px;
  margin: 12px;
}

.text-justify {
  text-align: justify;
}

.bg-orange {
  background-color: #a86a3c !important;
}

.img-producto{
    height:620px;
    width:100% !important;
}

/*
      Mediaqueries
  */
@media screen and (max-width: 765px) {
  .bg-linear-white {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 60%, #fff 60%, #fff 100%), url("http://127.0.0.1/color_cafe/wp-content/themes/color_cafe/assets/images/fondo-rojo.jpg");
    background-size: cover;
  }
}
@media screen and (max-width: 769px) {
  .btn-blog{
    position: relative;
  }
}
@media screen and (max-width: 425px) {
  .w-75 {
    width: 100% !important;
  }
  .hmax-200 {
    max-height: 100px !important;
  }
  .hmax-240 {
    max-height: 140px !important;
  }
  .hmax-250 {
    max-height: 125px !important;
  }
  .hmax-300 {
    max-height: 150px !important;
  }
  .hmax-350 {
    max-height: 175px !important;
  }
  .hmax-400 {
    max-height: 200px !important;
  }
  .hmax-460 {
    max-height: 230px !important;
  }
  .hmax-500 {
    max-height: 250px !important;
  }
  .hmax-600 {
    max-height: 300px !important;
  }
  .hmin-200 {
    min-height: 100px !important;
  }
  .hmin-240 {
    min-height: 120px !important;
  }
  .hmin-250 {
    min-height: 125px !important;
  }
  .hmin-300 {
    min-height: 150px !important;
  }
  .hmin-350 {
    min-height: 175px !important;
  }
  .hmin-400 {
    min-height: 200px !important;
  }
  .hmin-460 {
    min-height: 230px !important;
  }
  .hmin-500 {
    min-height: 250px !important;
  }
  .hmin-510 {
    min-height: 190px !important;
  }
  .hmin-550 {
    min-height: 220px !important;
  }
  .hmin-600 {
    min-height: 300px !important;
  }
  .fs-48 {
    font-size: 40px;
  }
  p.fs-48 {
    font-size: 32px;
  }
  #banner.hmax-500 {
    min-height: 250px !important;
    max-height: 100% !important;
  }
  #banner > .carousel-item > .hmin-500 {
    min-height: 100px !important;
    max-height: 100% !important;
  }
  .fs-44 {
    font-size: 20px;
    line-height: 140%;
    letter-spacing: 0.04em;
  }
  .text-justify {
    text-align: justify;
  }
  .fs-36 {
    font-size: 25px;
    line-height: 114%;
    letter-spacing: 0.04em;
  }
  .fs-22 {
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0.04em;
  }
  .img-producto{
        height:auto;
  }
  .btn-blog{
    position: relative;
  }
}
.carousel-indicators [data-bs-target] {
  background-color: #4A4A4A;
}

.carousel-indicators .active {
  background-color: #C27F27;
}


.btn-blog{
    position: absolute;
}


.bottom-0{
    bottom: 0;
}



.elementor-7734 .elementor-element.elementor-element-8050253 .map-locations-container{
    display: flex;
  flex-direction: column;
}

.elementor-7734 .elementor-element.elementor-element-8050253 .map-locations-container a{
  margin: 0;
  padding: 2px;
  font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe1a4c2 */@charset "UTF-8";
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #BF0D0D;
  --bs-orange: #A75B24;
  --bs-yellow: #E8B975;
  --bs-green: #BDDA0C;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #FFF;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #BDDA0C;
  --bs-info: #0dcaf0;
  --bs-warning: #E8B975;
  --bs-danger: #BF0D0D;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 189, 218, 12;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 232, 185, 117;
  --bs-danger-rgb: 191, 13, 13;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 22, 14, 10;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #FFF;
}

@font-face {
  font-family: "Gotham";
  src: url("../fonts/GothamSSm-MediumItalic.eot");
  src: local("GothamSSm Medium Italic"), local("GothamSSm-MediumItalic"), url("../fonts/GothamSSm-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamSSm-MediumItalic.woff2") format("woff2"), url("../fonts/GothamSSm-MediumItalic.woff") format("woff"), url("../fonts/GothamSSm-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/GothamSSm-Book.eot");
  src: local("GothamSSm Book"), local("GothamSSm-Book"), url("../fonts/GothamSSm-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamSSm-Book.woff2") format("woff2"), url("../fonts/GothamSSm-Book.woff") format("woff"), url("../fonts/GothamSSm-Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/GothamSSm-XLight.eot");
  src: local("GothamSSm ExtraLight"), local("GothamSSm-XLight"), url("../fonts/GothamSSm-XLight.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamSSm-XLight.woff2") format("woff2"), url("../fonts/GothamSSm-XLight.woff") format("woff"), url("../fonts/GothamSSm-XLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/GothamSSm-LightItalic.eot");
  src: local("GothamSSm Light Italic"), local("GothamSSm-LightItalic"), url("../fonts/GothamSSm-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamSSm-LightItalic.woff2") format("woff2"), url("../fonts/GothamSSm-LightItalic.woff") format("woff"), url("../fonts/GothamSSm-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/GothamSSm-Medium.eot");
  src: local("GothamSSm Medium"), local("GothamSSm-Medium"), url("../fonts/GothamSSm-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamSSm-Medium.woff2") format("woff2"), url("../fonts/GothamSSm-Medium.woff") format("woff"), url("../fonts/GothamSSm-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/GothamSSm-BookItalic.eot");
  src: local("GothamSSm Book Italic"), local("GothamSSm-BookItalic"), url("../fonts/GothamSSm-BookItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamSSm-BookItalic.woff2") format("woff2"), url("../fonts/GothamSSm-BookItalic.woff") format("woff"), url("../fonts/GothamSSm-BookItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/GothamSSm-Black.eot");
  src: local("GothamSSm Black"), local("GothamSSm-Black"), url("../fonts/GothamSSm-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamSSm-Black.woff2") format("woff2"), url("../fonts/GothamSSm-Black.woff") format("woff"), url("../fonts/GothamSSm-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/GothamSSm-BlackItalic.eot");
  src: local("GothamSSm Black Italic"), local("GothamSSm-BlackItalic"), url("../fonts/GothamSSm-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamSSm-BlackItalic.woff2") format("woff2"), url("../fonts/GothamSSm-BlackItalic.woff") format("woff"), url("../fonts/GothamSSm-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/GothamSSm-XLightItalic.eot");
  src: local("GothamSSm ExtraLight Italic"), local("GothamSSm-XLightItalic"), url("../fonts/GothamSSm-XLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamSSm-XLightItalic.woff2") format("woff2"), url("../fonts/GothamSSm-XLightItalic.woff") format("woff"), url("../fonts/GothamSSm-XLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/GothamSSm-Light.eot");
  src: local("GothamSSm Light"), local("GothamSSm-Light"), url("../fonts/GothamSSm-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamSSm-Light.woff2") format("woff2"), url("../fonts/GothamSSm-Light.woff") format("woff"), url("../fonts/GothamSSm-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/GothamSSm-Bold.eot");
  src: local("GothamSSm Bold"), local("GothamSSm-Bold"), url("../fonts/GothamSSm-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamSSm-Bold.woff2") format("woff2"), url("../fonts/GothamSSm-Bold.woff") format("woff"), url("../fonts/GothamSSm-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/GothamSSm-BoldItalic.eot");
  src: local("GothamSSm Bold Italic"), local("GothamSSm-BoldItalic"), url("../fonts/GothamSSm-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamSSm-BoldItalic.woff2") format("woff2"), url("../fonts/GothamSSm-BoldItalic.woff") format("woff"), url("../fonts/GothamSSm-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?y62pe1");
  src: url("../fonts/icomoon.eot?y62pe1#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?y62pe1") format("truetype"), url("../fonts/icomoon.woff?y62pe1") format("woff"), url("../fonts/icomoon.svg?y62pe1#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow:before {
  content: "\e904";
}

.icon-facebook:before {
  content: "\e900";
}

.facebook-circle:before {
  font-family: "icomoon" !important;
  content: "\e900";
}

.icon-instagram:before {
  content: "\e901";
}

.icon-linkedin:before {
  content: "\e902";
}

.icon-whatsapp:before {
  content: "\e903";
}

.phone:before {
  font-family: "icomoon" !important;
  content: "\e942";
}

* {
  font-family: "Gotham", sans-serif;
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #563926;
}

/*
      Backgrounds
  */
.bg {
  width: 100%;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.bg-lead {
  background-color: #EFECEA !important;
}

.bg-lead-light {
  background-color: #FAF1E3 !important;
}

.bg-black {
  background-color: #160E0A !important;
}

.bg-brown {
  background-color: #563926 !important;
}

.bg-icon-brown {
  background-color: #563926 !important;
}

.bg-icon-brown:hover {
  background-color: #904515 !important;
}

.bg-orange {
  background-color: #A75B24 !important;
}

.bg-icon-orange {
  background-color: #A75B24 !important;
}

.bg-icon-orange:hover {
  background-color: #a86a3c !important;
}

.bg-yellow {
  background-color: #E8B975 !important;
}

.bg-mustard {
  background-color: #DAB27D !important;
}

.bg-moca {
  background-color: #C7A576 !important;
}

.bg-moca-light {
  background-color: #F1D5AC !important;
}

.bg-gold {
  background-color: #C27F27 !important;
}

.bg-icon-gold {
  background-color: #C27F27 !important;
}

.bg-icon-gold:hover {
  background-color: #d6a24c !important;
}

.bg-machine {
  background-color: #563926;
}

.bg-glass {
  background: linear-gradient(95.56deg, rgba(255, 255, 255, 0.06) 5.64%, rgba(255, 255, 255, 0.42) 104.38%);
  border: 2px solid rgba(255, 255, 255, 0.6);
}

.bg-linear-white {
  background-image: url("http://127.0.0.1/color_cafe/wp-content/themes/color_cafe/assets/images/fondo-rojo.jpg");
  background-size: cover;
}

.bg-certificaciones {
  background: linear-gradient(0deg, rgba(255, 244, 187, 0.3), rgba(255, 244, 187, 0.3)), url("http://127.0.0.1/color_cafe/wp-content/themes/color_cafe/assets/images/fondo-certif.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.footer {
  background-color: #160E0A;
  color: #E8B975;
  border-top: 4px solid #C27F27;
}

/*
      Borders
  */
.border-gold {
  border-color: #C27F27 !important;
}

.border-green {
  border: 2px solid #BDDA0C !important;
}

.border-white {
  border: 1.5px solid #FFFFFF !important;
}

.border-icon {
  border: 0.08em solid;
  border-radius: 100%;
  height: 24px;
  width: 24px;
}

.border-brown {
  border-color: #563926 !important;
}

.icon-footer {
  text-decoration: none;
}

.icon-footer > span {
  color: #E8B975;
  font-size: 30px;
}

.icon-footer > span:hover {
  color: #C27F27;
}

.icon-contactanos {
  border-radius: 100%;
  border: none;
  box-sizing: border-box;
  color: #a86a3c;
  font-size: 24px;
  text-align: center;
}

.icon-contactanos:hover {
  background-color: #a86a3c;
  color: #E8B975;
}

.icon-wp {
  border: 0.08em solid #A75B24 !important;
  border-radius: 100%;
  color: #A75B24;
  height: 24px;
  width: 24px;
}

.icon-wp-white {
  border: 0.08em solid #FFFFFF !important;
  border-radius: 100%;
  color: #FFFFFF;
  height: 24px;
  width: 24px;
}

.icon-play {
  border: 0.08em solid #C27F27 !important;
  border-radius: 100%;
  color: #C27F27;
  height: 24px;
  width: 24px;
}

.icon-play:hover {
  border: 0.08em solid #FFFFFF !important;
  color: #FFFFFF;
}

/*
      Botons
  */
.btn-brown {
  color: #FFFFFF;
  background-color: #A75B24;
  border-color: #A75B24;
  border-radius: 0 !important;
}

.btn-brown:hover {
  color: #A75B24;
  background-color: #FFFFFF;
  border-color: #A75B24;
}

.btn-machine {
  color: #C27F27;
  background-color: #FFFFFF;
  border-color: #C27F27;
  border-radius: 0 !important;
  margin: 20px;
  padding: 10px 15px;
}

.btn-machine:hover {
  color: #FFFFFF;
  background-color: #C27F27;
  border-color: none !important;
}

.btn-machine:hover > .icon-play {
  border: 0.08em solid #FFFFFF !important;
  color: #FFFFFF;
}

.btn-machine.active {
  background-color: #563926;
  color: #FFFFFF;
  border: none;
  border-color: none !important;
  -webkit-animation: 0.3s slidein;
  animation: 0.3s slidein;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.btn-machine.active > .icon-arrow {
  color: #FFFFFF;
}

.btn-machine.active > .icon-arrow {
  transform: rotate(90deg);
}

.btn-yellow {
  color: #563926;
  background-color: #E8B975;
  border-color: #E8B975;
  border-radius: 0 !important;
}

@-webkit-keyframes slidein {
  from {
    margin-bottom: 20px;
  }
  to {
    margin-bottom: 0px;
  }
}
@keyframes slidein {
  from {
    margin-bottom: 20px;
  }
  to {
    margin-bottom: 0px;
  }
}
/*
      Links
  */
a {
  padding: 0.375rem 0.75rem;
  text-decoration: none;
}

.nav-link {
  color: #4A4A4A !important;
}

.nav-link:hover {
  color: #A75B24 !important;
}

.nav-link.active {
  color: #A75B24 !important;
  border-bottom: 1px solid #A75B24;
}

.nav-link.footer-link {
  color: #E8B975 !important;
}

.nav-link.footer-link:hover {
  color: #C27F27 !important;
}

.nav-link.footer-link.active {
  color: #C27F27 !important;
  border-bottom: 1px solid #C27F27;
}

.navbar-dark .navbar-toggler.footer-navbar {
  color: #E8B975 !important;
  border-color: #E8B975 !important;
}

.link-white {
  color: #FFFFFF !important;
}

.link-white:hover {
  border: 0.08em solid #FFFFFF;
}

.link-orange {
  color: #A75B24 !important;
}

.link-orange:hover {
  border: 0.08em solid #A75B24;
}

.link-gray {
  color: #4A4A4A !important;
  position: relative;
}

.link-gray:hover:after {
  /* border-bottom: 0.08em solid #4A4A4A; */
  content: "";
  width: 60%;
  border-bottom: 0.08em solid #4A4A4A;
  position: absolute;
  bottom: 0;
  left: 20%;
}

.link-gray.active {
  border-bottom: 2px solid #A75B24;
}

.post-categories {
  padding-left: 0 !important;
}

.post-categories li {
  list-style: none;
}

.post-categories a {
  text-decoration: none !important;
  color: #A75B24 !important;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

/*
      Height
  */
.hmax-60 {
  max-height: 60% !important;
}

.hmax-200 {
  max-height: 200px !important;
}

.hmax-240 {
  max-height: 240px !important;
}

.hmax-250 {
  max-height: 250px !important;
}

.hmax-300 {
  max-height: 300px !important;
}

.hmax-350 {
  max-height: 350px !important;
}

.hmax-400 {
  max-height: 400px !important;
}

.hmax-460 {
  max-height: 460px !important;
}

.hmax-500 {
  max-height: 500px !important;
}

.hmax-600 {
  max-height: 600px !important;
}

.hmin-60 {
  min-height: 60% !important;
}

.hmin-200 {
  min-height: 200px !important;
}

.hmin-240 {
  min-height: 240px !important;
}

.hmin-250 {
  min-height: 250px !important;
}

.hmin-300 {
  min-height: 300px !important;
}

.hmin-350 {
  min-height: 350px !important;
}

.hmin-400 {
  min-height: 400px !important;
}

.hmin-460 {
  min-height: 460px !important;
}

.hmin-500 {
  min-height: 500px !important;
}

.hmin-600, .hmin-550, .hmin-510 {
  min-height: 600px !important;
}

.hmin-680 {
  min-height: 680px !important;
}

/*
      Font color
  */
.text-black {
  color: #160E0A !important;
}

.text-gray {
  color: #4A4A4A !important;
}

.text-brown {
  color: #563926 !important;
}

.text-brown-light {
  color: #904515 !important;
}

.text-red {
  color: #bf0d0d !important;
}

.text-orange {
  color: #A75B24 !important;
}

.text-gold {
  color: #C27F27 !important;
}

.text-yellow {
  color: #E8B975 !important;
}

/*
      Font size
  */
.fs-12 {
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

.fs-14 {
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

.fs-16 {
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

.fs-18 {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

.fs-20 {
  font-size: 20px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

.fs-22 {
  font-size: 22px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

.fs-24 {
  font-size: 24px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

.fs-30 {
  font-size: 30px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

.fs-32 {
  font-size: 32px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

.fs-36 {
  font-size: 36px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

.fs-38 {
  font-size: 38px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

.fs-40 {
  font-size: 40px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

.fs-42 {
  font-size: 42px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

.fs-44 {
  font-size: 44px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

.fs-48 {
  font-size: 48px;
  line-height: 140%;
  letter-spacing: 0.04em;
}

/*
      Font weight
  */
.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

/*
      Dividers
  */
.divider-gold {
  width: 30px;
  height: 1px;
  border: 1px solid #C27F27;
  margin: 10px auto;
  border-radius: 20px;
}

.divider-white {
  width: 30px;
  height: 1px;
  border: 1px solid #FFFFFF;
  margin: 10px auto;
  border-radius: 20px;
}

.divider-black {
  width: 30px;
  height: 1px;
  border: 1px solid #160E0A;
  margin: 10px auto;
  border-radius: 20px;
}

.object-fit-cover {
  width: 100%;
  -o-object-fit: cover !important;
  object-fit: cover !important;
  -o-object-position: center !important;
  object-position: 50% 5% !important;
}

/*
    Hover
  */
.box-hover:hover {
  transition: all 0.9s ease-in-out;
  transform: scale(1.025);
}

.box-image-hover {
  overflow: hidden;
}

.box-image-hover .img-hover {
  -webkit-transition: all 0.7s ease;
  /* Safari y Chrome */
  -moz-transition: all 0.7s ease;
  /* Firefox */
  -o-transition: all 0.7s ease;
  /* IE 9 */
  -ms-transition: all 0.7s ease;
  /* Opera */
}

.box-image-hover:hover .img-hover {
  transform: scale(1.075);
}

/* Establecemos el ancho y la altura como deseemos, elimina la perspectiva si no deseas el efecto 3D */
.giro {
  background-color: transparent;
  width: 100%;
  height: 230px;
  perspective: 1000px;
  /* Borra esta l铆nea si no quieres el efecto 3D */
}

/* Este contenedor es necesario para colocar el anverso y el reverso */
.giro-interno {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Hace un giro horizontal cuando muevas el rat贸n sobre el contenedor de la caja */
.giro:hover .giro-interno {
  transform: rotateY(180deg);
}

/* Coloca el anverso y el reverso */
.giro-frontal,
.giro-detras {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  /* Safari */
  backface-visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
}

/* Estilos de la parte trasera */
.giro-detras {
  transform: rotateY(180deg);
}

.price {
  color: #563926;
  font-size: 18px;
  font-weight: 700;
  background-color: #EFECEA;
  border-radius: 20px;
  padding: 8px 16px;
}

.img-certificacion {
  max-width: 245px;
  margin: 12px;
}

.text-justify {
  text-align: justify;
}

.bg-orange {
  background-color: #a86a3c !important;
}

.img-producto{
    height:620px;
    width:100% !important;
}

/*
      Mediaqueries
  */
@media screen and (max-width: 765px) {
  .bg-linear-white {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 60%, #fff 60%, #fff 100%), url("http://127.0.0.1/color_cafe/wp-content/themes/color_cafe/assets/images/fondo-rojo.jpg");
    background-size: cover;
  }
}
@media screen and (max-width: 769px) {
  .btn-blog{
    position: relative;
  }
}
@media screen and (max-width: 425px) {
  .w-75 {
    width: 100% !important;
  }
  .hmax-200 {
    max-height: 100px !important;
  }
  .hmax-240 {
    max-height: 140px !important;
  }
  .hmax-250 {
    max-height: 125px !important;
  }
  .hmax-300 {
    max-height: 150px !important;
  }
  .hmax-350 {
    max-height: 175px !important;
  }
  .hmax-400 {
    max-height: 200px !important;
  }
  .hmax-460 {
    max-height: 230px !important;
  }
  .hmax-500 {
    max-height: 250px !important;
  }
  .hmax-600 {
    max-height: 300px !important;
  }
  .hmin-200 {
    min-height: 100px !important;
  }
  .hmin-240 {
    min-height: 120px !important;
  }
  .hmin-250 {
    min-height: 125px !important;
  }
  .hmin-300 {
    min-height: 150px !important;
  }
  .hmin-350 {
    min-height: 175px !important;
  }
  .hmin-400 {
    min-height: 200px !important;
  }
  .hmin-460 {
    min-height: 230px !important;
  }
  .hmin-500 {
    min-height: 250px !important;
  }
  .hmin-510 {
    min-height: 190px !important;
  }
  .hmin-550 {
    min-height: 220px !important;
  }
  .hmin-600 {
    min-height: 300px !important;
  }
  .fs-48 {
    font-size: 40px;
  }
  p.fs-48 {
    font-size: 32px;
  }
  #banner.hmax-500 {
    min-height: 250px !important;
    max-height: 100% !important;
  }
  #banner > .carousel-item > .hmin-500 {
    min-height: 100px !important;
    max-height: 100% !important;
  }
  .fs-44 {
    font-size: 20px;
    line-height: 140%;
    letter-spacing: 0.04em;
  }
  .text-justify {
    text-align: justify;
  }
  .fs-36 {
    font-size: 25px;
    line-height: 114%;
    letter-spacing: 0.04em;
  }
  .fs-22 {
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0.04em;
  }
  .img-producto{
        height:auto;
  }
  .btn-blog{
    position: relative;
  }
}
.carousel-indicators [data-bs-target] {
  background-color: #4A4A4A;
}

.carousel-indicators .active {
  background-color: #C27F27;
}


.btn-blog{
    position: absolute;
}


.bottom-0{
    bottom: 0;
}


.elementor-7734 .elementor-element.elementor-element-fe1a4c2 .map-locations-container{
    display: flex;
  flex-direction: column;
}

.elementor-7734 .elementor-element.elementor-element-fe1a4c2 .map-locations-container a{
  margin: 0;
  padding: 2px;
  font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-789fc51 */.elementor-7734 .elementor-element.elementor-element-789fc51 h4{
    font-size: xx-large;
    text-transform: uppercase;
    max-width: 800px;
    text-align: center;
    margin: auto;
}/* End custom CSS */