/*
Theme Name: Hexagon Publicidad Theme
Author: Bigmomo
Author URI: https://bigmomo.com
Version: 1.0
*/
 
/* Font */
@font-face {
  font-display: swap;
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;/*Regular*/
  src: url('fonts/ibm-plex-sans-regular.woff2') format('woff2')
}
/* ibm-plex-sans-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;/*Medium*/
  src: url('fonts/ibm-plex-sans-500.woff2') format('woff2')
}
/* ibm-plex-sans-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;/*Bold*/
  src: url('fonts/ibm-plex-sans-600.woff2') format('woff2')
}

/* Main Colors */
:root {
    --blue: #5756ff;
    --pink: #ce7aff;
    --light-purple: #f5f2f7;
    --white: #FFF;
    --black: #000;
    --dark-grey: #262626;
    --grey: #666666;
    --grad-h-pink-blue:linear-gradient(90deg, rgba(206,122,255,1) 0%, rgba(87,86,255,1) 100%);
    --grad-h-blue-pink:linear-gradient(90deg, rgba(87,86,255,1) 0%, rgba(206,122,255,1) 100%);
    --transition:all 700ms cubic-bezier(.165, .84, .44, 1);
  }
html {scroll-behavior: smooth}
body{
    font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 400;
    font-size: 16px;
    background-color:var(--white);
}
*:focus{outline:0}
a{text-decoration: none}

.hexabullet li{
  list-style: none;
  position: relative;
  padding:0 0 0 1rem;
}
.hexabullet li:not(:last-child){margin:0 0 1.125rem}
.hexabullet li:before{
  content: "";
  position:absolute;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="enable-background:new 0 0 6 4" viewBox="0 0 6 4"><path d="M1.3 4C.6 4 0 3.1 0 2s.6-2 1.3-2h3.3C5.4 0 6 .9 6 2s-.6 2-1.3 2H1.3c.1 0 0 0 0 0z" style="fill:%23ce7aff"/></svg>');
  width:.375rem;
  height:.25rem;
  top:.5rem;
  left:0;
}
.text-gradient{
  font-weight: 500;
  background-color: var(--pink);
  background-image: var(--grad-h-pink-blue);
  background-size: 100%;
  background-repeat: repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
  -moz-background-clip: text;
  -moz-text-fill-color: transparent
}
/*Buttons*/
.btn{
  display: inline-block;
  padding:1.125rem 2.5rem;
  background-image: linear-gradient(90deg, var(--pink) 0%, var(--blue) 50%, var(--pink));
  background-size: 300%, .063rem;
  background-position: 0;
  transform: skewX(-13deg);
  transition: var(--transition);
}
.btn:hover{background-position: 100%}
.btn span{
  display: block;
  line-height: 1.3;
  font-size: 1.188rem;
  font-weight: 500;
  color: #FFF;
  transform: skewX(13deg);
}

