/*!
Theme Name: Orbitta
Theme URI: http://theme.orbitta.es
Author: Orbitta
Author URI: http://orbitta.es
Description: Orbitta Theme
Version: 4.2.48
Text Domain: orbitta
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

# Normalize
# Estilo Texto
# Contenedores, espacios y alturas
# General
# Guttenberg
# Admin Bar
# Forms & Buttons
# Maintenance Page
# Header
  ## Navbar
  ## Header Elements
    ### Logo ### Navbar Menu ### Mega Menu
    ### Hamburger ### Offcanvas
  ## Hero
# Footer
# Archive
# Post
# Custom Post
  ## Image Gallery ## Post Gallery
  ## Showcase ## Popups ## Faqs
# Shortcodes
  ## Breadcrumbs
  ## Table of Contents (TOC)
# Cookies

## >>> Media Querys

--------------------------------------------------------------*/

:root {
  --scrollbar-width: 0px; /* Valor por defecto */
  --header-height-desktop: 0px; --header-height-mobile: 0px;
  --widthsb: calc( 100vw - var(--scrollbar-width) );
  --padsec: 40px; --padsecmob: 20px;

  --small: 768px; --normal: 1024px; --large: 1280px;

  --s0: 0; --s5: clamp(4px, 0.26vw, 5px); --s10: clamp(8px, 0.52vw, 10px);
  --s15: clamp(12px, 0.78vw, 15px); --s20: clamp(15px, 1.04vw, 20px); --s25: clamp(15px, 1.30vw, 25px);
  --s30: clamp(20px, 1.56vw, 30px); --s40: clamp(25px, 2.08vw, 40px); --s50: clamp(30px, 2.60vw, 50px);
  --s60: clamp(35px, 3.12vw, 60px); --s70: clamp(40px, 3.65vw, 70px); --s75: clamp(45px, 3.91vw, 75px); 
  --s80: clamp(50px, 4.17vw, 80px); --s90: clamp(55px, 4.69vw, 90px); --s100: clamp(60px, 5.21vw, 100px); 
  --s125: clamp(75px, 6.51vw, 125px); --s150: clamp(80px, 7.81vw, 150px); --s175: clamp(95px, 9.11vw, 175px); 
  --s200: clamp(125px, 10.42vw, 200px); --s225: clamp(140px, 11.72vw, 225px); --s250: clamp(160px, 13.02vw, 250px); 
  --s275: clamp(175px, 14.32vw, 275px); --s300: clamp(185px, 15.62vw, 300px); --s350: clamp(200px, 18.23vw, 350px);

  --fs8: 8px; --fs9: 9px; --fs10: 10px; --fs11: 11px; --fs12: 12px; --fs13: 13px; --fs14: 14px; 
  --fs15: clamp(14px, 0.78vw, 15px);  --fs16: clamp(14px, 0.83vw, 16px); --fs17: clamp(15px, 0.89vw, 17px); 
  --fs18: clamp(16px, 0.94vw, 18px); --fs19: clamp(17px, 0.99vw, 19px); --fs20: clamp(18px, 1.04vw, 20px); 
  --fs21: clamp(19px, 1.10vw, 21px); --fs22: clamp(19px, 1.15vw, 22px); --fs23: clamp(20px, 1.20vw, 23px); 
  --fs24: clamp(21px, 1.25vw, 24px); --fs25: clamp(22px, 1.30vw, 25px); --fs26: clamp(22px, 1.35vw, 26px); 
  --fs27: clamp(23px, 1.41vw, 27px); --fs28: clamp(24px, 1.46vw, 28px); --fs29: clamp(24px, 1.51vw, 29px);

  --fs30: clamp(25px, 1.56vw, 30px); --fs32: clamp(26px, 1.67vw, 32px); --fs34: clamp(28px, 1.77vw, 34px);
  --fs36: clamp(30px, 1.88vw, 36px); --fs38: clamp(32px, 1.98vw, 38px); --fs40: clamp(34px, 2.08vw, 40px);
  --fs42: clamp(34px, 2.19vw, 42px); --fs44: clamp(36px, 2.29vw, 44px); --fs46: clamp(38px, 2.40vw, 46px);
  --fs48: clamp(40px, 2.50vw, 48px); --fs50: clamp(42px, 2.60vw, 50px); --fs52: clamp(44px, 2.71vw, 52px);
  --fs54: clamp(44px, 2.81vw, 54px); --fs56: clamp(46px, 2.92vw, 56px); --fs58: clamp(48px, 3.02vw, 58px);

  --fs60: clamp(48px, 3.13vw, 60px); --fs65: clamp(52px, 3.39vw, 65px); --fs70: clamp(55px, 3.65vw, 70px);
  --fs75: clamp(58px, 3.91vw, 75px); --fs80: clamp(60px, 4.17vw, 80px); --fs85: clamp(62px, 4.43vw, 85px);
  --fs90: clamp(64px, 4.69vw, 90px); --fs95: clamp(65px, 4.95vw, 95px);

  --fs100: clamp(66px, 5.21vw, 100px); --fs110: clamp(70px, 5.73vw, 110px); --fs120: clamp(74px, 6.25vw, 120px);
  --fs130: clamp(78px, 6.77vw, 130px); --fs140: clamp(82px, 7.29vw, 140px); --fs150: clamp(86px, 7.81vw, 150px);
}

/*--------------------------------------------------------------
# Normalize 
--------------------------------------------------------------*/

/* Box sizing rules */
*,
::before,
::after {
  box-sizing: border-box;
}

html {
  line-height: 1.15;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  font-family: system-ui, 'Segoe UI', Roboto, Helvetica, Arial,
		sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
}

/* Remove default margin in favour of better control in authored CSS */
body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
  margin-block-start: 0;
  margin-block-end: 0;
}

ul, ol {
  list-style: none;
  padding-inline-start: 0;
}

/* Set core body defaults */
body {
  min-height: 100dvh;
  margin: 0;
}

h1, h2, h3, h4 {
  text-wrap: balance;
}

p {
  text-wrap: pretty;
}

a {
  text-decoration: none;
  color: currentColor;
}

p a {
  text-decoration-skip-ink: auto;
  color: currentColor;
}

iframe {
  display: block;
}

/* Make images easier to work with */
img, picture {
	max-width: 100%;
  height: auto;
	display: block;
}

/* Inherit fonts for inputs and buttons */
input, button,
textarea, select {
  font: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 150px;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}

html {
  -webkit-tap-highlight-color: transparent;
}

/*--------------------------------------------------------------
# Estilo Texto
--------------------------------------------------------------*/

.upper { text-transform: uppercase !important; } .lower { text-transform: lowercase !important; }
.cap { text-transform: capitalize !important; } .under { text-decoration: underline !important; }

.fw100, b.fb100, strong.fb100, .fb100 b, .fb100 strong { font-weight: 100 !important; }
.fw200, b.fb200, strong.fb200, .fb200 b, .fb200 strong { font-weight: 200 !important; }
.fw300, b.fb300, strong.fb300, .fb300 b, .fb300 strong { font-weight: 300 !important; }
.fw400, b.fb400, strong.fb400, .fb400 b, .fb400 strong { font-weight: 400 !important; }
.fw500, b.fb500, strong.fb500, .fb500 b, .fb500 strong { font-weight: 500 !important; }
.fw600, b.fb600, strong.fb600, .fb600 b, .fb600 strong { font-weight: 600 !important; }
.fw700, b.fb700, strong.fb700, .fb700 b, .fb700 strong { font-weight: 700 !important; }
.fw800, b.fb800, strong.fb800, .fb800 b, .fb800 strong { font-weight: 800 !important; }
.fw900, b.fb900, strong.fb900, .fb900 b, .fb900 strong { font-weight: 900 !important; }

.text-left { text-align: left !important; } 
.text-center { text-align: center !important; } 
.text-right { text-align: right !important; }

.fs8 { font-size: var(--fs8); } .fs9 { font-size: var(--fs9); } .fs10 { font-size: var(--fs10); }
.fs11 { font-size: var(--fs11); } .fs12 { font-size: var(--fs12); } .fs13 { font-size: var(--fs13); }
.fs14 { font-size: var(--fs14); } .fs15 { font-size: var(--fs15); } .fs16 { font-size: var(--fs16); }
.fs17 { font-size: var(--fs17); } .fs18 { font-size: var(--fs18); } .fs19 { font-size: var(--fs19); }
.fs20 { font-size: var(--fs20); } .fs21 { font-size: var(--fs21); } .fs22 { font-size: var(--fs22); }
.fs23 { font-size: var(--fs23); } .fs24 { font-size: var(--fs24); } .fs25 { font-size: var(--fs25); }
.fs26 { font-size: var(--fs26); } .fs27 { font-size: var(--fs27); } .fs28 { font-size: var(--fs28); }
.fs29 { font-size: var(--fs29); }

.fs30 { font-size: var(--fs30); } .fs32 { font-size: var(--fs32); } .fs34 { font-size: var(--fs34); }
.fs36 { font-size: var(--fs36); } .fs38 { font-size: var(--fs38); } .fs40 { font-size: var(--fs40); }
.fs42 { font-size: var(--fs42); } .fs44 { font-size: var(--fs44); } .fs46 { font-size: var(--fs46); }
.fs48 { font-size: var(--fs48); } .fs50 { font-size: var(--fs50); } .fs52 { font-size: var(--fs52); }
.fs54 { font-size: var(--fs54); } .fs56 { font-size: var(--fs56); } .fs58 { font-size: var(--fs58); }

.fs60 { font-size: var(--fs60); } .fs65 { font-size: var(--fs65); } .fs70 { font-size: var(--fs70); }
.fs75 { font-size: var(--fs75); } .fs80 { font-size: var(--fs80); } .fs85 { font-size: var(--fs85); }
.fs90 { font-size: var(--fs90); } .fs95 { font-size: var(--fs95); } .fs100 { font-size: var(--fs100); }

.fs110 { font-size: var(--fs110); } .fs120 { font-size: var(--fs120); } .fs130 { font-size: var(--fs130); } 
.fs140 { font-size: var(--fs140); } .fs150 { font-size: var(--fs150); }

.fs8, .fs9, .fs10, .fs11, .fs12, .fs13, .fs14, .fs15, .fs16 {
  line-height: 1.4;
}

/*--------------------------------------------------------------
# Contenedores, espacios y alturas // Utiliza 'clamp()' para ajustar el tamaño desde un mínimo en pantallas de 768px hasta un máximo en pantallas de 1280px, escalando con una proporción en vw que define el valor preferente del clamp.
--------------------------------------------------------------*/

.flex { display: flex !important; } .inline-flex { display: inline-flex !important; }
.flex-column { display: flex !important; flex-direction: column !important; } 
.flex-wrap { display: flex !important; flex-wrap: wrap !important; }

