@charset "UTF-8";

/* @ Imports ↓ --------------------------------- */

@font-face {
  font-family: "Neue-Machina";
  src: url("/wp-content/themes/material-design-child/assets/fonts/NeueMachina-Regular.otf");
}

@font-face {
  font-family: "Telegraf";
  src: url("/wp-content/themes/material-design-child/assets/fonts/FontsFree-Net-Telegraf-Regular.ttf");
}

@font-face {
  font-family: "Raleway";
  src: url("/wp-content/themes/material-design-child/assets/fonts/Raleway-VariableFont_wght.ttf");
}

* body#agencia-gen-body {
  transition: 0.25s;
  --md-sys-color-primary: #000000!important;
  --md-sys-color-on-primary: #000000!important;
  --md-sys-color-background: rgb(255, 255, 255)!important;
  --mdc-button-radius: 5px!important;
  --md-sys-color-surface-variant: #F5F5F5 !important;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}

* body#agencia-gen-body a:hover {
  color: var(--md-sys-color-primary);
  opacity: 80%;
  transition: 0.25s;
}

* body#agencia-gen-body .-has-tab-bar + .site-content {
  padding-top: 64px;
}

* body#agencia-gen-body .-has-tab-bar + .site-content .content-area {
  margin-top: 8rem;
}

* body#agencia-gen-body .top-app-bar {
  background-color: var(--md-sys-color-background);
  width: 100vw;
  padding-right: 1rem;
  padding-left: 1rem;
}

* body#agencia-gen-body .top-app-bar .logo img {
  height: 18px;
}

* body#agencia-gen-body .top-app-bar .mdc-top-app-bar__row {
  margin-left: none;
  margin-right: none;
  max-width: none;
}

* body#agencia-gen-body img.custom-logo {
  filter: invert(1) !important;
}

* body#agencia-gen-body .mdc-icon-button,
* body#agencia-gen-body .mdc-icon-button:focus,
* body#agencia-gen-body .mdc-icon-button:hover,
* body#agencia-gen-body .mdc-icon-button:visited {
  color: var(--md-sys-color-on-primary);
}

* body#agencia-gen-body li.li--disabled {
  margin: 1rem;
}

* body#agencia-gen-body #fvl-lagn-btn .gt_switcher {
  font-family: var(--md-sys-typescale-label-small-font);
  overflow: visible;
}

* body#agencia-gen-body #fvl-lagn-btn .gt_switcher .gt_option {
  display: none;
  background: none;
  border: none;
  max-height: 50px;
}

* body#agencia-gen-body #fvl-lagn-btn .gt_switcher .gt_option a {
  color: var(--md-sys-color-on-primary);
  padding: 0px 0px;
}

* body#agencia-gen-body #fvl-lagn-btn .gt_switcher .gt_option a:hover {
  background: none;
}

* body#agencia-gen-body #fvl-lagn-btn .gt_switcher .gt_selected {
  position: relative;
  background: none;
  border: none;
  border-radius: 3px;
  z-index: 9999;
}

* body#agencia-gen-body #fvl-lagn-btn .gt_switcher .gt_selected a.open {
  transform: translateY(0rem);
  background: var(--md-sys-color-background);
  border: none;
  border-radius: 3px;
  transition-duration: 1s;
  padding: 3px 6px;
}

* body#agencia-gen-body #fvl-lagn-btn .gt_switcher .gt_selected a {
  background: none;
  color: var(--md-sys-color-on-primary);
  padding: 3px 6px;
  border: none;
}

* body#agencia-gen-body .entry-content > * {
  width: calc(100% - 4rem);
}

* body#agencia-gen-body section.no-results.not-found {
  padding: 2rem;
}

* body#agencia-gen-body input:-webkit-autofill,
* body#agencia-gen-body input:-webkit-autofill:hover,
* body#agencia-gen-body input:-webkit-autofill:focus {
  border-radius: 5px;
  -webkit-box-shadow: 0 0 0px 1000px var(--md-sys-color-background) inset;
}

* body#agencia-gen-body input:-webkit-autofill {
  -webkit-text-fill-color: var(--md-sys-color-primary);
}

* body#agencia-gen-body input::-webkit-outer-spin-button,
* body#agencia-gen-body input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

* body#agencia-gen-body input[type=number] {
  -moz-appearance: textfield;
}