/*--- Header ---*/
#main-header{
  background:var(--black);
  top: -7rem;
  height: auto;
  transition: var(--transition);
}
#main-header a{
  color:var(--white);
  text-decoration:none;
  display:block;
  transition:var(--transition)
}
.head-top .container-md, .head-bottom .container-md{
	display: flex;
  align-items: center;
  justify-content: space-between
}
.head-top{
	background:var(--dark-grey);
	font-size:.875rem;
  height: auto;
  transition: var(--transition);
}
.head-top .head-top-left{
	display: flex;
  align-items: center;
	gap:2.5rem;
	flex-grow:1
}
#main-header .head-top .head-top-left a{
	display: flex;
  align-items: center;
  gap:.25rem
}
#main-header .head-top .head-top-left a:hover{color:var(--pink)}
.head-top .head-top-left a:before{
	display:block;
	width:1rem;
	height:1rem
}
.head-top .head-top-left p{margin:0}
.head-top .head-top-left .icon-phone a:before{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="enable-background:new 0 0 16 16" viewBox="0 0 16 16"><path d="M13.8 16h-.2A15 15 0 0 1 7 13.6C5.1 12.5 3.5 10.9 2.4 9A15 15 0 0 1 0 2.4C0 1.8.1 1.2.5.8.9.3 1.4.1 2 0H4.4c1.1 0 2 .8 2.2 1.9 0 .6.2 1.3.4 1.9.3.8.1 1.7-.5 2.3l-.5.5C6.9 8 8 9.1 9.4 10l.5-.5c.6-.6 1.5-.8 2.3-.5.6.2 1.2.4 1.9.5 1.1.2 1.9 1.1 1.9 2.2v2.2c0 .6-.2 1.1-.6 1.5-.5.4-1 .6-1.6.6zM4.4 1.5H2.2c-.3 0-.4.1-.6.3-.1.1-.2.3-.1.5.2 2.1 1 4.2 2.1 6 1.1 1.7 2.5 3.1 4.2 4.2 1.8 1.2 3.9 1.9 6 2.1h.1c.2 0 .4-.1.5-.2s.2-.3.2-.5v-2.2c0-.4-.3-.7-.6-.7-.7-.1-1.5-.3-2.2-.6-.3-.1-.6 0-.8.2l-1 .8c-.2.2-.6.3-.9.1-1.9-1.1-3.5-2.7-4.7-4.7-.1-.2-.1-.6.2-.8l.9-.9c.2-.2.3-.5.2-.8-.3-.7-.5-1.5-.6-2.2 0-.4-.3-.6-.7-.6z" style="fill:%23ce7aff"/></svg>');}
.head-top .head-top-left .icon-mail a:before{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="enable-background:new 0 0 16 16" viewBox="0 0 16 16"><path d="M13.8 1.5H2.2C1 1.5 0 2.4 0 3.6v8.7c0 1.2 1 2.2 2.2 2.2h11.6c1.2 0 2.2-1 2.2-2.2V3.6c0-1.2-1-2.1-2.2-2.1zM2.2 2.9h11.6c.4 0 .7.3.7.7V4L8.4 7.9c-.3.1-.5.1-.8 0L1.5 4v-.4c0-.4.3-.7.7-.7zm11.6 10.2H2.2c-.4 0-.7-.3-.7-.7V5.7l5.4 3.4c.3.2.7.3 1.1.3.4 0 .8-.1 1.1-.3l5.4-3.4v6.7c0 .4-.3.7-.7.7z" style="fill:%23ce7aff"/></svg>');}
.head-top .head-top-right a{
	background:transparent;
	border: .063rem solid var(--pink);
  border-radius: .75rem;
  padding: .25rem .625rem;
	margin:.438rem 0
}
.head-top .head-top-right a:hover{background:var(--pink)}
.head-bottom .head-logo svg{
  display:block;
  height:1.875rem
}

/*Menu*/
.menu-main-menu-container .menu{
  list-style: none;
  margin:0;
  padding:0;
  display: flex;
  flex-direction: row
}
.menu-toggle{
  display: block;
  margin:1rem 0;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 256 256"><path fill="%23fff" stroke-miterlimit="10" d="M5 8a2 2 0 1 0 0 4h40a2 2 0 1 0 0-4zm0 15a2 2 0 1 0 0 4h40a2 2 0 1 0 0-4zm0 15a2 2 0 1 0 0 4h40a2 2 0 1 0 0-4z" font-family="none" font-size="none" font-weight="none" style="mix-blend-mode:normal" text-anchor="none" transform="scale(5.12)"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--dark-grey);
  width:3rem;
  height: 2.5rem;
  clip-path: polygon(15% 0, 84% 0, 100% 50%, 85% 100%, 15% 100%, 0% 50%);
  transition: var(--transition);
}
.menu-toggle:hover{background-color: var(--blue)}
.menu-toggle.open{
  background-color: var(--blue);
  background-image:  url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"><path fill="%23fff" d="M7.2 5.8 5.8 7.2l8.8 8.8-8.8 8.8 1.4 1.4 8.8-8.8 8.8 8.8 1.4-1.4-8.8-8.8 8.8-8.8-1.4-1.4-8.8 8.8Z"/></svg>');
  background-position: .45rem .25rem;
  transform: rotate(180deg)
}
.menu-main-menu-container .menu > .menu-item{
  position: relative;
  display: flex;
  align-items: center;
  max-width: 8.75rem;
  text-align: center
}
.menu-main-menu-container .menu > .menu-item:before{
  content: "";
  display: block;
  position: absolute;
  top:0;
  left:0;
  background: var(--pink);
  background: var(--grad-h-pink-blue);
  height:100%;
  width:100%;
  z-index: 0;
  opacity: 0;
  transition: var(--transition)
}
.menu-main-menu-container .menu > .menu-item:hover:before{opacity: .33}
.menu-main-menu-container .menu > .menu-item > a{
  position:relative;
  z-index: 1;
  padding:2.5rem .938rem;
  font-weight: 500
}
.menu-main-menu-container .menu > .menu-item > .sub-menu{
  display:none;
  opacity:0;
  position:absolute;
  background:var(--black);
  margin:0;
  padding:.938rem 0;
  list-style: none;
  top:100%;
  right:0;
  width: max-content;
  text-align: left;
  z-index:0;
  translate:0 -1rem;
  transition:var(--transition)
}
.menu-main-menu-container .menu > .menu-item:hover > .sub-menu{
  display: block;
  column-count: 3;
  opacity:1;
  translate:0 0;
  z-index: 1;
  padding:.938rem;
  @starting-style{
    opacity:0;
    display: grid;
    translate:0 -1rem
  }
}
.menu-main-menu-container .menu > .menu-item:hover > .sub-menu > li{
  padding:.25rem;
}

.menu-main-menu-container .menu > .menu-item:hover > .sub-menu > li.menu-item-has-children {
  border-left:.063rem solid var(--grey);
  margin-left:.875rem;
  padding-left:.875rem;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  height:-webkit-fill-available;
  height:-moz-available
}

.menu-main-menu-container .menu > .menu-item:hover > .sub-menu:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: .063rem;
  margin-bottom: .938rem;
  background: var(--pink);
  background: var(--grad-h-pink-blue)
}
.menu-main-menu-container .menu > .menu-item > .sub-menu .menu-item a{
  display: block;
  padding:.813rem 1.875rem;
  background-color: var(--dark-grey);
  border-left:.063rem solid transparent
}
.menu-main-menu-container .menu > .menu-item > .sub-menu .menu-item:hover > a{
  color: var(--pink)!important;
  border-color: var(--pink)
}
.menu-main-menu-container .menu > .menu-item > .sub-menu .menu-item .sub-menu{
  list-style: none;
  display: block !important;
  padding: 0 0 0 1.375rem
}
.menu-main-menu-container .menu > .menu-item:hover > .sub-menu > li.menu-item-has-children .menu-item {padding:.5rem .25rem 0}
.menu-main-menu-container .menu > .menu-item:hover > .sub-menu > li.menu-item-has-children .menu-item a{padding:.675rem 1.25rem}
.menu-main-menu-container .menu > .menu-item > .sub-menu .menu-item-has-children:hover > a{
  color: var(--white)!important;
  border-color: transparent
}
.menu-main-menu-container .menu > .menu-item > .sub-menu .menu-item-has-children > a:hover{
  color: var(--pink)!important;
  border-color: var(--pink)
}


/*mobile contact*/
#main-header .menu-contact{
  margin-top:1.25rem;
  padding: .875rem 0;
  background: var(--dark-grey)
}
#main-header .menu-contact p{margin:0}
#main-header .menu-contact p a{
  display: flex;
  align-items: flex-end;
  gap: .375rem;
  padding: .875rem 1.75rem .875rem .875rem
}
#main-header .menu-contact p a:before{
	display:block;
	width:1rem;
	height:1rem
}
#main-header .menu-contact .icon-phone a:before{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="enable-background:new 0 0 16 16" viewBox="0 0 16 16"><path d="M13.8 16h-.2A15 15 0 0 1 7 13.6C5.1 12.5 3.5 10.9 2.4 9A15 15 0 0 1 0 2.4C0 1.8.1 1.2.5.8.9.3 1.4.1 2 0H4.4c1.1 0 2 .8 2.2 1.9 0 .6.2 1.3.4 1.9.3.8.1 1.7-.5 2.3l-.5.5C6.9 8 8 9.1 9.4 10l.5-.5c.6-.6 1.5-.8 2.3-.5.6.2 1.2.4 1.9.5 1.1.2 1.9 1.1 1.9 2.2v2.2c0 .6-.2 1.1-.6 1.5-.5.4-1 .6-1.6.6zM4.4 1.5H2.2c-.3 0-.4.1-.6.3-.1.1-.2.3-.1.5.2 2.1 1 4.2 2.1 6 1.1 1.7 2.5 3.1 4.2 4.2 1.8 1.2 3.9 1.9 6 2.1h.1c.2 0 .4-.1.5-.2s.2-.3.2-.5v-2.2c0-.4-.3-.7-.6-.7-.7-.1-1.5-.3-2.2-.6-.3-.1-.6 0-.8.2l-1 .8c-.2.2-.6.3-.9.1-1.9-1.1-3.5-2.7-4.7-4.7-.1-.2-.1-.6.2-.8l.9-.9c.2-.2.3-.5.2-.8-.3-.7-.5-1.5-.6-2.2 0-.4-.3-.6-.7-.6z" style="fill:%23ce7aff"/></svg>');}
#main-header .menu-contact .icon-mail a:before{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="enable-background:new 0 0 16 16" viewBox="0 0 16 16"><path d="M13.8 1.5H2.2C1 1.5 0 2.4 0 3.6v8.7c0 1.2 1 2.2 2.2 2.2h11.6c1.2 0 2.2-1 2.2-2.2V3.6c0-1.2-1-2.1-2.2-2.1zM2.2 2.9h11.6c.4 0 .7.3.7.7V4L8.4 7.9c-.3.1-.5.1-.8 0L1.5 4v-.4c0-.4.3-.7.7-.7zm11.6 10.2H2.2c-.4 0-.7-.3-.7-.7V5.7l5.4 3.4c.3.2.7.3 1.1.3.4 0 .8-.1 1.1-.3l5.4-3.4v6.7c0 .4-.3.7-.7.7z" style="fill:%23ce7aff"/></svg>');}
#main-header .menu-contact .menu-top-bar-right-menu-container a{
  display: inline-block;
  padding: .5rem 1.25rem;
  margin: 1rem 0 1rem .875rem;
  background:transparent;
  font-size: 1.1rem;
  border: .063rem solid var(--pink);
  border-radius: .75rem
}
/*Sticky header*/
#sticky-header{
  display: none;
  position: fixed;
  top:0;
  transition: var(--transition);
  width: 100dvw;
  background: var(--black);
  z-index: 9;
}
#sticky-header.is-sticky{
  display: block;
  transition: var(--transition);
    @starting-style{
      opacity:0;
      translate:0 -1.5rem
    }
}
#sticky-header [class*="container"]{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#sticky-header .head-logo svg {
  display: block;
  height: 1.5rem;
}
.logged-in #sticky-header.is-sticky{top: 2rem}
#sticky-header .menu-main-menu-container .menu > .menu-item {max-width: 8.125rem}
#sticky-header .menu-main-menu-container .menu > .menu-item > a {
  padding:1rem .938rem;
  font-size: .875rem;
}
#sticky-header .menu-main-menu-container .menu > .menu-item:hover > .sub-menu > li a{
  font-size: .813rem;
  padding:.625rem 1.5rem;
}
#sticky-header.is-sticky + .head-bottom .menu-main-menu-container .menu > .menu-item:hover > .sub-menu{
  display:none
}