/* Alineación en el eje principal (Flex) */
.content-center { justify-content: center !important; } /* Centro */
.content-end { justify-content: flex-end !important; } /* Final */
.content-between { justify-content: space-between !important; } /* Espacio entre */
.content-around { justify-content: space-around !important; } /* Espacio alrededor */
.content-evenly { justify-content: space-evenly !important; } /* Espacio uniforme */

/* Alineación en el eje transversal (Flex) */
.items-start { align-items: flex-start !important; } /* Inicio */
.items-center { align-items: center !important; } /* Centro */
.items-end { align-items: flex-end !important; } /* Final */
.items-stretch { align-items: stretch !important; } /* Estirar */

/* Alineación de líneas (multilínea) (Wrap) */
.wrap-center { align-content: center !important; } /* Centro */
.wrap-end { align-content: flex-end !important; } /* Final */

/* Alineación en el eje transversal (Grid) */
.grid-items-start { justify-items: start !important; } /* Inicio */
.grid-items-center { justify-items: center !important; } /* Centro */
.grid-items-end { justify-items: end !important; } /* Final */
.grid-items-stretch { justify-items: stretch !important; } /* Estirar */

/* Margen superior */
.mt0   { margin-top: var(--s0) !important; }
.mt5   { margin-top: var(--s5) !important; }
.mt10  { margin-top: var(--s10) !important; }
.mt15  { margin-top: var(--s15) !important; }
.mt20  { margin-top: var(--s20) !important; }
.mt25  { margin-top: var(--s25) !important; }
.mt30  { margin-top: var(--s30) !important; }
.mt40  { margin-top: var(--s40) !important; }
.mt50  { margin-top: var(--s50) !important; }
.mt60  { margin-top: var(--s60) !important; }
.mt70  { margin-top: var(--s70) !important; }
.mt75  { margin-top: var(--s75) !important; }
.mt80  { margin-top: var(--s80) !important; }
.mt90  { margin-top: var(--s90) !important; }
.mt100 { margin-top: var(--s100) !important; }
.mt125 { margin-top: var(--s125) !important; }
.mt150 { margin-top: var(--s150) !important; }
.mt175 { margin-top: var(--s175) !important; }
.mt200 { margin-top: var(--s200) !important; }
.mt225 { margin-top: var(--s225) !important; }
.mt250 { margin-top: var(--s250) !important; }
.mt275 { margin-top: var(--s275) !important; }
.mt300 { margin-top: var(--s300) !important; }
.mt350 { margin-top: var(--s350) !important; }

/* Margen inferior */
.mb0   { margin-bottom: var(--s0) !important; }
.mb5   { margin-bottom: var(--s5) !important; }
.mb10  { margin-bottom: var(--s10) !important; }
.mb15  { margin-bottom: var(--s15) !important; }
.mb20  { margin-bottom: var(--s20) !important; }
.mb25  { margin-bottom: var(--s25) !important; }
.mb30  { margin-bottom: var(--s30) !important; }
.mb40  { margin-bottom: var(--s40) !important; }
.mb50  { margin-bottom: var(--s50) !important; }
.mb60  { margin-bottom: var(--s60) !important; }
.mb70  { margin-bottom: var(--s70) !important; }
.mb75  { margin-bottom: var(--s75) !important; }
.mb80  { margin-bottom: var(--s80) !important; }
.mb90  { margin-bottom: var(--s90) !important; }
.mb100 { margin-bottom: var(--s100) !important; }
.mb125 { margin-bottom: var(--s125) !important; }
.mb150 { margin-bottom: var(--s150) !important; }
.mb175 { margin-bottom: var(--s175) !important; }
.mb200 { margin-bottom: var(--s200) !important; }
.mb225 { margin-bottom: var(--s225) !important; }
.mb250 { margin-bottom: var(--s250) !important; }
.mb275 { margin-bottom: var(--s275) !important; }
.mb300 { margin-bottom: var(--s300) !important; }
.mb350 { margin-bottom: var(--s350) !important; }

.m-auto { margin: auto !important; }
.m-block-auto { margin-block: auto !important; } .m-inline-auto { margin-inline: auto !important; }
.mt-auto { margin-top: auto !important; } .mb-auto { margin-bottom: auto !important; }
.ml-auto { margin-left: auto !important; } .mr-auto { margin-right: auto !important; }

/* Padding (todos los lados) */
.p0 { padding: var(--s0) !important; }
.p5 { padding: var(--s5) !important; }
.p10 { padding: var(--s10) !important; }
.p15 { padding: var(--s15) !important; }
.p20 { padding: var(--s20) !important; }
.p25 { padding: var(--s25) !important; }
.p30 { padding: var(--s30) !important; }
.p40 { padding: var(--s40) !important; }
.p50 { padding: var(--s50) !important; }
.p60 { padding: var(--s60) !important; }
.p70 { padding: var(--s70) !important; }
.p75 { padding: var(--s75) !important; }
.p80 { padding: var(--s80) !important; }
.p90 { padding: var(--s90) !important; }
.p100 { padding: var(--s100) !important; }
.p125 { padding: var(--s125) !important; }
.p150 { padding: var(--s150) !important; }
.p175 { padding: var(--s175) !important; }
.p200 { padding: var(--s200) !important; }
.p225 { padding: var(--s225) !important; }
.p250 { padding: var(--s250) !important; }
.p275 { padding: var(--s275) !important; }
.p300 { padding: var(--s300) !important; }
.p350 { padding: var(--s350) !important; }

/* Padding left */
.pl0 { padding-left: var(--s0) !important; }
.pl5 { padding-left: var(--s5) !important; }
.pl10 { padding-left: var(--s10) !important; }
.pl15 { padding-left: var(--s15) !important; }
.pl20 { padding-left: var(--s20) !important; }
.pl25 { padding-left: var(--s25) !important; }
.pl30 { padding-left: var(--s30) !important; }
.pl40 { padding-left: var(--s40) !important; }
.pl50 { padding-left: var(--s50) !important; }
.pl60 { padding-left: var(--s60) !important; }
.pl70 { padding-left: var(--s70) !important; }
.pl75 { padding-left: var(--s75) !important; }
.pl80 { padding-left: var(--s80) !important; }
.pl90 { padding-left: var(--s90) !important; }
.pl100 { padding-left: var(--s100) !important; }
.pl125 { padding-left: var(--s125) !important; }
.pl150 { padding-left: var(--s150) !important; }
.pl175 { padding-left: var(--s175) !important; }
.pl200 { padding-left: var(--s200) !important; }
.pl225 { padding-left: var(--s225) !important; }
.pl250 { padding-left: var(--s250) !important; }
.pl275 { padding-left: var(--s275) !important; }
.pl300 { padding-left: var(--s300) !important; }
.pl350 { padding-left: var(--s350) !important; }

/* Padding right */
.pr0 { padding-right: var(--s0) !important; }
.pr5 { padding-right: var(--s5) !important; }
.pr10 { padding-right: var(--s10) !important; }
.pr15 { padding-right: var(--s15) !important; }
.pr20 { padding-right: var(--s20) !important; }
.pr25 { padding-right: var(--s25) !important; }
.pr30 { padding-right: var(--s30) !important; }
.pr40 { padding-right: var(--s40) !important; }
.pr50 { padding-right: var(--s50) !important; }
.pr60 { padding-right: var(--s60) !important; }
.pr70 { padding-right: var(--s70) !important; }
.pr75 { padding-right: var(--s75) !important; }
.pr80 { padding-right: var(--s80) !important; }
.pr90 { padding-right: var(--s90) !important; }
.pr100 { padding-right: var(--s100) !important; }
.pr125 { padding-right: var(--s125) !important; }
.pr150 { padding-right: var(--s150) !important; }
.pr175 { padding-right: var(--s175) !important; }
.pr200 { padding-right: var(--s200) !important; }
.pr225 { padding-right: var(--s225) !important; }
.pr250 { padding-right: var(--s250) !important; }
.pr275 { padding-right: var(--s275) !important; }
.pr300 { padding-right: var(--s300) !important; }
.pr350 { padding-right: var(--s350) !important; }

/* Padding top */
.pt0 { padding-top: var(--s0) !important; }
.pt5 { padding-top: var(--s5) !important; }
.pt10 { padding-top: var(--s10) !important; }
.pt15 { padding-top: var(--s15) !important; }
.pt20 { padding-top: var(--s20) !important; }
.pt25 { padding-top: var(--s25) !important; }
.pt30 { padding-top: var(--s30) !important; }
.pt40 { padding-top: var(--s40) !important; }
.pt50 { padding-top: var(--s50) !important; }
.pt60 { padding-top: var(--s60) !important; }
.pt70 { padding-top: var(--s70) !important; }
.pt75 { padding-top: var(--s75) !important; }
.pt80 { padding-top: var(--s80) !important; }
.pt90 { padding-top: var(--s90) !important; }
.pt100 { padding-top: var(--s100) !important; }
.pt125 { padding-top: var(--s125) !important; }
.pt150 { padding-top: var(--s150) !important; }
.pt175 { padding-top: var(--s175) !important; }
.pt200 { padding-top: var(--s200) !important; }
.pt225 { padding-top: var(--s225) !important; }
.pt250 { padding-top: var(--s250) !important; }
.pt275 { padding-top: var(--s275) !important; }
.pt300 { padding-top: var(--s300) !important; }
.pt350 { padding-top: var(--s350) !important; }

.hpt0  { padding-top: calc( var(--header-height-desktop) + var(--s0)) !important; }
.hpt5  { padding-top: calc( var(--header-height-desktop) + var(--s5)) !important; }
.hpt10  { padding-top: calc( var(--header-height-desktop) + var(--s10)) !important; }
.hpt15  { padding-top: calc( var(--header-height-desktop) + var(--s15)) !important; }
.hpt20  { padding-top: calc( var(--header-height-desktop) + var(--s20)) !important; }
.hpt25  { padding-top: calc( var(--header-height-desktop) + var(--s25)) !important; }
.hpt30  { padding-top: calc( var(--header-height-desktop) + var(--s30)) !important; }
.hpt40  { padding-top: calc( var(--header-height-desktop) + var(--s40)) !important; }
.hpt50  { padding-top: calc( var(--header-height-desktop) + var(--s50)) !important; }
.hpt60  { padding-top: calc( var(--header-height-desktop) + var(--s60)) !important; }
.hpt70  { padding-top: calc( var(--header-height-desktop) + var(--s70)) !important; }
.hpt75  { padding-top: calc( var(--header-height-desktop) + var(--s75)) !important; }
.hpt80  { padding-top: calc( var(--header-height-desktop) + var(--s80)) !important; }
.hpt90  { padding-top: calc( var(--header-height-desktop) + var(--s90)) !important; }
.hpt100 { padding-top: calc( var(--header-height-desktop) + var(--s100)) !important; }
.hpt125 { padding-top: calc( var(--header-height-desktop) + var(--s125)) !important; }
.hpt150 { padding-top: calc( var(--header-height-desktop) + var(--s150)) !important; }
.hpt175 { padding-top: calc( var(--header-height-desktop) + var(--s175)) !important; }
.hpt200 { padding-top: calc( var(--header-height-desktop) + var(--s200)) !important; }
.hpt225 { padding-top: calc( var(--header-height-desktop) + var(--s225)) !important; }
.hpt250 { padding-top: calc( var(--header-height-desktop) + var(--s250)) !important; }
.hpt275 { padding-top: calc( var(--header-height-desktop) + var(--s275)) !important; }
.hpt300 { padding-top: calc( var(--header-height-desktop) + var(--s300)) !important; }
.hpt350 { padding-top: calc( var(--header-height-desktop) + var(--s350)) !important; }