* body#agencia-gen-body footer img.custom-logo {
  height: 28px;
  max-height: 36px;
  filter: invert(0);
}

* body#agencia-gen-body .fvl-border-footer {
  width: 100%;
  height: 10px;
}

* body#agencia-gen-body p.footer {
  color: var(--md-ref-palette-secondary40);
  font-size: var(--md-sys-typescale-body-small-size);
}

* body#agencia-gen-body[data-color-scheme=dark] {
  transition: 0.25s;
  --md-sys-color-primary: #ffffff !important;
  --md-sys-color-on-primary: #ffffff!important;
  --md-sys-color-primary-container: #5924aa !important;
  --md-sys-color-on-primary-container: #ecdcff !important;
  --md-sys-color-secondary: #cdc2db !important;
  --md-sys-color-on-secondary: #342d40 !important;
  --md-sys-color-secondary-container: #4b4358 !important;
  --md-sys-color-on-secondary-container: #eadef7 !important;
  --md-sys-color-tertiary: #f1b7c4 !important;
  --md-sys-color-on-tertiary: #4a252f !important;
  --md-sys-color-tertiary-container: #643a45 !important;
  --md-sys-color-on-tertiary-container: #ffd9e2 !important;
  --md-sys-color-error: #ffb4a9 !important;
  --md-sys-color-on-error: #680003 !important;
  --md-sys-color-error-container: #930006 !important;
  --md-sys-color-on-error-container: #ffb4a9 !important;
  --md-sys-color-background: #000000 !important;
  --md-sys-color-on-background: #e7e1e6 !important;
  --md-sys-color-surface: #2E3449 !important;
  --md-sys-color-on-surface: #ffffff !important;
  --md-sys-color-surface-variant: #212121 !important;
  --md-sys-color-on-surface-variant: #cbc4cf !important;
  --md-sys-color-outline: #948e99 !important;
  --md-sys-color-shadow: #000000 !important;
  --md-sys-color-inverse-surface: #e7e1e6 !important;
  --md-sys-color-inverse-on-surface: #323033 !important;
  --md-sys-color-inverse-primary: #7141c3 !important;
  --md-sys-color-primary-rgb: 213,186,255 !important;
  --md-sys-color-on-primary-rgb: 63,0,141 !important;
  --md-sys-color-primary-container-rgb: 89,36,170 !important;
  --md-sys-color-on-primary-container-rgb: 236,220,255 !important;
  --md-sys-color-secondary-rgb: 205,194,219 !important;
  --md-sys-color-on-secondary-rgb: 52,45,64 !important;
  --md-sys-color-secondary-container-rgb: 75,67,88 !important;
  --md-sys-color-on-secondary-container-rgb: 234,222,247 !important;
  --md-sys-color-tertiary-rgb: 241,183,196 !important;
  --md-sys-color-on-tertiary-rgb: 74,37,47 !important;
  --md-sys-color-tertiary-container-rgb: 100,58,69 !important;
  --md-sys-color-on-tertiary-container-rgb: 255,217,226 !important;
  --md-sys-color-error-rgb: 255,180,169 !important;
  --md-sys-color-on-error-rgb: 104,0,3 !important;
  --md-sys-color-error-container-rgb: 147,0,6 !important;
  --md-sys-color-on-error-container-rgb: 255,180,169 !important;
  --md-sys-color-background-rgb: 29,27,31 !important;
  --md-sys-color-on-background-rgb: 231,225,230 !important;
  --md-sys-color-surface-rgb: 29,27,31 !important;
  --md-sys-color-on-surface-rgb: 231,225,230 !important;
  --md-sys-color-surface-variant-rgb: 73,69,78 !important;
  --md-sys-color-on-surface-variant-rgb: 203,196,207 !important;
  --md-sys-color-outline-rgb: 148,142,153 !important;
  --md-sys-color-shadow-rgb: 0,0,0 !important;
  --md-sys-color-inverse-surface-rgb: 231,225,230 !important;
  --md-sys-color-inverse-on-surface-rgb: 50,48,51 !important;
  --md-sys-color-inverse-primary-rgb: 113,65,195 !important;
  --bs-body-bg: #080B18!important;
}

* body#agencia-gen-body[data-color-scheme=dark] h1 {
  color: var(--md-sys-color-primary);
}

* body#agencia-gen-body[data-color-scheme=dark] p {
  color: var(--md-sys-color-on-surface);
}