/*--- Footer ---*/
#main-footer{
  background:var(--black);
  color:var(--white);
  font-size:.938rem;
  line-height: 1.3
}
#main-footer a{
  color:var(--white);
  transition: var(--transition);
  /*word-break: break-word;*/
}
#main-footer a:hover{color:var(--pink)}
.footer-columns{padding:4.688rem 0 5.625rem}
.footer-columns .footer-logo svg{height: 3.25rem}
.footer-columns .foot-desc{
  margin: 2.5rem 2.5rem 2.5rem 0;
  color:#c0c0c0
}
.footer-columns .foot-contact{
  display:flex;
  flex-direction: column;
  gap:1.5rem
}
.footer-columns .foot-contact p {margin:0}
.footer-columns .foot-contact a {
  display: flex;
  align-items: center;
  gap: .625rem
}
.footer-columns .foot-contact a:before{
  display: block;
  width: 1rem;
  height: 1rem
}
.footer-columns .icon-phone a:before{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="enable-background:new 0 0 16 16" viewBox="0 0 16 16"><path d="M13.8 16h-.2A15 15 0 0 1 7 13.6C5.1 12.5 3.5 10.9 2.4 9A15 15 0 0 1 0 2.4C0 1.8.1 1.2.5.8.9.3 1.4.1 2 0H4.4c1.1 0 2 .8 2.2 1.9 0 .6.2 1.3.4 1.9.3.8.1 1.7-.5 2.3l-.5.5C6.9 8 8 9.1 9.4 10l.5-.5c.6-.6 1.5-.8 2.3-.5.6.2 1.2.4 1.9.5 1.1.2 1.9 1.1 1.9 2.2v2.2c0 .6-.2 1.1-.6 1.5-.5.4-1 .6-1.6.6zM4.4 1.5H2.2c-.3 0-.4.1-.6.3-.1.1-.2.3-.1.5.2 2.1 1 4.2 2.1 6 1.1 1.7 2.5 3.1 4.2 4.2 1.8 1.2 3.9 1.9 6 2.1h.1c.2 0 .4-.1.5-.2s.2-.3.2-.5v-2.2c0-.4-.3-.7-.6-.7-.7-.1-1.5-.3-2.2-.6-.3-.1-.6 0-.8.2l-1 .8c-.2.2-.6.3-.9.1-1.9-1.1-3.5-2.7-4.7-4.7-.1-.2-.1-.6.2-.8l.9-.9c.2-.2.3-.5.2-.8-.3-.7-.5-1.5-.6-2.2 0-.4-.3-.6-.7-.6z" style="fill:%23ce7aff"/></svg>');}
.footer-columns .icon-mail a:before{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="enable-background:new 0 0 16 16" viewBox="0 0 16 16"><path d="M13.8 1.5H2.2C1 1.5 0 2.4 0 3.6v8.7c0 1.2 1 2.2 2.2 2.2h11.6c1.2 0 2.2-1 2.2-2.2V3.6c0-1.2-1-2.1-2.2-2.1zM2.2 2.9h11.6c.4 0 .7.3.7.7V4L8.4 7.9c-.3.1-.5.1-.8 0L1.5 4v-.4c0-.4.3-.7.7-.7zm11.6 10.2H2.2c-.4 0-.7-.3-.7-.7V5.7l5.4 3.4c.3.2.7.3 1.1.3.4 0 .8-.1 1.1-.3l5.4-3.4v6.7c0 .4-.3.7-.7.7z" style="fill:%23ce7aff"/></svg>');}
.footer-columns .footcols-item ul{
  margin:0;
  padding: 0
}
.footcols-item .wp-block-heading, .footcols-item .footcols-title{
  font-size:1.063rem;
  font-weight: 600;
  margin:0 0 1.625em
}
.footcols-item .wp-block-heading:after, .footcols-item .footcols-title:after{
  content:"";
  display: block;
  margin-top:1rem;
  width:5rem;
  height:.063rem;
  background: var(--pink);
  background: var(--grad-h-pink-blue)
}
.footer-bottom{
  padding:2.813rem 0;
  background-color: var(--dark-grey)
}

/*Swiper*/
.swiper .swiper-button-next, .swiper .swiper-button-prev {color: #c2c0c4}
.swiper .swiper-button-next:after, .swiper .swiper-button-prev:after {
  font-size: 1.875rem;
  font-weight: 600;
}
.swiper .swiper-pagination-bullet-active {background: var(--pink)}


/*--- Animations ---*/

@-webkit-keyframes slide-in-left{0%{-webkit-transform:translateX(25rem);transform:translateX(25rem);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-in-left{0%{-webkit-transform:translateX(25rem);transform:translateX(25rem);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
 .slide-in-left{-webkit-animation:slide-in-left 1.6s cubic-bezier(.165,.84,.44,1.000) both;animation:slide-in-left 1.6s cubic-bezier(.165,.84,.44,1.000) both}
 
 @-webkit-keyframes slide-in-right{0%{-webkit-transform:translateX(-25rem);transform:translateX(-25rem);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-in-right{0%{-webkit-transform:translateX(-25rem);transform:translateX(-25rem);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
 .slide-in-right{-webkit-animation:slide-in-left 1.6s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-right 1.6s cubic-bezier(.25,.46,.45,.94) both}

 @-webkit-keyframes slide-in-up{0%{-webkit-transform:translateY(25rem);transform:translateY(25rem);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-up{0%{-webkit-transform:translateY(25rem);transform:translateY(25rem);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
 .slide-in-up{-webkit-animation:slide-in-up 1.6s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-up 1.6s cubic-bezier(.25,.46,.45,.94) both}

 @-webkit-keyframes slide-in-down{0%{-webkit-transform:translateY(-25rem);transform:translateY(-25rem);opacity:0}100%{-webkit-transform:translateX(0);transform:translateY(0);opacity:1}}@keyframes slide-in-down{0%{-webkit-transform:translateY(-25rem);transform:translateY(-25rem);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
 .slide-in-down{-webkit-animation:slide-in-down 1.6s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-down 1.6s cubic-bezier(.25,.46,.45,.94) both}


/*--- Media Queries ---*/

@media (max-width: 1399.98px) {
  
}

@media (max-width: 1199.98px) {
  
  .menu-main-menu-container .menu > .menu-item > a {font-size: .875rem}
  .menu-main-menu-container .menu > .menu-item {max-width: 7.25rem}
  
}

@media (max-width: 991.98px) {
  #sticky-header.is-sticky{display: none}
  #main-header .main-menu{position:relative}
  #main-header .main-menu .menu-wrapper{
    position: absolute;
    right: -.75rem;
    width: 21rem;
    max-width:100dvw;
    top: 100%;
    background: var(--black);
    padding:0;
    z-index: 1;
  }
  #main-header .main-menu .menu-wrapper:before {
    content: "";
    display: block;
    width: 100%;
    height: .063rem;
    margin-bottom: .938rem;
    background: var(--pink);
    background: var(--grad-h-pink-blue);
  }
  .menu-main-menu-container .menu {
    flex-direction: column;
  }
  .menu-main-menu-container .menu > .menu-item {
    display: block;
    max-width: none!important;
    min-width: 15rem;
  }
  .menu-main-menu-container .menu > .menu-item > a {
    padding: 1rem 2rem;
    font-size: .938rem;
    text-align: left;
  }
  .menu-main-menu-container .menu > .menu-item:before {content: none}  
  .menu-main-menu-container .menu .menu-item .sub-menu{
    position: relative;
    right:auto;
    display: block;
    opacity: 1;
    border-left: 1px solid var(--grey);
  }
  .menu-main-menu-container .menu .submenu .menu-item-has-children > a{
    margin-top: 1rem;
  }
  .menu-main-menu-container .menu > .menu-item-has-children .sub-menu{
    margin-left: 2rem;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 1rem;
  }
  .menu-main-menu-container .menu > .menu-item > .sub-menu .menu-item .sub-menu {
    padding: 0;
    margin-top: 0;
  }
  .menu-main-menu-container .menu .menu-item .sub-menu .menu-item a{
    display: block;
    padding: .75rem 1.875rem;
    background-color: transparent;
    font-size: .938rem;
  }
  .foot-company{flex-shrink: 50}
}

@media (max-width: 767.98px) {
  #main-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100dvw;
    z-index: 9;
  }
  #main-header .main-menu .menu-wrapper{
    max-width: none;
    width: auto;
    right: 0;
    top: 4.5rem;
    height: calc(100dvh - 4.5rem);
    position: fixed;
    overflow-y: auto;
  }
  main{
    margin-top:1.625rem;
  }
  #main-footer .row{padding: 0 1rem}
  .footer-columns {padding: 3.125rem 3dvw 2.75rem}
  .footcols-item {margin-bottom:2.813rem}
  .footer-columns .foot-desc {margin: 1rem 3dvw 1.75rem 0}
  .footer-columns .foot-contact {gap: 1rem}
  .footcols-item .wp-block-heading:after, .footcols-item .footcols-title:after {margin-top: .5rem}
  .footcols-item .wp-block-heading, .footcols-item .footcols-title {margin: 0 0 1em}
}

@media (max-width: 575.98px) {
  
  #main-footer .row{padding: 0 7dvw}
}

/* Estilos para blockquote - Avisos legales */
blockquote {
  font-size: 0.875rem; /* 14px - texto más pequeño */
  line-height: 1.4;
  color: var(--grey);
  background-color: var(--light-purple);
  border-left: 4px solid var(--blue);
  margin: 1.5rem 0;
  padding: 1rem 1.25rem;
  border-radius: 0 4px 4px 0;
  position: relative;
  font-style: italic;
}

blockquote::before {
  content: '"';
  font-size: 2rem;
  color: var(--blue);
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  font-family: Georgia, serif;
  opacity: 0.3;
}

blockquote p {
  margin: 0;
  padding-left: 1rem;
}

blockquote p:last-child {
  margin-bottom: 0;
}

/* Responsive */
@media (max-width: 768px) {
  blockquote {
    font-size: 0.8125rem; /* 13px en móviles */
    padding: 0.875rem 1rem;
    margin: 1rem 0;
  }
  
  blockquote::before {
    font-size: 1.5rem;
    top: 0.25rem;
    left: 0.25rem;
  }
  
  blockquote p {
    padding-left: 0.75rem;
  }
}