/* Padding bottom */
.pb0 { padding-bottom: var(--s0) !important; }
.pb5 { padding-bottom: var(--s5) !important; }
.pb10 { padding-bottom: var(--s10) !important; }
.pb15 { padding-bottom: var(--s15) !important; }
.pb20 { padding-bottom: var(--s20) !important; }
.pb25 { padding-bottom: var(--s25) !important; }
.pb30 { padding-bottom: var(--s30) !important; }
.pb40 { padding-bottom: var(--s40) !important; }
.pb50 { padding-bottom: var(--s50) !important; }
.pb60 { padding-bottom: var(--s60) !important; }
.pb70 { padding-bottom: var(--s70) !important; }
.pb75 { padding-bottom: var(--s75) !important; }
.pb80 { padding-bottom: var(--s80) !important; }
.pb90 { padding-bottom: var(--s90) !important; }
.pb100 { padding-bottom: var(--s100) !important; }
.pb125 { padding-bottom: var(--s125) !important; }
.pb150 { padding-bottom: var(--s150) !important; }
.pb175 { padding-bottom: var(--s175) !important; }
.pb200 { padding-bottom: var(--s200) !important; }
.pb225 { padding-bottom: var(--s225) !important; }
.pb250 { padding-bottom: var(--s250) !important; }
.pb275 { padding-bottom: var(--s275) !important; }
.pb300 { padding-bottom: var(--s300) !important; }
.pb350 { padding-bottom: var(--s350) !important; }

/* Clases de gap */
.gap0 { gap: var(--s0) !important; }
.gap5 { gap: var(--s5) !important; }
.gap10 { gap: var(--s10) !important; }
.gap15 { gap: var(--s15) !important; }
.gap20 { gap: var(--s20) !important; }
.gap25 { gap: var(--s25) !important; }
.gap30 { gap: var(--s30) !important; }
.gap40 { gap: var(--s40) !important; }
.gap50 { gap: var(--s50) !important; }
.gap60 { gap: var(--s60) !important; }
.gap70 { gap: var(--s70) !important; }
.gap75 { gap: var(--s75) !important; }
.gap80 { gap: var(--s80) !important; }
.gap90 { gap: var(--s90) !important; }
.gap100 { gap: var(--s100) !important; }
.gap125 { gap: var(--s125) !important; }
.gap150 { gap: var(--s150) !important; }
.gap175 { gap: var(--s175) !important; }
.gap200 { gap: var(--s200) !important; }
.gap225 { gap: var(--s225) !important; }
.gap250 { gap: var(--s250) !important; }
.gap275 { gap: var(--s275) !important; }
.gap300 { gap: var(--s300) !important; }
.gap350 { gap: var(--s350) !important; }

/* Clases de row-gap */
.rgap0 { row-gap: var(--s0) !important; }
.rgap5 { row-gap: var(--s5) !important; }
.rgap10 { row-gap: var(--s10) !important; }
.rgap15 { row-gap: var(--s15) !important; }
.rgap20 { row-gap: var(--s20) !important; }
.rgap25 { row-gap: var(--s25) !important; }
.rgap30 { row-gap: var(--s30) !important; }
.rgap40 { row-gap: var(--s40) !important; }
.rgap50 { row-gap: var(--s50) !important; }
.rgap60 { row-gap: var(--s60) !important; }
.rgap70 { row-gap: var(--s70) !important; }
.rgap75 { row-gap: var(--s75) !important; }
.rgap80 { row-gap: var(--s80) !important; }
.rgap90 { row-gap: var(--s90) !important; }
.rgap100 { row-gap: var(--s100) !important; }
.rgap125 { row-gap: var(--s125) !important; }
.rgap150 { row-gap: var(--s150) !important; }
.rgap175 { row-gap: var(--s175) !important; }
.rgap200 { row-gap: var(--s200) !important; }
.rgap225 { row-gap: var(--s225) !important; }
.rgap250 { row-gap: var(--s250) !important; }
.rgap275 { row-gap: var(--s275) !important; }
.rgap300 { row-gap: var(--s300) !important; }
.rgap350 { row-gap: var(--s350) !important; }

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

html {
  overflow-y: scroll;
  overflow-x: hidden;
}

body {
  display: flex;
  flex-direction: column;
}

body.admin-bar {
  margin-top: -32px;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

h1 { font-size: 32px; }
h2 { font-size: 28px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

kbd {
  font-weight: bolder;
}

hgroup {
  margin-bottom: 15px;
}

hgroup > * {
  margin-top: 0;
  margin-bottom: 0;
}

hr {
  height: 0;
  border: none;
  border-top: 1px solid;
  color: inherit;
}

#main-content {
  flex: 1;
}

.section { padding: 0 var(--padsec); }
.section .section { padding: 0; }

body.page #main-content.section > .container,
body.error404 #main-content.section > .container { 
  padding: 0; 
}

body.page.psection #main-content.section > .container,
#main-content.section > .container {
  padding: var(--padsec) 0; 
}

body.page-template-404 #main-content,
body.error404 #main-content {
  display: flex;
  align-items: center;
  text-align: center;
}

.container {
  margin: 0 auto;
  position: relative;
  width: 100%;
}

.columns {
  height: inherit;
  display: flex;
  align-items: stretch;
}

.column,
.wp-block-column {
  display: flex;
  flex-direction: column;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
}

.grid {
  display: grid !important;
}

.grid.masonry > * {
  align-self: start;
}

aside#sidebar { list-style: none; }

/*--------------------------------------------------------------
## GUTTENBERG
--------------------------------------------------------------*/

.alignwide, .alignfull {
  margin-left: calc( (-100vw + var(--scrollbar-width) ) / 2 + 50% )!important;
  margin-right: calc( (-100vw + var(--scrollbar-width) ) / 2 + 50% )!important;
  width: var(--widthsb)!important;
  padding-left: var(--padsec)!important;
  padding-right: var(--padsec)!important;
}

.wp-block-group.alignwide.no-padding, .wp-block-group.alignfull.no-padding,
.wp-block-cover.alignwide.no-padding, .wp-block-cover.alignfull.no-padding,
.wp-block-columns.alignwide.no-padding, .wp-block-columns.alignfull.no-padding,
.wp-block-columns .wp-block-column.no-padding, .wp-block-image.no-padding {
  padding: 0!important;
}

.wp-block-cover, 
.wp-block-cover-image { 
  padding: 0;
  min-height: auto;
}

.alignwide .wp-block-image,
.alignfull .wp-block-image {
  width: unset!important;
  margin-left: 0 !important; margin-right: 0 !important;
  padding: 0 !important;
}

.alignwide.wp-block-image {
  width: 100%!important;
  margin-left: 0 !important; margin-right: 0 !important;
  padding: 0 !important;
}

.wp-block-columns { margin-bottom: 0; gap: 0; }
.wp-block-columns.has-background { padding: 0; }

.wp-block-image .alignright { margin: 0 0 0 auto; }
.wp-block-image .alignleft { margin: 0 auto 0 0; }

.wp-block-media-text .wp-block-media-text__media { margin: 0; }
.wp-block-media-text .wp-block-media-text__content { padding: 0; }

:where(.is-layout-flex) { gap: 0; }

:where(table) {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  text-indent: 0;
}

/*--------------------------------------------------------------
# Admin Bar
--------------------------------------------------------------*/

#wpadminbar #wp-admin-bar-orbitta-maintenance .ab-item span a,
#wpadminbar #wp-admin-bar-orbitta-site-visibility .ab-item .noindex a {
  background: red;
  cursor: pointer;
  color: white;
}

#wpadminbar #wp-admin-bar-orbitta-site-visibility .ab-item .index a {
  background-color: #5fe754c7;
  cursor: pointer;
  color: white;
}

#wpadminbar #wp-admin-bar-orbitta-maintenance .ab-item {
  padding-right: 0;
}

#wpadminbar #wp-admin-bar-orbitta-maintenance .ab-item:hover,
#wpadminbar #wp-admin-bar-orbitta-site-visibility .ab-item:hover {
  background: initial;
}

/*--------------------------------------------------------------
# Forms & Buttons
--------------------------------------------------------------*/

button[type=submit], input:not([type=checkbox],[type=radio]), select, textarea {
  width: 100%;
}

[type=button], [type=file]::file-selector-button, [type=reset], [type=submit], button, .btn {
  border: 0;
  cursor: pointer;
  padding: var(--s15) var(--s30);
  display: inline-flex;
  justify-content: center;
  background-color: buttonface;
}

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}

.outline {
  background-color: transparent;
  border: 1px solid;
}

input, optgroup, select, textarea {
  margin: 0;
  line-height: 1.5;
  font-family: inherit;
  letter-spacing: inherit;
}

fieldset {
  width: 100%;
  margin: 0;
  margin-bottom: var(--s15);
  padding: 0;
  border: 0;
}

fieldset legend, label {
  display: block;
  margin-bottom: var(--s5);
}

label:where(input,select,textarea) {
  margin-top: var(--s5);
}

input:not([type=checkbox],[type=radio],[type=range],[type=file]), select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: var(--s15) var(--s20);
}

input, select, textarea {
  border: 1px solid;
  outline: 0;
}

textarea {
  display: block;
  resize: vertical;
}

label:has([type=checkbox], [type=radio]) {
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}

[type=checkbox], [type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  margin-top: -1px;
  margin-inline-end: 10px;
  border-width: 1px;
  vertical-align: middle;
  cursor: pointer;
  padding: 0;
}

[type=radio] {
  border-radius: 50%;
}