* body#agencia-gen-body[data-color-scheme=dark] p.footer {
  color: var(--md-sys-color-on-background);
}

* body#agencia-gen-body[data-color-scheme=dark] img.custom-logo {
  filter: invert(0) !important;
}

* body#agencia-gen-body[data-color-scheme=dark] footer img.custom-logo {
  filter: invert(0) !important;
}

*:root {
  --md-sys-typescale-display-large-font: "Raleway" !important;
  --md-sys-typescale-display-medium-font: "Raleway" !important;
  --md-sys-typescale-display-small-font: "Raleway" !important;
  --md-sys-typescale-headline-large-font: "Raleway" !important;
  --md-sys-typescale-headline-medium-font: "Raleway" !important;
  --md-sys-typescale-headline-small-font: "Raleway" !important;
  --md-sys-typescale-title-large-font: "Raleway", sans-serif !important;
  --md-sys-typescale-title-medium-font: "Raleway", sans-serif !important;
  --md-sys-typescale-title-small-font: "Raleway", sans-serif !important;
  --md-sys-typescale-label-large-font: "Raleway" !important;
  --md-sys-typescale-label-medium-font: "Raleway", sans-serif !important;
  --md-sys-typescale-label-small-font: "Raleway", sans-serif !important;
  --md-sys-typescale-body-large-font: "Raleway" !important;
  --md-sys-typescale-body-medium-font: "Raleway", sans-serif !important;
  --md-sys-typescale-body-small-font: "Raleway", sans-serif !important;
  --md-sys-typescale-display-small-size: 3rem !important;
  --md-sys-typescale-body-large-size: 0.9rem!important;
  --md-sys-typescale-body-small-size: 0.8rem!important;
}

li.mdc-list-item.mdc-ripple-upgraded:hover {
  background: var(--md-sys-color-surface-variant);
}

div#slider-section.SliderPrincipal .swiper-slide {
  height: -moz-fit-content;
  height: fit-content;
}

div#slider-section.SliderPrincipal .swiper-slide div {
  height: 300px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

div#slider-section.SliderPrincipal .swiper-slide div img.vector-central-slide-principal {
  height: 50%;
  max-width: 400px;
  margin-top: 3rem;
}

div#slider-section.SliderPrincipal .swiper-slide div img.title-central-slide-principal {
  width: 250px;
  margin-top: 4rem;
}

div#slider-section.SliderPrincipal div#buttons-slider {
  position: absolute;
  margin-top: -4rem;
  z-index: 2;
}

div#slider-section.SliderPrincipal div#buttons-slider button {
  background-color: black;
  color: white;
  -webkit-backdrop-filter: invert(1);
          backdrop-filter: invert(1);
}

div#top-sliders {
  position: absolute;
  background: none;
  color: white;
  width: 100%;
  padding: 1rem 2rem;
  z-index: 2;
}

div#top-sliders span p {
  font-size: 0.8rem;
}

div#top-sliders span img.svg-details {
  height: 1rem;
  width: 3rem;
  max-width: 3rem;
  background-image: url("https://agenciagen.local/wp-content/uploads/2023/02/details-gen.svg.svg");
}

.d-flex.d-flex-footer {
  flex-direction: column;
}

@media (max-width: 599px) {
  body#agencia-gen-body .-has-tab-bar + .site-content {
    padding-top: 56px;
  }
}

@media (min-width: 599px) {
  .d-flex.d-flex-footer {
    flex-direction: row;
  }
}

/* CARD */

.card-fvl {
  max-width: 400px !important;
  box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.1);
  padding: 1.5rem;
  border-radius: 0.5rem;
}

.card-image-fvl {
  margin-bottom: 1rem;
}

.card-image-fvl img {
  width: 100%;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.25rem;
}

.card-title-fvl {
  font-size: 1.25rem;
  color: #222;
  text-decoration: none;
  font-weight: 600;
  margin-bottom: 0.25rem;
  display: inline-block;
}

p.card-description-fvl {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* CARD */

/*SKELETON*/

.skeleton {
  position: relative;
}

.skeleton::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: linear-gradient(90deg, #eee, #f9f9f9, #eee);
  background-size: 200%;
  animation: skeleton 1s infinite reverse;
}

@keyframes skeleton {
  0% {
    background-position: -100% 0;
  }

  100% {
    background-position: 100% 0;
  }
}