[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus, [type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(0, 0, 0)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
  background-position: center;
  background-size: 10px auto;
  background-repeat: no-repeat;
}

[type=checkbox]~label:not(:last-of-type), [type=radio]~label:not(:last-of-type) {
  margin-inline-end: 15px!important;
}

[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {
  border-width: 1px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='rgb(0, 0, 0)'/%3E%3C/svg%3E");
}

select:not([multiple],[size]) {
  padding-right: var(--s30);
  padding-left: var(--s15);
  padding-inline-start: var(--s15);
  padding-inline-end: var(--s30);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-position: center right 10px;
  background-size: 15px auto;
  background-repeat: no-repeat;
}

[type=checkbox][role=switch] {
  width: 25px;
  height: 15px;
  border: 1px solid buttonface;
  border-radius: 15px;
  background-color: buttonface;
  line-height: 15px;
  transition: background-color .15s ease-in-out;
}

[type=checkbox][role=switch]:before {
  display: block;
  aspect-ratio: 1;
  height: 100%;
  border-radius: 50%;
  background-color: white;
  content: "";
  transition: margin .1s ease-in-out;
}

[type=checkbox][role=switch]:checked {
  background-color: black;
  border-color: black;
  background-image: none;
}

[type=checkbox][role=switch]:checked:before {
  margin-inline-start: 15px;
}

input[type="range"] {
  appearance: none; /* Eliminar el estilo predeterminado de los navegadores Webkit */
  width: 100%;
  height: 10px;
  background: buttonface;
  outline: none;
  opacity: 0.7;
  transition: opacity 0.2s;
  border: 0;
}

input[type="range"]:hover {
  opacity: 1; /* Cambiar la opacidad cuando se pasa el ratón */
}

/* Estilo para la pista del input range */
input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: buttonface;
  border-radius: 5px;
}

input[type="range"]::-moz-range-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: buttonface;
  border-radius: 5px;
}

input[type="range"]::-ms-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

input[type="range"]::-ms-fill-lower,
input[type="range"]::-ms-fill-upper {
  background: buttonface;
  border-radius: 5px;
}

/* Estilo para el pulgar (thumb) del input range */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Eliminar el estilo predeterminado de los navegadores Webkit */
  width: 20px;
  height: 20px;
  background: black;
  border-radius: 50%;
  cursor: pointer;
  margin-top: -6px; /* Ajustar la posición del pulgar */
}

input[type="range"]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: black;
  border-radius: 50%;
  cursor: pointer;
}

input[type="range"]::-ms-thumb {
  width: 20px;
  height: 20px;
  background: black;
  border-radius: 50%;
  cursor: pointer;
}

.wpcf7-list-item { margin: 0!important; }
.wpcf7-list-item label { margin-inline-end: var(--s15)!important; }
.wpcf7-list-item.last label { margin-inline-end: 0!important; }
.wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: none!important; }

.wpcf7-not-valid-tip {  display: none!important; }
input.wpcf7-not-valid, select.wpcf7-not-valid { border: 1px solid red!important; }

.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output {
  color: #ffb900!important;
}

.wpcf7 form.sent .wpcf7-response-output { color: #46b450!important; }
.wpcf7 form .wpcf7-response-output { margin: var(--s15) 0!important; }

.wpcf7-spinner { display: none!important; }

/*--------------------------------------------------------------
# Maintenance Page
--------------------------------------------------------------*/

body.maintenance-page {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

body.maintenance-page #main-content {
  flex: none;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

header #topbar, header #fixed, 
header #main,  header #main-mobile, 
header #secondary, header #secondary-mobile,
header .scroll-up, header .scroll-up-mobile,
.offcanvas #nav-offcanvas {
  -ms-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

header .navbar, header #topbar,
.offcanvas #nav-offcanvas {
  position: relative;
}

header #topbar { z-index: 4 }
header #main, header #main-mobile { z-index: 3; }
header #secondary, header #secondary-mobile { z-index: 2; }

.navbar,
.navbar > .container {
  min-height: inherit;
  display: flex;
  align-items: center;
}

header .transparency-header #topbar, header .transparency-header #topbar-mobile,
header .transparency-header #main, header .transparency-header #secondary,
header .transparency-header #main-mobile, header .transparency-header #secondary-mobile {
  background-color: transparent!important;
}

header .sticky, header #fixed,
header .scroll-up,
header .scroll-up-mobile {
	position: fixed;
	width: 100%;
  z-index: 31;
}

header .sticky,
header .scroll-up,
header .scroll-up-mobile {
  top: 0!important;
}

header .scroll-up.hide,
header .scroll-up-mobile.hide {
  transform: translateY(-100%);
}

header #fixed {
  transition: top 500ms;
}

/*--------------------------------------------------------------
## Navbar
--------------------------------------------------------------*/

nav.navbar .container > .navbar-item,
.navbar-link:not(.is-arrowless)::after {
  display: flex;
	color: inherit;
	border-color: inherit;
	background-color: inherit;
}

nav.navbar .container > .navbar-item {
  z-index: 2;
}

nav.navbar .container > .navbar-item.menu-orbitta {
  z-index: 1;
}

nav.navbar .container > .navbar-item.item-right {
  margin-left: auto;
}

nav.navbar .container > .navbar-item.item-left {
  margin-right: auto;
}

nav.navbar .container > .navbar-item.item-center {
  margin-left: auto;
  margin-right: auto;
}

nav.navbar .container > .navbar-item.item-fullcenter {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

nav.navbar .container > .navbar-item.fullh {
  display: flex;
  height: 100%;
  align-items: center;
}

nav.navbar .container > .navbar-item.fullh a {
  align-items: center;
}


/*--------------------------------------------------------------
## Header Elements
--------------------------------------------------------------*/
/*--------------------------------------------------------------
### Logo
--------------------------------------------------------------*/

.logo-orbitta img,
.logo-orbitta {
  height: 100%;
  max-width: inherit;
}

.logo-orbitta.transparency,
.logo-orbitta.alternative {
  display:none!important;
}

.transparency-header .logo-orbitta,
.alternative-header .logo-orbitta {
  display: none!important;
}

.transparency-header .logo-orbitta.transparency,
.alternative-header .logo-orbitta.alternative {
  display: flex!important;
}

.logo-container {
  display: grid !important;
  height: inherit;
}

.logo-container .url-logo {
  height: auto;
}

.logo-container .logo-orbitta {
  grid-area: 1 / 1;
  height: inherit;
  transition: opacity 500ms ease-in-out;
  display: flex !important;
}

.transparency-header .logo-container .logo-orbitta,
.logo-container .logo-orbitta.transparency { 
  opacity: 0; 
}

.logo-container .logo-orbitta,
.transparency-header .logo-container .logo-orbitta.transparency { 
  opacity: 1; 
}

/*--------------------------------------------------------------
## Navbar Menu
--------------------------------------------------------------*/

nav.navbar .navbar-menu {
  display: flex;
  height: 100%;
  align-items: center;
  gap: var(--s15);
}

nav.navbar .navbar-menu .menu-item {
  height: inherit;
  align-content: center;
  display: flex;
}

nav.navbar .navbar-menu .menu-item-has-children {
  cursor: pointer;
  position: relative;
}

nav.navbar .navbar-menu .navbar-dropdown {
  display: none;
  position: absolute;
  background-color: #fff;
  left: 0;
  top: 100%;
  min-width: max-content;
}

nav.navbar .navbar-menu .navbar-dropdown .navbar-item {
  padding: 0 var(--s15);
  width: 100%;
}

nav.navbar .navbar-menu .navbar-dropdown .navbar-item:first-child {
  padding-top: var(--s10);
}

nav.navbar .navbar-menu .navbar-dropdown .navbar-item:last-child {
  padding-bottom: var(--s10);
}

nav.navbar .navbar-menu .menu-item-has-children:hover > .navbar-dropdown {
  display: flex;
  flex-direction: column;
  gap: var(--s10);
}

nav.navbar .navbar-menu .navbar-dropdown .navbar-item {
  padding: 0 var(--s15);
  width: 100%;
}

nav.navbar .navbar-menu .navbar-dropdown .menu-item-has-children:hover > .navbar-dropdown {
  top: 0;
  right: 0;
  left: 100%;
}

nav.navbar .navbar-menu .menu-item.is-right > .navbar-dropdown {
  right: 0;
  left: unset;
}

nav.navbar .menu-item .navbar-dropdown .menu-item.is-right .navbar-dropdown {
  right: 100%!important;
  left: unset!important;
}

nav.navbar .navbar-menu .menu-item.text-right > .navbar-dropdown > .navbar-item {
  justify-content: right;
}

nav.navbar .navbar-menu .menu-item.text-center > .navbar-dropdown > .navbar-item {
  justify-content: center!important;
}

/*--------------------------------------------------------------
## Mega Menu
--------------------------------------------------------------*/

header .menu-orbitta .mega-menu  {
  position: inherit!important;
}

header .menu-orbitta .mega-menu .mega-menu-dropdown {
  cursor: initial;
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
}

header .menu-orbitta .mega-menu:hover .mega-menu-dropdown {
  display: flex;
}

header .menu-orbitta.fullh .mega-menu .mega-menu-dropdown {
  top: 100%!important;
  padding-top: 0!important;
}

header .menu-orbitta .mega-menu.mm-full-w .mega-menu-dropdown {
  margin-left: calc( (-100vw + var(--scrollbar-width) ) / 2 + 50% )!important;
  width: var(--widthsb)!important;
}

header .menu-orbitta .mega-menu.mm-full-w .mega-menu-dropdown .mega-menu-content,
header .menu-orbitta .mega-menu.mm-container-w .mega-menu-dropdown .mega-menu-content,
header .menu-orbitta .mega-menu.mm-container-w .mega-menu-dropdown {
  width: 100%;
}

header .menu-orbitta:has(.mm-menu-w) {
  position: relative !important;
}

header .menu-orbitta .mega-menu.mm-auto-l-w,
header .menu-orbitta .mega-menu.mm-auto-r-w {
  position: relative !important;
}

header .menu-orbitta .mega-menu.mm-auto-r-w .mega-menu-dropdown {
  left: initial;
  right: 0;
}

.mega-menu-offcanvas-hide .column {
  display: none;
}

/*--------------------------------------------------------------
### Hamburger
--------------------------------------------------------------*/

.navbar-burger {
  position: relative;
  display: flex;
  cursor: pointer;
  width: 20px; height: 20px;
  position: relative;
  justify-content: center;
  align-items: center;
  color: currentColor;
}

.navbar-burger span {
  position: absolute;
  display: block;
  background-color: currentColor;
  width: inherit; height: 2px;
  transition-duration: 300ms;
  transition-property: background-color, color, opacity, transform;
  transition-timing-function: ease;
}

.navbar-burger span:first-child {
  top: calc(50% - 8px); /* 50% - (2px / 2) */
}

.navbar-burger span:nth-child(2),
.navbar-burger span:nth-child(3) {
  bottom: calc(50%);
}

.navbar-burger span:nth-child(4) {
  top: calc(50% + 4px);
}

.container-offcanvas > .navbar-burger span:nth-child(2),
.hamburger-orbitta.close .navbar-burger.active-offcanvas span:nth-child(2) {
  transform: rotate(-45deg);
}

.container-offcanvas > .navbar-burger span:nth-child(3),
.hamburger-orbitta.close .navbar-burger.active-offcanvas span:nth-child(3) {
  transform: rotate(45deg);
}

.container-offcanvas > .navbar-burger span:first-child,
.container-offcanvas > .navbar-burger span:nth-child(4),
.hamburger-orbitta.close .navbar-burger.active-offcanvas span:first-child,
.hamburger-orbitta.close .navbar-burger.active-offcanvas span:nth-child(4) {
  opacity: 0;
}

.container-offcanvas > .navbar-burger {
  position: absolute;
  z-index: 999999;
  padding: var(--s20);

}

.offcanvas .slide.left .container-offcanvas > .navbar-burger,
.offcanvas.active .slide.right .container-offcanvas > .navbar-burger {
  transition: all 300ms ease-in-out;
  color: white;
  opacity: 0;
}

.offcanvas .slide.left .container-offcanvas > .navbar-burger {
  right: 40px;
}

.offcanvas .slide.right .container-offcanvas > .navbar-burger {
  left: 40px;
}

.offcanvas.active .slide.left .container-offcanvas > .navbar-burger {
  right: -40px;
  opacity: 1;
}

.offcanvas.active .slide.right .container-offcanvas > .navbar-burger {
  left: -40px;
  opacity: 1;
}

.offcanvas .fade .container-offcanvas > .navbar-burger,
.offcanvas .slidefullw .container-offcanvas > .navbar-burger,
.offcanvas .slide.top .container-offcanvas > .navbar-burger {
  right: 0;
  color: black!important;
}

/*--------------------------------------------------------------
### Offcanvas
--------------------------------------------------------------*/

.offcanvas .container-offcanvas::-webkit-scrollbar { /* WebKit */
  width: 0;
  height: 0;
}

html.offcanvas-active { 
  position: fixed; 
  width: 100%;
}

.offcanvas nav {
  -ms-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  position: fixed;
  height: 100%;
  top: 0;
  z-index: 99999;
}

.offcanvas .overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.5);
  cursor: pointer;
  opacity: 0;
  z-index: 99998;
}

.offcanvas .slide.top,
.offcanvas .slidefullw.top {
	transform: translate(0, -100%)!important;
}

.offcanvas .slide.left,
.offcanvas .slidefullw.left {
  right: unset; left: 0;
	transform: translate(-100%, 0px)!important;
}

.offcanvas .slide.right,
.offcanvas .slidefullw.right {
  right: 0; left: unset;
	transform: translate(100%, 0px)!important;
}

.offcanvas.active .slide,
.offcanvas.active .slidefullw {
  transform: translate(0px, 0px)!important;
}

.offcanvas .slidefullw,
.offcanvas .slide.top {
  width: 100%;
}

.offcanvas .container-offcanvas {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  background: white;
}

.offcanvas .fade,
.offcanvas .fade .container-offcanvas {
  visibility: hidden;
	opacity: 0;
  left: 0;
  width: 100%;
}

.offcanvas.active .fade,
.offcanvas .fade .container-offcanvas {
	opacity: 1;
	visibility: inherit;
}

.offcanvas .menu-offcanvas {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}

.offcanvas .menu-offcanvas .navbar-dropdown {
  display: flex;
  flex-direction: column;
}

.offcanvas .menu-offcanvas .navbar-item .navbar-dropdown {
  display: none;
}

.offcanvas .menu-offcanvas a.menu-item {
  width: 100%;
  display: flex;
  align-items: center;
}

.offcanvas .menu-offcanvas a.menu-item-has-children::after {
  margin-left: 10px;
  content: '';
  border: solid black;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: var(--s5);
  height: 100%;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transition-duration: 300ms;
  transition-property: transform;
}

.offcanvas .menu-offcanvas .dropdown-active > .menu-item-has-children::after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.offcanvas .navbar-item.top-content-menu,
.offcanvas .navbar-item.middle-content-menu,
.offcanvas .navbar-item.bottom-content-menu,
.offcanvas .navbar-item.middle-content {
  display: flex;
  flex-grow: 1;
}

.offcanvas .navbar-item.top-content-menu {
  align-items: flex-start;
}

.offcanvas .navbar-item.middle-content-menu {
  align-items: center;
}

.offcanvas .navbar-item.bottom-content-menu {
  align-items: flex-end;
}

.offcanvas .navbar-item.middle-content {
  flex-direction: column;
  justify-content: center;
}

/*--------------------------------------------------------------
## Fin Header Elements
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Hero
--------------------------------------------------------------*/

.hero {
  width: 100%;
  position: relative;
}

.hero .hero-container {
	height: inherit;
}

.hero .desktop.hidden-mobile,
.hero .mobile.hidden-desktop {
  display: initial;
	height: inherit;
}

.hero .hero-content {
	height: inherit;
  position: relative;
}

.hero-body {
  flex-shrink: unset;
}

.overlay-hero {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: -1;
}

.hero .background-hero,
.hero .slider-hero,
.hero .video-hero {
  height: inherit;
  position: absolute;
  top: 0;
  width: 100%;
}

.hero .background-hero,
.hero .video-hero {
  z-index: -1;
}

.hero .background-hero,
.hero .slider-hero .splide__slide  {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.hero .slider-hero .splide,
.hero .slider-hero .splide__track {
  height: inherit;
}

.slide-content .overlay-hero {
  z-index: 0;
}

.hero .video-hero .video-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.hero .video-hero .video-background {
  position: relative;
  overflow: hidden;
  width: var(--widthsb);
  height: 100vh;
}

.hero .video-hero .video-background iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hero .video-hero video {
  object-fit: cover;
  position: relative;
  width: 100%;
  height: 100%;
}

@media (min-aspect-ratio: 16/9) {
  .hero .video-hero .video-background iframe { /* height = 100 * (9 / 16) = 56.25 */
    height: 56.25vw!important;
    width: var(--widthsb) !important;
  }
}
@media (max-aspect-ratio: 16/9) {
  .hero .video-hero .video-background iframe { /* width = 100 / (9 / 16) = 177.777777 */
    height: var(--widthsb) !important;
    width: 177.777777vw!important;
  }
}

/*--------------------------------------------------------------
# Fin Header
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Archive
--------------------------------------------------------------*/

.columns-tax {
  display: flex;
  gap: 15px;
}

.tax-content article {
  display: flex;
  flex-direction: column;
}

.tax-content article .entry-meta {
  margin: 5px 0;
}

.post-thumbnail-archive .img-thumbnail {
  height: 150px;
}

.pag-btn .archive-pagination,
.pag-scroll .archive-pagination,
.pag-btnscroll .archive-pagination,
nav.pagination .prev.page-numbers,
nav.pagination .next.page-numbers {
  display: none;
}

.load-more-pagination {
  display: flex;
  justify-content: center;
  margin: 15px;
}

.loading-icon {
  display: none; /* Oculto por defecto */
  width: 25px;
  height: 25px;
  border: 3px solid #f3f3f3;
  border-top: 3px solid #000000;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  display: flex;
  justify-content: space-between;
  align-content: space-around;
  align-items: stretch;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*--------------------------------------------------------------
# Post
--------------------------------------------------------------*/

.columns-post {
  display: flex;
  gap: var(--s20);
}

.post-content article {
  display: flex;
  flex-direction: column;
}

.post-content article p {
  margin-bottom: var(--s20);
}

.single-post p:not(:has(+ p)) {
  margin-bottom: 0;
}

.post-thumbnail {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.post-content article .wp-block-list {
  padding-inline-start: 1em;
}

.post-content article ul.wp-block-list {
  list-style: disc;
}

.post-content article .wp-block-list .wp-block-list {
  list-style: circle;
}

.post-content article .wp-block-list .wp-block-list .wp-block-list {
  list-style: square;
}

.post-content article ol.wp-block-list {
  list-style: decimal;
}

.wp-block-quote {
  position: relative;
}

.wp-block-quote::before {
  content: "“"; /* Aquí defines la comilla que deseas mostrar */
  position: absolute;
  left: -40px;
  top: 0;
  font-size: 4em; /* Ajusta el tamaño según tu diseño */
  line-height: 1;
}

.wp-block-quote > cite {
  margin-top: 10px;
}

/*--------------------------------------------------------------
# Custom Post
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Image Gallery
--------------------------------------------------------------*/

.gallery-img-orbitta .image-gallery {
  display: flex;
  flex-wrap: wrap;
}

.gallery-img-orbitta .image-gallery::after {
  content: "";
  flex-grow: 999;
}

.gallery-img-orbitta .image-gallery .image-item {
  flex: 1 1 auto;
  height: 200px;
  position: relative;
}

.gallery-img-orbitta .splide__track {
  height: 100%;
}

.gallery-img-orbitta .image-item img,
.gallery-img-orbitta .splide img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

/*--------------------------------------------------------------
## Post Gallery
--------------------------------------------------------------*/

.gallery-post-orbitta .splide__slide,
.gallery-post-orbitta .image-post-gallery {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.gallery-post-orbitta .splide,
.gallery-post-orbitta .splide__track,
.gallery-post-orbitta .splide_link {
  visibility: inherit;
  height: inherit;
}

/*--------------------------------------------------------------
## Showcase
--------------------------------------------------------------*/

.showcase-orbitta .splide.size-contain .splide__slide {
  background-size: contain;
}

.showcase-orbitta .splide.size-cover .splide__slide {
  background-size: cover;
}

.showcase-orbitta .splide__slide  {
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
}

.showcase-orbitta .splide,
.showcase-orbitta .splide__track {
  visibility: inherit;
  height: inherit;
}

.showcase-orbitta .splide__slide .slide_content {
  display: flex;
  position: relative;
  height: 100%;
  width: 100%;
}

.showcase-orbitta .splide__slide a.cover-showcase {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.showcase-slider-progress,
.showcase-slider-progress-mob {
  background: #D9D9D9;
}

.showcase-slider-progress-bar,
.showcase-slider-progress-bar-mob {
  background: #675B54;
  height: 5px;
  transition: width 400ms ease;
  width: 0;
}

/*--------------------------------------------------------------
## Popups
--------------------------------------------------------------*/

.popup .above-header, .popup .header_hook, .popup .footer_hook {
  position: relative;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.popup .top-left, .popup .top-center, .popup .top-right, .popup .top-fullw,
.popup .middle-left, .popup .middle-center, .popup .middle-right, 
.popup .bottom-left, .popup .bottom-center, .popup .bottom-right, .popup .bottom-fullw {
  position: fixed;
  z-index: 99997;
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup .top-left {
  left: 0;
}

.popup .top-center {
  left: 50%;
  transform: translate(-50%, 0%);
}

.popup .top-right {
  right: 0;
}

.popup .top-fullw {
  width: 100%;
  text-align: center;
}

.popup .middle-left {
  left: 0;
  top: 50%;
  transform: translate(0%, -50%);
}

.popup .middle-center {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.popup .middle-right {
  right: 0;
  top: 50%;
  transform: translate(0%, -50%);
}

.popup .bottom-left {
  left: 0;
  bottom: 0;
}

.popup .bottom-center {
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0%);
}

.popup .bottom-right {
  right: 0;
  bottom: 0;
}

.popup .bottom-fullw {
  bottom: 0;
  width: 100%;
  text-align: center;
}

.overlay-popup {
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  cursor: pointer;
  z-index: 99996;
  position: fixed;
  overscroll-behavior: contain;
}

/*--------------------------------------------------------------
## Faqs
--------------------------------------------------------------*/

.faq-orbitta .faq-title {
  position: relative;
  display: block;
  width: 100%;
}

.faq-orbitta.accordion .faq-title:hover,
.faq-orbitta.accordion .faq-title:focus,
.faq-orbitta.accordion .faq-title:hover::after,
.faq-orbitta.accordion .faq-title:focus::after {
  cursor: pointer;
}

.faq-orbitta.accordion .faq-title .icon {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}

.faq-orbitta.accordion .faq-title .icon:after {
  content: '';
  border: solid black;
  display: inline-block;
  padding: var(--s5);
  border-width: 0 2px 2px 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.faq-orbitta.accordion .faq-title[aria-expanded='true'] .icon:after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.faq-orbitta.accordion .faq-title[aria-expanded='true'] + .faq-content {
  opacity: 1;
  height: 100%;
  transition: all 200ms linear;
  will-change: opacity;
}

.faq-orbitta.accordion .faq-content {
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: opacity 200ms linear;
  will-change: opacity;
}

/*--------------------------------------------------------------
# Fin Custom Post
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Shortcodes
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Breadcrumbs
--------------------------------------------------------------*/

.orbitta-breadcrumbs {
  margin-bottom: 10px;
}

.orbitta-breadcrumbs .sep-bc::before {
  content: "/";
  margin: 0 5px;
}

/*--------------------------------------------------------------
## Table of Contents (TOC)
--------------------------------------------------------------*/

#table-of-contents {
  border: 1px solid #000000;
  border-radius: 20px;
  padding: var(--s40);
  margin-top: var(--s40);
}

#table-of-contents a {
  display: flex;
  margin-bottom: var(--s20);
  text-decoration-line: none;
}

#table-of-contents ol {
  counter-reset: item;
  list-style: none; /* Oculta la numeración predeterminada */
  margin-bottom: 0;
}

#table-of-contents ol li { 
  counter-increment: item;
  position: relative;
}

/* Inserta la numeración personalizada antes del contenido */
#table-of-contents li::before {
  content: counters(item, ".") ". ";
  position: absolute;
  left: 0;
}

#table-of-contents li li::before {
  content: counters(item, ".") ". ";
  position: absolute;
  left: -15px;
}

#table-of-contents li ol,
#table-of-contents li {
  padding-left: 15px;
}

/*--------------------------------------------------------------
# Fin Shortcodes
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Cookies
--------------------------------------------------------------*/

#popup-cookies { 
  z-index: 99999;
}

#popup-cookies,
#popup-cookies p {
  color: black;
  font-size: var(--fs16);
}

html.style2-cookies, html.style1-cookies.cookies-active { 
  position: fixed; 
  width: 100%;
}

#popup-cookies.style2 .cookies-config,
#popup-cookies .cookies-detail {
  width: 90%;
}

/*
html.style2-cookies, html.style1-cookies.active { overflow: hidden; --scrollbar-width: 0px!important; }
html.style2-cookies body, html.style1-cookies.active body { overflow: scroll; }
html.style2-cookies header #main, html.style1-cookies.active header #main-mobile { z-index: -1; }
*/

#popup-cookies .cookies-modal.active,
#popup-cookies.style2 .cookies-modal {
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  background-color: rgba(0, 0, 0, 0.50);
}

#popup-cookies.style1 .overlay-cookies.active {
  cursor: pointer;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

#popup-cookies .cookies-select,
#popup-cookies.style2 .cookies-config  {
  display: flex;
  flex-direction: column;
}

#popup-cookies .cookies-select label {
  margin-bottom: 8px;
}

#popup-cookies.style1 .cookies-config {
  display: none;
  flex-direction: column;
  background: white;
  border: 1px solid black;
  position: fixed;
  right: var(--s15);
  bottom: var(--s15);
  padding: var(--s15);
}

#popup-cookies.style2 .cookies-config {
  display: none;
  flex-direction: column;
  background: white;
  position: relative;
  margin: var(--s15);
  max-width: 850px;
  padding: var(--s30);
  align-self: center;
}

#popup-cookies .cookies-config.active {
  display: flex;
}

#popup-cookies .cookies-detail {
  display: none;
  flex-direction: column;
  background: white;
  position: relative;
  margin: 15px;
  max-width: 850px;
  padding: var(--s30);
  align-self: center;
}

#popup-cookies .cookies-detail.active {
  display: flex;
}

#popup-cookies a.cookie-return {
  display: block;
  font-weight: bold;
  margin-bottom: var(--s15);
  padding-bottom: var(--s10);
  border-bottom: 1px solid black;
}

#popup-cookies span.cookie-config-title {
  font-size: var(--fs22);
  font-weight: bold;
  margin-bottom: var(--s20);
}

#popup-cookies .cookie-info .cookie-header {
  margin-bottom: var(--s10);
  font-weight: 600;
}

#popup-cookies .cookie-mensaje {
  margin-bottom: var(--s15);
  font-size: var(--fs14);
}

#popup-cookies .cookie-info ul {
  display: flex;
  flex-direction: column;
  gap: 6px;
  list-style: outside;
  margin: 0;
  margin-left: 18px;
}

#popup-cookies .cookies-config #configurecookies, 
#popup-cookies .cookies-config #declinecookies,
#popup-cookies #save-cookies, #popup-cookies #declinecookies-select {
  background: transparent;
  color: black;
  border: 1px solid black;
}

#popup-cookies .buttons-cookies {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--s25);
  gap: var(--s15);
}

#popup-cookies a.more-cookies {
  font-size: var(--fs12);
  font-weight: bolder;
}

#popup-cookies.style1 .cookies-config .buttons-cookies {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-top: var(--s10);
  gap: var(--s10);
}

/*--------------------------------------------------------------
>>> MEDIA QUERYS:
---------------------------------------------------------------- */

@media only screen and (max-width: 767px) {
  /* Estilos para pantallas extra pequeñas (por ejemplo, teléfonos móviles en orientación vertical) */

  html.style2-cookies, html.style1-cookies.cookies-active { overflow: hidden;}
  #banner-cookies .buttons-cookies { flex-direction: column; }

  h1, h2, h3, h4, h5, h6, p, span, a {
    overflow-wrap: break-word;
    word-break: break-word;
  }

}

@media only screen and (max-width: 1023px) {
  /* Estilos para dispositivos móviles (teléfonos y tablets en orientación vertical) */

  .hidden-mobile { display: none !important; }

  .text-left-mob { text-align: left !important; }
  .text-center-mob { text-align: center !important; }
  .text-right-mob { text-align: right !important; }

  .flex-mob { display: flex !important; }
  .flex-column-mob { display: flex !important; flex-direction: column !important; }
  .flex-wrap-mob { display: flex !important; flex-wrap: wrap !important; }

  .column-reverse-mob { flex-direction: column-reverse !important; }
  .order-1-mob { order: 1; } .order-2-mob { order: 2; } .order-3-mob { order: 3; } .order-1-mob { order: 4; }
  .order-5-mob { order: 5; } .order-6-mob { order: 6; } .order-7-mob { order: 7; } .order-8-mob { order: 8; }

  .content-center-mob { justify-content: center !important; } /* Centro */
  .content-end-mob { justify-content: flex-end !important; } /* Final */
  .content-between-mob { justify-content: space-between !important; } /* Espacio entre */
  .content-around-mob { justify-content: space-around !important; } /* Espacio alrededor */
  .content-evenly-mob { justify-content: space-evenly !important; } /* Espacio uniforme */

  .items-start-mob { align-items: flex-start !important; } /* Inicio */
  .items-center-mob { align-items: center !important; } /* Centro */
  .items-end-mob { align-items: flex-end !important; } /* Final */
  .items-stretch-mob { align-items: stretch !important; } /* Estirar */

  .wrap-center-mob { align-content: center !important; } /* Centro */
  .wrap-end-mob { align-content: flex-end !important; } /* Final */

  .grid-mob { display: grid !important;}

  /* Alineación en el eje transversal (Grid) */
  .grid-items-start-mob { justify-items: start !important; } /* Inicio */
  .grid-items-center-mob { justify-items: center !important; } /* Centro */
  .grid-items-end-mob { justify-items: end !important; } /* Final */
  .grid-items-stretch-mob { justify-items: stretch !important; } /* Estirar */

  .section { padding: 0 var(--padsecmob); }

  .alignwide, .alignfull {
    padding-left: var(--padsecmob) !important;
    padding-right: var(--padsecmob) !important;
  }

  .columns {
    flex-direction: column;
  }

  .columns .column,
  .is-not-stacked-on-mobile {
    align-items: initial;
    text-align: initial;
    width: 100%;
  }

  .cols-mobile { /* PERMITE HACER COLUMNAS EN MOVIL */
    flex-direction: row;
    flex-wrap: wrap;
  }

  .columns-tax, .columns-post {
    display: flex;
    flex-direction: column;
  }

  .columns-tax .tax-sidebar {
    width: 100%;
  }

  .no-padding > .wp-block-column {
    padding: 0 var(--padsecmob);
  }

  /*.no-padding > .is-layout-constrained {
    padding: 0 var(--padsecmob);
  }*/

  .wp-block-columns.no-padding > .wp-block-column.no-padding {
    padding: 0;
  }
  
  /* Margenes */
  .mtmob0 { margin-top: 0 !important; } 
  .mtmob5 { margin-top: 5px !important; }
  .mtmob10 { margin-top: 10px !important; } 
  .mtmob15 { margin-top: 15px !important; }
  .mtmob20 { margin-top: 20px !important; } 
  .mtmob25 { margin-top: 25px !important; }
  .mtmob30 { margin-top: 30px !important; } 
  .mtmob40 { margin-top: 40px !important; }
  .mtmob50 { margin-top: 50px !important; } 
  .mtmob60 { margin-top: 60px !important; }
  .mtmob70 { margin-top: 70px !important; } 
  .mtmob75 { margin-top: 75px !important; }
  .mtmob80 { margin-top: 80px !important; } 
  .mtmob90 { margin-top: 90px !important; } 
  .mtmob100 { margin-top: 100px !important; } 
  .mtmob125 { margin-top: 125px !important; }
  .mtmob150 { margin-top: 150px !important; }

  .mbmob0 { margin-bottom: 0 !important; } 
  .mbmob5 { margin-bottom: 5px !important; }
  .mbmob10 { margin-bottom: 10px !important; } 
  .mbmob15 { margin-bottom: 15px !important; }
  .mbmob20 { margin-bottom: 20px !important; } 
  .mbmob25 { margin-bottom: 25px !important; }
  .mbmob30 { margin-bottom: 30px !important; } 
  .mbmob40 { margin-bottom: 40px !important; }
  .mbmob50 { margin-bottom: 50px !important; } 
  .mbmob60 { margin-bottom: 60px !important; }
  .mbmob70 { margin-bottom: 70px !important; } 
  .mbmob75 { margin-bottom: 75px !important; }
  .mbmob80 { margin-bottom: 80px !important; } 
  .mbmob90 { margin-bottom: 90px !important; }
  .mbmob100 { margin-bottom: 100px !important; } 
  .mbmob125 { margin-bottom: 125px !important; }
  .mbmob150 { margin-bottom: 150px !important; }

  /* Paddings */
  .pmob0 { padding: 0px !important; }
  .pmob5 { padding: 5px !important; }
  .pmob10 { padding: 10px !important; }
  .pmob15 { padding: 15px !important; }
  .pmob20 { padding: 20px !important; }
  .pmob25 { padding: 25px !important; }
  .pmob30 { padding: 30px !important; }
  .pmob40 { padding: 40px !important; }
  .pmob50 { padding: 50px !important; }
  .pmob60 { padding: 60px !important; }
  .pmob70 { padding: 70px !important; }
  .pmob75 { padding: 75px !important; }
  .pmob80 { padding: 80px !important; }
  .pmob90 { padding: 90px !important; }
  .pmob100 { padding: 100px !important; }
  .pmob125 { padding: 125px !important; }
  .pmob150 { padding: 150px !important; }

  /* Horizontal Padding */
  .plmob0 { padding-left: 0 !important; }
  .prmob0 { padding-right: 0 !important; }
  .plmob5 { padding-left: 5px !important; }
  .prmob5 { padding-right: 5px !important; }
  .plmob10 { padding-left: 10px !important; }
  .prmob10 { padding-right: 10px !important; }
  .plmob15 { padding-left: 15px !important; }
  .prmob15 { padding-right: 15px !important; }
  .plmob20 { padding-left: 20px !important; }
  .prmob20 { padding-right: 20px !important; }
  .plmob25 { padding-left: 25px !important; }
  .prmob25 { padding-right: 25px !important; }
  .plmob30 { padding-left: 30px !important; }
  .prmob30 { padding-right: 30px !important; }
  .plmob40 { padding-left: 40px !important; }
  .prmob40 { padding-right: 40px !important; }
  .plmob50 { padding-left: 50px !important; }
  .prmob50 { padding-right: 50px !important; }
  .plmob60 { padding-left: 60px !important; }
  .prmob60 { padding-right: 60px !important; }
  .plmob70 { padding-left: 70px !important; }
  .prmob70 { padding-right: 70px !important; }
  .plmob75 { padding-left: 75px !important; }
  .prmob75 { padding-right: 75px !important; }
  .plmob80 { padding-left: 80px !important; }
  .prmob80 { padding-right: 80px !important; }
  .plmob90 { padding-left: 90px !important; }
  .prmob90 { padding-right: 90px !important; }
  .plmob100 { padding-left: 100px !important; }
  .prmob100 { padding-right: 100px !important; }
  .plmob125 { padding-left: 125px !important; }
  .prmob125 { padding-right: 125px !important; }
  .plmob150 { padding-left: 150px !important; }
  .prmob150 { padding-right: 150px !important; }

  /* Vertical Padding */
  .ptmob0 { padding-top: 0 !important; }
  .pbmob0 { padding-bottom: 0 !important; }
  .ptmob5 { padding-top: 5px !important; }
  .pbmob5 { padding-bottom: 5px !important; }
  .ptmob10 { padding-top: 10px !important; }
  .pbmob10 { padding-bottom: 10px !important; }
  .ptmob15 { padding-top: 15px !important; }
  .pbmob15 { padding-bottom: 15px !important; }
  .ptmob20 { padding-top: 20px !important; }
  .pbmob20 { padding-bottom: 20px !important; }
  .ptmob25 { padding-top: 25px !important; }
  .pbmob25 { padding-bottom: 25px !important; }
  .ptmob30 { padding-top: 30px !important; }
  .pbmob30 { padding-bottom: 30px !important; }
  .ptmob40 { padding-top: 40px !important; }
  .pbmob40 { padding-bottom: 40px !important; }
  .ptmob50 { padding-top: 50px !important; }
  .pbmob50 { padding-bottom: 50px !important; }
  .ptmob60 { padding-top: 60px !important; }
  .pbmob60 { padding-bottom: 60px !important; }
  .ptmob70 { padding-top: 70px !important; }
  .pbmob70 { padding-bottom: 70px !important; }
  .ptmob75 { padding-top: 75px !important; }
  .pbmob75 { padding-bottom: 75px !important; }
  .ptmob80 { padding-top: 80px !important; }
  .pbmob80 { padding-bottom: 80px !important; }
  .ptmob90 { padding-top: 90px !important; }
  .pbmob90 { padding-bottom: 90px !important; }
  .ptmob100 { padding-top: 100px !important; }
  .pbmob100 { padding-bottom: 100px !important; }
  .ptmob125 { padding-top: 125px !important; }
  .pbmob125 { padding-bottom: 125px !important; }
  .ptmob150 { padding-top: 150px !important; }
  .pbmob150 { padding-bottom: 150px !important; }

  .hptmob0  { padding-top: calc( var(--header-height-mobile) + 0) !important; }
  .hptmob5  { padding-top: calc( var(--header-height-mobile) + 5px) !important; }
  .hptmob10  { padding-top: calc( var(--header-height-mobile) + 10px) !important; }
  .hptmob15  { padding-top: calc( var(--header-height-mobile) + 15px) !important; }
  .hptmob20  { padding-top: calc( var(--header-height-mobile) + 20px) !important; }
  .hptmob25  { padding-top: calc( var(--header-height-mobile) + 25px) !important; }
  .hptmob30  { padding-top: calc( var(--header-height-mobile) + 30px) !important; }
  .hptmob40  { padding-top: calc( var(--header-height-mobile) + 40px) !important; }
  .hptmob50  { padding-top: calc( var(--header-height-mobile) + 50px) !important; }
  .hptmob60  { padding-top: calc( var(--header-height-mobile) + 60px) !important; }
  .hptmob70  { padding-top: calc( var(--header-height-mobile) + 70px) !important; }
  .hptmob75  { padding-top: calc( var(--header-height-mobile) + 75px) !important; }
  .hptmob80  { padding-top: calc( var(--header-height-mobile) + 80px) !important; }
  .hptmob90  { padding-top: calc( var(--header-height-mobile) + 90px) !important; }
  .hptmob100 { padding-top: calc( var(--header-height-mobile) + 100px) !important; }
  .hptmob125 { padding-top: calc( var(--header-height-mobile) + 125px) !important; }
  .hptmob150 { padding-top: calc( var(--header-height-mobile) + 150px) !important; }

  /* Gap */

  /* Mobile Gap */
  .gapmob0 { gap: 0 !important; }
  .gapmob5 { gap: 5px !important; }
  .gapmob10 { gap: 10px !important; }
  .gapmob15 { gap: 15px !important; }
  .gapmob20 { gap: 20px !important; } 
  .gapmob25 { gap: 25px !important; }
  .gapmob30 { gap: 30px !important; } 
  .gapmob40 { gap: 40px !important; }
  .gapmob50 { gap: 50px !important; } 
  .gapmob60 { gap: 60px !important; }
  .gapmob70 { gap: 70px !important; } 
  .gapmob75 { gap: 75px !important; }
  .gapmob80 { gap: 80px !important; } 
  .gapmob90 { gap: 90px !important; }
  .gapmob100 { gap: 100px !important; }
  .gapmob125 { gap: 125px !important; }
  .gapmob150 { gap: 150px !important; }

  .rgapmob0 { row-gap: 0 !important; }
  .rgapmob5 { row-gap: 5px !important; }
  .rgapmob10 { row-gap: 10px !important; }
  .rgapmob15 { row-gap: 15px !important; }
  .rgapmob20 { row-gap: 20px !important; }
  .rgapmob25 { row-gap: 25px !important; }
  .rgapmob30 { row-gap: 30px !important; }
  .rgapmob40 { row-gap: 40px !important; }
  .rgapmob50 { row-gap: 50px !important; }
  .rgapmob60 { row-gap: 60px !important; }
  .rgapmob70 { row-gap: 70px !important; }
  .rgapmob75 { row-gap: 75px !important; }
  .rgapmob80 { row-gap: 80px !important; }
  .rgapmob90 { row-gap: 90px !important; }
  .rgapmob100 { row-gap: 100px !important; }
  .rgapmob125 { row-gap: 125px !important; }
  .rgapmob150 { row-gap: 150px !important; }

  /* Columnas */
  .colmob10 { flex: 0 0 10% !important; } .colmob15 { flex: 0 0 15% !important; }
  .colmob20 { flex: 0 0 20% !important; } .colmob25 { flex: 0 0 25% !important; }
  .colmob30 { flex: 0 0 30% !important; } .colmob40 { flex: 0 0 40% !important; }
  .colmob33 { flex: 0 0 33.33% !important; } .colmob50 { flex: 0 0 50% !important; }
  .colmob60 { flex: 0 0 60% !important; } .colmob66 { flex: 0 0 66.36% !important; }
  .colmob70 { flex: 0 0 70% !important; } .colmob75 { flex: 0 0 75% !important; }
  .colmob80 { flex: 0 0 80% !important; } .colmob85 { flex: 0 0 85% !important; }
  .colmob90 { flex: 0 0 90% !important; } .colmob100 { flex: 0 0 100% !important; }

  .gridmob-1 { grid-template-columns: repeat(1, 1fr) !important; } 
  .gridmob-2 { grid-template-columns: repeat(2, 1fr) !important; }
  .gridmob-3 { grid-template-columns: repeat(3, 1fr) !important; } 
  .gridmob-4 { grid-template-columns: repeat(4, 1fr) !important; }
  .gridmob-5 { grid-template-columns: repeat(1, 1fr) !important; } 
  .gridmob-6 { grid-template-columns: repeat(2, 1fr) !important; }
  .gridmob-7 { grid-template-columns: repeat(3, 1fr) !important; } 
  .gridmob-8 { grid-template-columns: repeat(4, 1fr) !important; }
  
  /* GUTTENBERG */
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 100% !important;
  }

  #main-content .wp-block-columns {
    flex-wrap: wrap !important;
  }

  .wp-block-image .alignright, .wp-block-image .alignleft { float:none !important; margin: auto !important; }

  #banner-cookies.style2 .cookies-config,
  #banner-cookies .cookies-detail {
    width: 90%;
  }

}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

  /* Estilos para pantallas pequeñas (por ejemplo, tablets en orientación horizontal) */
  .colsm10 { flex: 0 0 10% !important; } .colsm15 { flex: 0 0 15% !important; }
  .colsm20 { flex: 0 0 20% !important; } .colsm25 { flex: 0 0 25% !important; }
  .colsm30 { flex: 0 0 30% !important; } .colsm40 { flex: 0 0 40% !important; }
  .colsm33 { flex: 0 0 33.33% !important; } .colsm50 { flex: 0 0 50% !important; }
  .colsm60 { flex: 0 0 60% !important; } .colsm66 { flex: 0 0 66.36% !important; }
  .colsm70 { flex: 0 0 70% !important; } .colsm75 { flex: 0 0 75% !important; }
  .colsm80 { flex: 0 0 80% !important; } .colsm85 { flex: 0 0 85% !important; }
  .colsm90 { flex: 0 0 90% !important; } .colsm100 { flex: 0 0 100% !important; }

  .gridsm-1 { grid-template-columns: repeat(1, 1fr) !important; } 
  .gridsm-2 { grid-template-columns: repeat(2, 1fr) !important; }
  .gridsm-3 { grid-template-columns: repeat(3, 1fr) !important; } 
  .gridsm-4 { grid-template-columns: repeat(4, 1fr) !important; }
  .gridsm-5 { grid-template-columns: repeat(1, 1fr) !important; } 
  .gridsm-6 { grid-template-columns: repeat(2, 1fr) !important; }
  .gridsm-7 { grid-template-columns: repeat(3, 1fr) !important; } 
  .gridsm-8 { grid-template-columns: repeat(4, 1fr) !important; }
  .gridsm-9 { grid-template-columns: repeat(9, 1fr) !important; } 
  .gridsm-10 { grid-template-columns: repeat(10, 1fr) !important; }

}

@media only screen and (min-width: 1024px)	{
  /* Estilos para pantallas de escritorio y dispositivos más grandes */

  .section.small > .container { max-width: var(--small) !important; }

  .section.small .wp-block-columns.alignwide > .wp-block-column:first-child,
  .section.small .wp-block-columns.alignwide.no-padding > .wp-block-column:first-child,
  .section.small .alignwide > .is-layout-constrained {
    padding-left: max(calc((var(--widthsb) - var(--small) - (var(--padsec) * 2)) / 2), var(--padsec)) !important;
    padding-right: 0;
  }

  .section.small .wp-block-columns.alignwide.no-padding > .wp-block-column:first-child,
  .section.small .alignwide.no-padding > .is-layout-constrained {
    padding-left: max(calc((var(--widthsb) - var(--small)) / 2), var(--padsec)) !important;
  }

  .section.small .wp-block-columns.alignwide > .wp-block-column:last-child,
  .section.small .wp-block-columns.alignwide.no-padding > .wp-block-column:last-child,
  .section.small .alignwide > .is-layout-constrained {
    padding-left: 0;
    padding-right: max(calc((var(--widthsb) - var(--small) - (var(--padsec) * 2)) / 2), var(--padsec)) !important;
  }

  .section.small .wp-block-columns.alignwide.no-padding > .wp-block-column:last-child,
  .section.small .alignwide.no-padding > .is-layout-constrained {
    padding-right: max(calc((var(--widthsb) - var(--small)) / 2), var(--padsec)) !important;
  }

  .section.small .wp-block-group.alignwide.is-layout-flex {
    padding-left: max(calc((var(--widthsb) - var(--small)) / 2), var(--padsec)) !important;
    padding-right: max(calc((var(--widthsb) - var(--small)) / 2), var(--padsec)) !important;
  }

  .hidden-desktop { display: none !important; }

  .col10 { flex: 0 0 10% !important; } .col15 { flex: 0 0 15% !important; }
  .col20 { flex: 0 0 20% !important; } .col25 { flex: 0 0 25% !important; }
  .col30 { flex: 0 0 30% !important; } .col40 { flex: 0 0 40% !important; }
  .col33 { flex: 0 0 33.33% !important; } .col50 { flex: 0 0 50% !important; }
  .col60 { flex: 0 0 60% !important; } .col66 { flex: 0 0 66.36% !important; }
  .col70 { flex: 0 0 70% !important; } .col75 { flex: 0 0 75% !important; }
  .col80 { flex: 0 0 80% !important; } .col85 { flex: 0 0 85% !important; }
  .col90 { flex: 0 0 90% !important; } .col100 { flex: 0 0 100% !important; }
  
  .grid-1 { grid-template-columns: repeat(1, 1fr) !important; }
  .grid-2 { grid-template-columns: repeat(2, 1fr) !important; }
  .grid-3 { grid-template-columns: repeat(3, 1fr) !important; }
  .grid-4 { grid-template-columns: repeat(4, 1fr) !important; }
  .grid-5 { grid-template-columns: repeat(5, 1fr) !important; }
  .grid-6 { grid-template-columns: repeat(6, 1fr) !important; }
  .grid-7 { grid-template-columns: repeat(7, 1fr) !important; }
  .grid-8 { grid-template-columns: repeat(8, 1fr) !important; }
  .grid-9 { grid-template-columns: repeat(9, 1fr) !important; }
  .grid-10 { grid-template-columns: repeat(10, 1fr) !important; }
  .grid-11 { grid-template-columns: repeat(11, 1fr) !important; }
  .grid-12 { grid-template-columns: repeat(12, 1fr) !important; }

  .wp-block-columns.alignfull.no-padding > .wp-block-column:first-child,
  .wp-block-columns.alignwide.no-padding > .wp-block-column:first-child,
  .wp-block-group.alignwide.no-padding > .is-layout-constrained {
    padding-left: var(--padsec);
  }

  .wp-block-columns.alignfull.no-padding > .wp-block-column:last-child,
  .wp-block-columns.alignwide.no-padding > .wp-block-column:last-child,
  .wp-block-group.alignwide.no-padding > .is-layout-constrained {
    padding-right: var(--padsec);
  }

  .wp-block-columns.alignfull.no-padding > .wp-block-column.no-padding,
  .wp-block-columns.alignwide.no-padding > .wp-block-column.no-padding {
      padding: 0;
  }

  .section.small > .container { max-width: var(--small)!important; }
  .section.normal > .container { max-width: var(--normal) !important; }

  .section.normal .wp-block-columns.alignwide > .wp-block-column:first-child,
  .section.normal .wp-block-columns.alignwide.no-padding > .wp-block-column:first-child,
  .section.normal .alignwide > .is-layout-constrained {
    padding-left: max(calc((var(--widthsb) - var(--normal) - (var(--padsec) * 2)) / 2), var(--padsec)) !important;
    padding-right: 0;
  }
  
  .section.normal .wp-block-columns.alignwide.no-padding > .wp-block-column:first-child,
  .section.normal .alignwide.no-padding > .is-layout-constrained {
    padding-left: max(calc((var(--widthsb) - var(--normal)) / 2), var(--padsec)) !important;
  }
  
  .section.normal .wp-block-columns.alignwide > .wp-block-column:last-child,
  .section.normal .wp-block-columns.alignwide.no-padding > .wp-block-column:last-child,
  .section.normal .alignwide > .is-layout-constrained {
    padding-left: 0;
    padding-right: max(calc((var(--widthsb) - var(--normal) - (var(--padsec) * 2)) / 2), var(--padsec)) !important;
  }
  
  .section.normal .wp-block-columns.alignwide.no-padding > .wp-block-column:last-child,
  .section.normal .alignwide.no-padding > .is-layout-constrained {
    padding-right: max(calc((var(--widthsb) - var(--normal)) / 2), var(--padsec)) !important;
  }

  .section.normal .wp-block-group.alignwide.is-layout-flex {
    padding-left: max(calc((var(--widthsb) - var(--normal)) / 2), var(--padsec)) !important;
    padding-right: max(calc((var(--widthsb) - var(--normal)) / 2), var(--padsec)) !important;
  }

}

@media only screen and (max-width: 1279px) {     
  /* Estilos para pantallas con un ancho máximo de 1279px (dispositivos medianos y pequeños) */
  .hidden-touch { display: none !important; }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  /* Estilos para pantallas medianas (por ejemplo, laptops pequeñas y tablets grandes) */
  .colmd10 { flex: 0 0 10% !important; } .colmd15 { flex: 0 0 15% !important; }
  .colmd20 { flex: 0 0 20% !important; } .colmd25 { flex: 0 0 25% !important; }
  .colmd30 { flex: 0 0 30% !important; } .colmd40 { flex: 0 0 40% !important; }
  .colmd33 { flex: 0 0 33.33% !important; } .colmd50 { flex: 0 0 50% !important; }
  .colmd60 { flex: 0 0 60% !important; } .colmd66 { flex: 0 0 66.36% !important; }
  .colmd70 { flex: 0 0 70% !important; } .colmd75 { flex: 0 0 75% !important; }
  .colmd80 { flex: 0 0 80% !important; } .colmd85 { flex: 0 0 85% !important; }
  .colmd90 { flex: 0 0 90% !important; } .colmd100 { flex: 0 0 100% !important; }
}

@media only screen and (min-width: 1280px)	{
  /* Estilos para pantallas grandes (por ejemplo, laptops grandes y monitores de escritorio) */

  .hidden-widescreen { display: none !important; }

  .section.small > .container { max-width: var(--small) !important; }
  .section.normal > .container { max-width: var(--normal) !important; }
  .section.large > .container { max-width: var(--large) !important; }

  .section.large .wp-block-columns.alignwide > .wp-block-column:first-child,
  .section.large .wp-block-columns.alignwide.no-padding > .wp-block-column:first-child,
  .section.large .alignwide > .is-layout-constrained {
    padding-left: max(calc((var(--widthsb) - var(--large) - (var(--padsec) * 2)) / 2), var(--padsec)) !important;
    padding-right: 0;
  }
  
  .section.large .wp-block-columns.alignwide.no-padding > .wp-block-column:first-child,
  .section.large .alignwide.no-padding > .is-layout-constrained {
    padding-left: max(calc((var(--widthsb) - var(--large)) / 2), var(--padsec)) !important;
  }
  
  .section.large .wp-block-columns.alignwide > .wp-block-column:last-child,
  .section.large .wp-block-columns.alignwide.no-padding > .wp-block-column:last-child,
  .section.large .alignwide > .is-layout-constrained {
    padding-left: 0;
    padding-right: max(calc((var(--widthsb) - var(--large) - (var(--padsec) * 2)) / 2), var(--padsec)) !important;
  }
  
  .section.large .wp-block-columns.alignwide.no-padding > .wp-block-column:last-child,
  .section.large .alignwide.no-padding > .is-layout-constrained {
    padding-right: max(calc((var(--widthsb) - var(--large)) / 2), var(--padsec)) !important;
  }

  .section.large .wp-block-group.alignwide.is-layout-flex {
    padding-left: max(calc((var(--widthsb) - var(--large)) / 2), var(--padsec)) !important;
    padding-right: max(calc((var(--widthsb) - var(--large)) / 2), var(--padsec)) !important;
  }

}