/*!
Theme Name: Pixelian
Theme URI: https://codetec.es
Author: Ion Herrera for Codetec
Author URI: https://codetec.es
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pixelian
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Pixelian is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Imports
	- Fonts
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Imports
--------------------------------------------------------------*/

/* Fonts
--------------------------------------------- */

@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

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

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

:root {
  --primary-color: #e5007e;
  --secondary-color: #fffaf3;
  --terciary-color: #161616;
  --theme-font-family: "Rubik", sans-serif;
}

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0 !important;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  appearance: button;
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  appearance: textfield;
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  margin-bottom: 1em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fffaf3;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 1em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
  color: var(--primary-color);
}

a:visited {
  color: #800080;
}

a:hover,
a:focus,
a:active {
  color: #191970;
}

/* a:focus {
  outline: thin dotted;
} */

a:hover,
a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%;
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}

.main-navigation ul ul.sub-menu {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
  background-color: var(--secondary-color);
  min-width: 16rem;
  /* border: 1px solid var(--terciary-color); */
  /* border-radius: 5px; */
  padding: 1rem 0;
}

.main-navigation ul ul.sub-menu > li > a {
  padding: 0 1rem;
  width: 100%;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}

.main-navigation ul ul a {
  width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}

.main-navigation li {
  position: relative;
}

.main-navigation a {
  display: block;
  text-decoration: none;
}

.main-navigation .container-arrow {
  display: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

/* MENU PRINCIPAL */
.main-navigation ul {
  gap: 1.5rem;
}
.main-navigation ul li:not(ul.sub-menu li) {
  margin: auto;
}
.main-navigation ul li a {
  font-size: 18px;
}
.main-navigation ul li:not(.wpml-ls-item) a {
  color: var(--terciary-color);
  text-transform: uppercase;
  font-weight: 600;
  border-color: var(--terciary-color);
  border-style: solid;
  border-width: 0px;
}
.main-navigation ul li.extra-link a {
  background-color: var(--secondary-color);
  padding: 5px 25px;
  border-radius: 99px;
  transition: all ease-in-out 300ms;
}
.main-navigation ul li.extra-link a:hover {
  background-color: var(--terciary-color);
  color: var(--secondary-color);
}
.main-navigation ul li a:not(ul.sub-menu li a, ul li.extra-link a):hover {
  text-decoration: underline !important;
  text-underline-offset: 8px;
  text-decoration-thickness: 2px !important;
}
.main-navigation ul ul.sub-menu > li > a:hover::after {
  display: block;
  content: "";
  background-color: var(--primary-color);
  width: 100%;
  height: 2px;
}
.main-navigation
  ul
  li.current_page_item
  a:not(
    ul.sub-menu li.current_page_item a,
    ul li.extra-link.current_page_item a
  ),
ul
  li.current-menu-item
  a:not(
    ul.sub-menu li.current-menu-item a,
    ul li.extra-link.current-menu-item a
  ) {
  text-decoration: underline !important;
  text-underline-offset: 8px;
  text-decoration-thickness: 2px !important;
}
.main-navigation ul li.current_page_item.extra-link a,
.main-navigation ul li.current-menu-item.extra-link a {
  background-color: var(--terciary-color);
  color: var(--secondary-color);
}

/* SELECTOR IDIOMA */
.main-navigation ul li.wpml-ls-item.menu-item-has-children {
  display: flex;
  width: 40px;
}
.main-navigation ul li.wpml-ls-item.menu-item-has-children .sub-menu {
  flex-direction: column;
  background-color: var(--primary-color);
  gap: 1rem;
  border-radius: 5px;
}
.main-navigation ul li.wpml-ls-item.menu-item-has-children .sub-menu a {
  justify-content: center;
}
.main-navigation ul li.wpml-ls-item a {
  color: var(--terciary-color);
  font-weight: 600;
}
.main-navigation ul li.wpml-ls-item a span {
  font-weight: 500;
}

@media screen and (max-width: 1350px) {
  #site-header {
    position: relative;
  }
  .main-navigation {
    min-width: 130px;
  }
  .main-navigation .menu-principal-container {
    position: absolute;
    right: 1rem;
    top: 3.5rem;
  }

  /* REORDER MENU ITEMS */
  .header-wrapper div.social-networks-pixelian {
    display: none;
  }

  /*==================== MENU RESPONSIVE ====================*/
  .main-navigation ul:not(.sub-menu) li a {
    color: var(--terciary-color) !important;
    background-color: transparent !important;
    padding: 0.3rem 1rem;
    border: unset !important;
    border-radius: 0px !important;
    transition: all ease-in-out 300ms;
    font-weight: 500 !important;
  }
  .main-navigation ul:not(.sub-menu) li.current_page_item a,
  .main-navigation ul:not(.sub-menu) li a:hover {
    background-color: var(--terciary-color) !important;
    color: var(--primary-color) !important;
    text-decoration: none !important;
  }
  .main-navigation.toggled li.focus > ul.sub-menu {
    left: -11rem !important;
    top: 0%;
  }
  .main-navigation ul.sub-menu li a {
    padding: 0.3rem 1rem !important;
  }

  .main-navigation .menu-toggle {
    border: unset;
    border-color: unset;
    border-radius: unset;
    background: unset;
    color: unset;
    line-height: unset;
    padding: unset;
    background-color: transparent;
    float: right;
    cursor: pointer;
  }
  .main-navigation .menu-toggle .stripe-1,
  .main-navigation .menu-toggle .stripe-2,
  .main-navigation .menu-toggle .stripe-3 {
    background-color: var(--terciary-color);
    margin: 0.25rem 0;
    height: 0.25rem;
    width: 1.5rem;
    border-radius: 9999px;
    transition: all ease 500ms;
    opacity: 1;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transform: translate(0, 0) rotate(0) skew(0) skewY(0) scaleX(1) scaleY(1);
  }
  .main-navigation.toggled .menu-toggle .stripe-1 {
    transform: translate(0, 0.25rem) rotate(45deg) skew(0) skewY(0) scaleX(1)
      scaleY(1);
  }
  .main-navigation.toggled .menu-toggle .stripe-2 {
    opacity: 0;
  }
  .main-navigation.toggled .menu-toggle .stripe-3 {
    transform: translate(0, -0.75rem) rotate(-45deg) skew(0) skewY(0) scaleX(1)
      scaleY(1);
  }
  .main-navigation.toggled .menu-principal-container {
    background-color: var(--primary-color);
    border-radius: 5px;
    border: 1px solid var(--terciary-color) !important;
  }
  .main-navigation.toggled #primary-menu {
    padding: 0.5rem 0;
  }
  .main-navigation.toggled .menu-principal-container {
    display: none !important;
  }

  /* NEW RESPONSIVE MENU */
  .menu-responsive-mobile {
    background-color: var(--secondary-color);
    padding: 2rem;
    position: absolute;
    width: 100%;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(22, 22, 22, 1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(22, 22, 22, 1);
    box-shadow: 0px 10px 15px 0px rgba(22, 22, 22, 1);
  }
  .menu-responsive-mobile .social-networks-pixelian {
    margin-top: 2rem;
  }
  .menu-responsive-mobile ul {
    margin: 0;
    padding: 0;
  }
  .menu-responsive-mobile ul li {
    list-style: none;
  }
  .menu-responsive-mobile ul li.menu-item-has-children > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .menu-responsive-mobile ul li.menu-item-has-children a::after {
    content: "";
    width: 30px;
    height: 30px;
    background-position: center center;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    transition: all ease-in-out 300ms;
  }
  .menu-responsive-mobile ul li.menu-item-has-children:not(.expanded) a::after {
    background-image: url("./media/images/plus.svg");
  }
  .menu-responsive-mobile ul li.menu-item-has-children.expanded a::after {
    transform: rotate(360deg);
    background-image: url("./media/images/minus-pink.svg");
    background-size: 22px;
  }
  .menu-responsive-mobile ul li + li {
    margin-top: 1rem;
  }
  .menu-responsive-mobile ul li a {
    color: var(--terciary-color);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.2rem;
  }
  .menu-responsive-mobile ul li.current-menu-parent > a,
  .menu-responsive-mobile ul li.current-menu-item a,
  .menu-responsive-mobile ul li a:hover {
    color: var(--primary-color);
  }
  .menu-responsive-mobile ul li ul.sub-menu {
    display: none;
    padding: 1rem 0 1rem 2rem;
  }
  .menu-responsive-mobile ul li.current-menu-parent ul.sub-menu {
    display: block;
  }
  .menu-responsive-mobile ul li ul.sub-menu > li {
    border-bottom: 2px solid var(--primary-color);
    padding-bottom: 0.5rem;
  }
}

@media screen and (min-width: 1351px) {
  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: flex !important;
  }
  .main-navigation ul.sub-menu {
    flex-direction: column;
  }
  .menu-responsive-mobile {
    display: none !important;
  }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.post,
.page {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}

.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;

  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;

  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/*===========================================================*/
/*=====================  CODETEC  ===========================*/
/*===========================================================*/

* {
  font-family: var(--theme-font-family);
  font-weight: 400;
  max-width: 100%;
}

::selection {
  color: var(--terciary-color);
  background: var(--primary-color);
}

#page {
  color: var(--terciary-color);
}

h1,
h2,
h3 {
  font-weight: bold;
}

a {
  text-decoration: none !important;
}
a:visited {
  color: var(--terciary-color);
}

/*===================== COOKIES =========================*/
#configurar-cookies .cli_setting_save_button {
  color: var(--secondary-color);
  background-color: var(--primary-color);
  border-radius: 25px;
}
#configurar-cookies .cli-switch input:checked + .cli-slider {
  background-color: var(--primary-color);
}
#configurar-cookies table.cookielawinfo-winter thead th {
  background: var(--primary-color);
}
#configurar-cookies table.cookielawinfo-winter tbody tr {
  background: #fff;
}
#configurar-cookies table.cookielawinfo-winter {
  color: var(--terciary-color);
}
.page-politica-de-cookies .alert {
  margin-top: 2rem;
}
/*===================== END COOKIES =====================*/
/*===================== ALERT =========================*/
.alert {
  padding: 1rem;
  border-radius: 10px;
}
.alert-primary {
  background-color: var(--primary-color);
  color: var(--secondary-color);
}
.alert-danger {
  background-color: #eb2d2d;
  color: var(--secondary-color);
}

/*===================== END ALERT =====================*/

/*===================== HEADER =========================*/

.header-container {
  position: sticky;
  top: 0;
  z-index: 9999;
}
.header-container #masthead {
  background-color: var(--primary-color);
  border-bottom: 2px solid var(--terciary-color);
}
.header-container .menu-responsive-mobile {
  display: none;
}

.header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 2rem;
}
.header-wrapper .logo-wrapper a {
  text-decoration: none;
  color: var(--terciary-color);
}
.header-wrapper .logo-wrapper .header-logo {
  max-width: 150px;
}
.header-wrapper h2 {
  margin: 0;
  font-size: 2rem;
}

/* SOCIAL NETWORKS */
.social-networks-pixelian {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.social-networks-pixelian a img {
  width: 30px;
  transition: all ease-in-out 300ms;
}
.social-networks-pixelian a:hover img {
  transform: scale(1.2);
}

/*===================== FOOTER =========================*/
footer.site-footer {
  background-color: var(--primary-color);
  /* border-top: 2px solid var(--terciary-color); */
}
footer.site-footer .site-info {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 2rem;
  padding: 2rem;
}

footer.site-footer .site-info .footer-area-1 figure img {
  max-width: 200px;
}
footer.site-footer .site-info .footer-area-2 figure img {
  max-width: 180px;
}
footer.site-footer .site-info .footer-area-3 figure img {
  max-width: 210px;
}

footer.site-footer .site-info figure,
footer.site-footer .site-info .footer-area-2 p,
footer.site-footer .site-info .footer-area-3 p,
footer.site-footer .site-info .footer-area-4 p,
footer.site-footer .site-info .footer-area-5 p {
  margin: 0;
}
footer.site-footer .site-info .footer-area-5 a,
footer.site-footer .site-info .footer-area-6 a,
footer.site-footer .site-info .footer-area-7 a {
  color: var(--terciary-color);
  text-decoration: none;
  font-weight: 400;
  transition: all ease-in-out 300ms;
}
footer.site-footer .site-info .footer-area-5 a:hover,
footer.site-footer .site-info .footer-area-6 a:hover,
footer.site-footer .site-info .footer-area-7 a:hover {
  text-decoration: underline !important;
}

footer.site-footer .site-info .footer-area-5 > div {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
footer.site-footer .site-info .footer-area-5 > div > figure {
  align-self: unset;
}
footer.site-footer .site-info .footer-icon figure img {
  width: 18px !important;
}
footer.site-footer .site-info .footer-icon .wp-block-media-text__content {
  padding: 0 !important;
}

/*====================== PAGES  ===========================*/

main:not(.page-newsletter main) {
  background-color: var(--secondary-color);
}

body.page .entry-header .entry-title,
body.tax-news_category .entry-header .entry-title,
body.tax-postgraduates_category .entry-header .entry-title,
body.tax-courses_category .entry-header .entry-title {
  font-size: 3rem;
  text-transform: uppercase;
  margin-top: 60px;
}

.page-template-default .post-thumbnail img {
  object-fit: cover;
  width: 100%;
  /* height: 550px; */
  aspect-ratio: 4/1;
}

main.site-main article {
  margin-bottom: 0;
}

main.site-main article .entry-content {
  margin-top: 0;
}

.vc_row-fluid.content:not(.home-header) {
  padding: 0 1rem;
}

.content-section {
  padding: 4.5rem 1rem !important;
}
.content-section.seguido-arriba {
  padding-top: 0 !important;
}
.content-section > div {
  border-top: 2px solid var(--terciary-color);
}
.content-section h2 {
  font-size: 3rem;
  margin-top: 10px !important;
}
.content-section h1,
.content-section h2,
.content-section h3,
.content-section h4,
.content-section h5,
.content-section h6 {
  margin: 0;
}

/*HOME*/
.page-inicio .home-header .header-title {
  padding: 0 1rem;
}
.page-inicio .home-header p.home-title {
  font-size: 8rem;
  line-height: 1;
  margin: 0;
  margin-top: 1rem;
  text-transform: uppercase;
  font-weight: bold;
}
.page-inicio .home-header h5 {
  font-size: 3rem;
  font-weight: 200;
  line-height: 1;
  margin-top: 0;
  margin: 0;
}
.page-inicio .home-header .header-anchor-wrapper {
  display: flex;
  justify-content: end;
}
.page-inicio .home-header a.header-anchor {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  text-decoration: none;
  color: var(--terciary-color);
}
.page-inicio .home-header .header-anchor img {
  width: 4rem;
}

.page-inicio main {
  background-color: var(--secondary-color);
}

.page-inicio .master-column {
  cursor: pointer;
  overflow: hidden;
}
.master-column .wpb_text_column {
  padding-top: 150px;
  padding-left: 100px;
}
.page-inicio .master-column > .vc_column-inner {
  transition: all ease-in-out 300ms;
  /* background-size: 100% !important; */
}
/* .page-inicio .master-column:hover > .vc_column-inner {
  transform: scale(1.2);
  background-size: 125% !important;
} */

.page-inicio p.section-title {
  margin: 0;
  text-transform: uppercase;
  font-size: 8rem;
  font-weight: bold;
}

.page-inicio .entry-content .content-section-1 {
  padding-bottom: 0 !important;
}

.page-inicio .post-list {
  width: 60%;
  float: right;
}

.page-inicio .carousel-element,
.carousel-element.mobile {
  display: none;
}

/* ALUMNADO */
.page-servicio-atencion-alumnado-orientacion
  .financiacion-container
  .vc_column_container:last-child {
  padding: 0;
}
.page-servicio-atencion-alumnado-orientacion
  .financiacion-text
  > .vc_column_container:last-child {
  align-items: flex-start !important;
}
.page-servicio-atencion-alumnado-orientacion
  .financiacion-text
  > .vc_column_container:last-child
  .vc_custom_1705924858663 {
  padding: 2rem 0;
}

.page-servicio-atencion-alumnado-orientacion
  .financiacion-container
  > .vc_col-sm-6:last-child
  > .vc_column-inner,
.page-servicio-atencion-alumnado-orientacion
  .financiacion-container
  > .vc_col-sm-6:last-child
  > .vc_column-inner
  .wpb_wrapper,
.page-servicio-atencion-alumnado-orientacion
  .financiacion-container
  > .vc_col-sm-6:last-child
  > .vc_column-inner
  .wpb_wrapper
  .wpb_single_image,
.page-servicio-atencion-alumnado-orientacion
  .financiacion-container
  > .vc_col-sm-6:last-child
  > .vc_column-inner
  .wpb_wrapper
  .wpb_single_image
  figure,
.page-servicio-atencion-alumnado-orientacion
  .financiacion-container
  > .vc_col-sm-6:last-child
  > .vc_column-inner
  .wpb_wrapper
  .wpb_single_image
  figure
  > div,
.page-servicio-atencion-alumnado-orientacion
  .financiacion-container
  > .vc_col-sm-6:last-child
  > .vc_column-inner
  .wpb_wrapper
  .wpb_single_image
  figure
  > div
  > img {
  height: 100%;
}

/* CONTACTO */
.page-contacto .contact-items p {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.wpforms-field-container input[type="checkbox"]::before {
  border-color: var(--primary-color) !important;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  border-radius: 3px;
}
.wpforms-field-container input[type="checkbox"]:checked::before {
  margin: 0;
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 1px var(--primary-color), 0px 1px 2px rgba(0, 0, 0, 0.15) !important;
  background-color: var(--primary-color) !important;
}
.wpforms-field-container input[type="checkbox"]:focus::before {
  border: 1px solid var(--primary-color);
  box-shadow: 0 0 0 1px var(--primary-color), 0px 1px 2px rgba(0, 0, 0, 0.15);
}
.wpforms-field-container input[type="checkbox"]:checked::after {
  border-left: 4px solid var(--secondary-color) !important;
  border-bottom: 4px solid var(--secondary-color) !important;
  background-color: transparent !important;
}

/* CAROUSEL MOBILE IN PAGES */
.carousel-mobile {
  display: none;
}

/*===============  INSCRIPCIONES / ENCUENTROS /SOLICITUDES  ========================*/
.page-inscripcion-cursos main,
.page-asistencia-encuentros main,
.page-baja-actividad main,
.page-solicitud-informacion main {
  background-color: var(--secondary-color);
}
.page-inscripcion-cursos .page-header .overlay,
.page-asistencia-encuentros .page-header .overlay,
.page-baja-actividad .page-header .overlay,
.page-solicitud-informacion .page-header .overlay {
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.8),
    rgba(0, 0, 0, 0) 70%
  );
  background-position: center;
  background-size: cover;
  height: inherit;
  width: inherit;
}
.page-inscripcion-cursos .page-header .overlay .container,
.page-asistencia-encuentros .page-header .overlay .container,
.page-baja-actividad .page-header .overlay .container,
.page-solicitud-informacion .page-header .overlay .container {
  padding: 4rem 0;
}
.page-inscripcion-cursos .page-header .overlay .container h1,
.page-asistencia-encuentros .page-header .overlay .container h1,
.page-baja-actividad .page-header .overlay .container h1,
.page-solicitud-informacion .page-header .overlay .container h1 {
  margin: 0;
  color: var(--secondary-color);
  font-size: 50px;
  line-height: 1;
}
.page-inscripcion-cursos .page-content,
.page-asistencia-encuentros .page-content,
.page-baja-actividad .page-content,
.page-solicitud-informacion .page-content {
  padding: 70px 0;
}

.page-inscripcion-cursos .page-content .intro,
.page-asistencia-encuentros .page-content .intro,
.page-baja-actividad .page-content .intro,
.page-solicitud-informacion .page-content .intro {
  font-size: 1.2rem;
  margin-bottom: 70px;
}

/* FORM */
.page-inscripcion-cursos form .form-fields,
.page-asistencia-encuentros form .form-fields,
.page-solicitud-informacion form .form-fields {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page-inscripcion-cursos .input-group,
.page-asistencia-encuentros .input-group,
.page-solicitud-informacion .input-group {
  padding: 15px 0;
}
.page-inscripcion-cursos .input-group label,
.page-asistencia-encuentros .input-group label,
.page-solicitud-informacion .input-group label {
  display: block;
  font-weight: 700;
  font-style: normal;
  word-break: break-word;
  word-wrap: break-word;
  margin-bottom: 15px;
  font-size: 1.2rem;
}
.page-inscripcion-cursos .input-group input,
.page-asistencia-encuentros .input-group input,
.page-solicitud-informacion .input-group input {
  display: block;
  width: 100%;
  border: 0 !important;
  color: var(--terciary-color);
  border-bottom: 2px solid var(--terciary-color) !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  transition: all ease-in-out 300ms !important;
  padding-left: 0 !important;
  padding: 0 14px;
  height: 43px;
  transition: all ease-in-out 300ms;
}
.page-inscripcion-cursos .input-group input:focus-visible,
.page-asistencia-encuentros .input-group input:focus-visible,
.page-solicitud-informacion .input-group input:focus-visible {
  outline: 0 !important;
  border-bottom-color: var(--primary-color) !important;
}
.page-solicitud-informacion .input-group textarea {
  border: 0 !important;
  color: var(--terciary-color);
  border-bottom: 2px solid var(--terciary-color) !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  height: 43px;
  transition: all ease-in-out 300ms !important;
  padding-left: 0 !important;
}
.page-solicitud-informacion .input-group textarea:focus-visible {
  border: 0 !important;
  box-shadow: none !important;
  border-bottom: 2px solid var(--primary-color) !important;
  outline: 0 !important;
}
.page-inscripcion-cursos form button[type="submit"],
.page-asistencia-encuentros form button[type="submit"],
.page-solicitud-informacion form button[type="submit"] {
  font-size: 1.2rem;
  color: var(--secondary-color);
  background-color: var(--primary-color);
  text-transform: uppercase;
  font-weight: bold;
  padding: 0.7rem 2.8rem;
  border: 2px solid var(--primary-color);
  border-radius: 10px;
  transition: all ease-in-out 300ms;
  cursor: pointer;
}
.page-inscripcion-cursos form button[type="submit"]:hover,
.page-asistencia-encuentros form button[type="submit"]:hover,
.page-solicitud-informacion form button[type="submit"]:hover {
  background-color: transparent;
  color: var(--primary-color);
}
.page-inscripcion-cursos form .legal-advise,
.page-asistencia-encuentros form .legal-advise,
.page-solicitud-informacion form .legal-advise {
  display: flex;
  gap: 1rem;
  padding-top: 2rem;
  align-items: center;
}
.page-inscripcion-cursos form .legal-advise input,
.page-asistencia-encuentros form .legal-advise input,
.page-solicitud-informacion form .legal-advise input {
  position: relative;
  display: inline-block;
  background: none;
  width: 16px;
  height: 16px;
  margin: 0 0 0 2px;
  border: none;
  box-shadow: none;
  vertical-align: middle;
  opacity: 1;
  appearance: none;
}
.page-inscripcion-cursos form .legal-advise input::before,
.page-asistencia-encuentros form .legal-advise input::before,
.page-solicitud-informacion form .legal-advise input::before {
  border-width: 2px;
  border-style: solid;
  border-color: var(--primary-color);
  background-color: var(--secondary-color);
  background-image: none;
  border-radius: 3px;
}
.page-inscripcion-cursos form .legal-advise input::before,
.page-asistencia-encuentros form .legal-advise input::before,
.page-solicitud-informacion form .legal-advise input::before,
.page-inscripcion-cursos form .legal-advise input:after,
.page-asistencia-encuentros form .legal-advise input:after,
.page-solicitud-informacion form .legal-advise input:after {
  content: "";
  position: absolute;
  left: -2px;
  top: -2px;
  width: 16px;
  height: 16px;
  box-sizing: content-box;
  cursor: pointer;
}
.page-inscripcion-cursos form .legal-advise input:after,
.page-asistencia-encuentros form .legal-advise input:after,
.page-solicitud-informacion form .legal-advise input:after {
  left: 0;
  top: 0;
}
.page-inscripcion-cursos form .legal-advise input:checked::before,
.page-asistencia-encuentros form .legal-advise input:checked::before,
.page-solicitud-informacion form .legal-advise input:checked::before {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 1px var(--primary-color), 0px 1px 2px rgba(0, 0, 0, 0.15) !important;
  background-color: var(--primary-color) !important;
}
.page-inscripcion-cursos form .legal-advise input:checked::after,
.page-asistencia-encuentros form .legal-advise input:checked::after,
.page-solicitud-informacion form .legal-advise input:checked::after {
  border-top: none;
  border-right: none;
  height: calc(1rem * 0.6);
  background-color: transparent;
  transform: translate(-2px, -1px) scale(0.5) rotate(-45deg);
  border-left: 4px solid var(--secondary-color) !important;
  border-bottom: 4px solid var(--secondary-color) !important;
}

.page-inscripcion-cursos form .submit-container,
.page-asistencia-encuentros form .submit-container,
.page-solicitud-informacion form .submit-container {
  text-align: center;
  padding: 4rem 0 2rem 0;
}

/*===== PROFESORES EN CURSOS Y MASTERS ================*/
/* .profesorado-list {
  padding: 70px 0;
}
.profesor-item + .profesor-item {
  margin-top: 2.5rem;
}
.profesor-item img {
  min-width: 200px;
  max-width: 200px;
  width: 200px;
  aspect-ratio: 1;
  object-fit: cover;
  border: 2px solid #cdcdcd;
} */
/* .profesor-item .content a {
  line-height: 1;
}
.profesor-item .content a h5 {
  padding-top: 0 !important;
} */

/* .profesor-item .content h4 {
  font-weight: bold;
  margin-bottom: 10px;
} */

/* .profesor-container {
  display: flex;
  align-items: flex-start;
  gap: 5rem;
} */

/*==================  PAGINATION  =========================*/
.navigation.pagination {
  text-align: center;
  padding-top: 30px;
}
.navigation.pagination a {
  padding: 5px;
}
.navigation.pagination a:hover {
  color: var(--primary-color);
}
.navigation.pagination span.current {
  background-color: var(--primary-color);
  padding: 5px;
  color: #fff;
  border-radius: 5px;
}

/*=================  YOUTUBE HEADER  ==================*/
.vc_video-bg-container {
  position: relative;
}
.vc_video-bg-iframe {
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
}
.vc_video-bg-container .container {
  position: relative;
}
.vc_video-bg-container .title-content {
  padding: 6rem 0;
}
/*====================== CLASES ===========================*/

/*COLORES Y FONDOS*/
.bg-primary {
  background-color: var(--primary-color);
}
.bg-secondary {
  background-color: var(--secondary-color);
}
.bg-terciary {
  background-color: var(--terciary-color);
}

.text-primary {
  color: var(--primary-color);
}
.text-secondary {
  color: var(--secondary-color);
}
.text-terciary {
  color: var(--terciary-color);
}
.text-white {
  color: #fff;
}

.pixelian-link {
  color: var(--terciary-color) !important;
  transition: color ease-in-out 300ms;
}
.pixelian-link:hover {
  color: var(--primary-color) !important;
}

.primary-link {
  color: var(--primary-color);
  text-decoration: none;
  font-weight: 500;
  transition: all ease-in-out 300ms;
}
.primary-link:visited,
.primary-link:active,
.primary-link:focus {
  color: var(--primary-color);
  text-decoration: none;
  font-weight: 500;
  transition: color ease-in-out 300ms;
}
.primary-link:hover {
  color: var(--terciary-color) !important;
}
.white-link,
.white-link:visited,
.white-link:active,
.white-link:focus {
  color: var(--secondary-color);
  transition: all ease-in-out 300ms;
}
.white-link:hover,
.white-link:visited:hover,
.white-link:active:hover,
.white-link:focus:hover {
  color: var(--secondary-color);
  text-decoration: underline !important;
}

/* BUTTONS */
.pixelian-btn {
  font-size: 1.2rem;
  color: var(--secondary-color) !important;
  background-color: var(--primary-color);
  text-transform: uppercase;
  font-weight: bold !important;
  padding: 0.3rem 2.5rem;
  border: 2px solid var(--primary-color) !important;
  border-radius: 10px;
  transition: all ease-in-out 300ms;
}
.pixelian-btn:hover {
  color: var(--primary-color) !important;
  background-color: transparent;
}
.pixelian-btn:active,
.pixelian-btn:focus,
.pixelian-btn:focus-visible {
  color: var(--secondary-color) !important;
}
.pixelian-btn:active:hover,
.pixelian-btn:focus:hover,
.pixelian-btn:focus-visible:hover {
  color: var(--primary-color) !important;
}

.pixelian-gray-btn {
  font-size: 1.2rem;
  color: var(--secondary-color) !important;
  background-color: #afafaf;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0.3rem 2.5rem;
  border: 2px solid #afafaf;
  border-radius: 10px;
  transition: all ease-in-out 300ms;
}
.pixelian-gray-btn:hover {
  color: #afafaf !important;
  background-color: transparent;
}

/* LOADERS */
.loader {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: relative;
  animation: rotate 1s linear infinite;
}
.loader::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  inset: 0px;
  border-radius: 50%;
  border: 3px solid var(--terciary-color);
  animation: prixClipFix 2s linear infinite;
}

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

@keyframes prixClipFix {
  0% {
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
  }
  25% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
  }
  50% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
  }
  75% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
  }
  100% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
  }
}

/* TEXTO */
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.font-bold {
  font-weight: 600;
}
.text-center {
  text-align: center;
}

/*DISPLAY Y POSICIONAMIENTO*/
.flex {
  display: flex !important;
}
.block {
  display: block !important;
}

.flex-row {
  flex-direction: row !important;
}
.flex-col {
  flex-direction: column !important;
}

.items-center {
  align-items: center !important;
}
.justify-between {
  justify-content: space-between !important;
}
.justify-around {
  justify-content: space-around !important;
}

/* BORDES */
.border-terciary {
  border: 1px solid var(--terciary-color);
}
.no-border-left {
  border-left: 0;
}
.no-border-right {
  border-right: 0;
}
.no-border-top {
  border-top: 0;
}
.no-border-bottom {
  border-bottom: 0;
}

/* LISTAS */
ul.margin-left,
ol.margin-left {
  padding-left: 50px !important;
}

/*ELEMENTOS*/
.separator {
  width: 100%;
  height: 2px;
  background-color: var(--terciary-color);
  margin: 1.2rem 0;
}
.separator.min {
  height: 1px;
  margin: 0.8rem 0;
}

.rose-diamond {
  width: 10px;
  height: 10px;
  background-color: var(--primary-color);
  transform: rotate(45deg);
}

.see-all-link {
  display: flex;
  align-items: center;
  gap: 2rem;
  color: var(--terciary-color);
  font-size: 2rem;
  font-weight: 400;
  transition: all ease-in-out 300ms;
}
.see-all-link div.arrow-right {
  background-color: var(--terciary-color);
  mask: url("./svg/arrow.svg") no-repeat center / contain;
  -webkit-mask: url("./svg/arrow.svg") no-repeat center / contain;
  transition: all ease-in-out 300ms;
}
.see-all-link:hover {
  color: var(--primary-color);
}
.see-all-link:hover div.arrow-right {
  background-color: var(--primary-color);
}

.mas-info {
  color: #fff !important;
  padding: 0.2rem 1rem;
  background-color: var(--primary-color);
  border: 2px solid var(--primary-color);
  border-radius: 10px;
  transition: color ease-in-out 300ms;
  /* text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.49); */
}
.mas-info:hover {
  color: var(--terciary-color) !important;
}

/*DROPDOWN*/
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown .dropdown-btn {
  background-color: transparent;
  color: var(--terciary-color);
  border: none;
  cursor: pointer;
  font-weight: bold;
  padding: 8px 0;
}
.dropdown .dropdown-btn img {
  vertical-align: middle;
  width: 25px;
}
.dropdown .arrow {
  display: none;
  background-color: var(--primary-color);
  border-left: 1px solid var(--terciary-color);
  border-top: 1px solid var(--terciary-color);
  height: 8px;
  position: absolute;
  transform: translate(-50%, 50%) rotate(45deg);
  width: 8px;
  z-index: 9991;
  top: 1.5rem;
  right: 0;
  left: 0;
  margin: auto;
}
.dropdown .dropdown-content {
  display: none;
  position: absolute;
  background-color: var(--primary-color);
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.4);
  z-index: 999;
  left: 0;
  right: 0;
  top: 2rem;
  border: 1px solid var(--terciary-color);
  border-radius: 5px;
  padding: 10px 0;
}
.dropdown .dropdown-content a {
  color: var(--terciary-color);
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown .dropdown-content a:hover,
.dropdown .dropdown-content a.selected {
  background-color: var(--terciary-color);
  color: var(--secondary-color);
}

.dropdown:hover .dropdown-content,
.dropdown:hover .arrow {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}

/* CURSORES */
.cursor-pointer {
  cursor: pointer;
}

/* IMG */
.object-fit-cover,
.object-fit-cover img {
  object-fit: cover;
  width: 100%;
}
.object-fit-cover figure,
.object-fit-cover .vc_single_image-wrapper {
  width: 100%;
}

/* INPUT */
.hidden,
.hidden-input {
  display: none;
}

.visibility-hidden {
  visibility: hidden;
}

.franja-primary {
  padding: 20px;
  background-color: var(--primary-color);
}

/* MARGIN */
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
/* MAX WIDTH */
.max-w-250 {
  max-width: 250px;
}
/*==================== COMPONENTES =====================*/
.module-cta p > a.black-link {
  text-align: center;
  margin: 0 auto;
}

.home-cta .vc_column-inner {
  display: block !important;
  height: 100%;
}
.home-cta .vc_column-inner .wpb_wrapper,
.home-cta .vc_column-inner .wpb_wrapper .wpb_raw_code,
.home-cta .vc_column-inner .wpb_wrapper .wpb_raw_code .wpb_wrapper,
.home-cta .vc_column-inner .wpb_wrapper .wpb_raw_code .wpb_wrapper .cta-text {
  height: 100%;
}
.home-cta .vc_column-inner .wpb_wrapper .wpb_raw_code .wpb_wrapper .cta-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.home-cta .cta-title {
  margin: 0 !important;
  font-size: 3rem;
}
.home-cta .cta-text .cta-paragraph-big {
  margin: 0;
  line-height: 1.2;
  font-size: 3rem;
}
.home-cta .cta-text a {
  color: var(--terciary-color);
  text-decoration: none;
  font-size: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home-cta .cta-text a img {
  width: 2rem;
}

/* CTA */

.cta-info-visita {
  padding: 17px 0;
}
.cta-info-visita .vc_col-sm-6 {
  padding: 8px 0;
}
.cta-info-visita .vc_col-sm-6:first-child {
  border-right: 3px solid var(--terciary-color);
}
.cta-info-visita a {
  font-weight: 500;
  margin: 0 3rem;
  color: var(--terciary-color) !important;
}
.cta-info-visita a:hover {
  text-decoration: underline !important;
  text-underline-offset: 4px;
}

/* END CTA */

/*Posicionamiento contenido según clases*/
.row-column-space-between {
  height: 100%;
}
.row-column-space-between .vc_column-inner .wpb_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/*POST LIST*/
.post-list .post-list-item {
  border-bottom: 1px solid var(--terciary-color);
  padding: 1rem 0.5rem;
  position: relative;
}
.post-list .post-list-item:first-child {
  border-top: 1px solid var(--terciary-color);
}
.page .post-categories,
.single-noticias .post-categories,
.tax-news_category .post-categories,
.postgraduates-list .postgraduate-categories,
.courses-list .course-categories {
  display: flex;
  align-items: center;
}
.page .post-categories a,
.single-noticias .post-categories a,
.tax-news_category .post-categories a,
.postgraduates-list .postgraduate-categories a,
.courses-list .course-categories a,
.postgraduates-list-mobile .postgraduate-categories a,
.courses-list-mobile .course-categories a {
  color: var(--primary-color);
  transition: all ease-in-out 500ms;
}
.page .post-categories a:hover,
.single-noticias .post-categories a:hover,
.tax-news_category .post-categories a:hover,
.postgraduates-list .postgraduate-categories a:hover,
.courses-list .course-categories a:hover,
.postgraduates-list-mobile .postgraduate-categories a:hover,
.courses-list-mobile .course-categories a:hover {
  color: var(--terciary-color);
}
.page .post-categories a[rel="tag"]:not(:first-child):before,
.single-noticias .post-categories a:not(:first-child):before,
.tax-news_category .post-categories a:not(:first-child):before,
.postgraduates-list .postgraduate-categories a:not(:first-child):before,
.courses-list .course-categories a:not(:first-child):before {
  content: "/";
  padding: 0 0.4rem;
}
.post-list .post-list-item .title {
  font-size: 1.7rem;
  max-width: 55%;
  line-height: 1;
  margin-top: 15px;
  color: var(--terciary-color);
  transition: all ease-in-out 500ms;
}
.post-list .post-list-item .arrow-right {
  position: absolute;
  top: 41%;
  right: 0;
}

/*POSTGRADUATES / COURSES LIST */
.courses-list-wrapper > .wpb_column.vc_column_container.vc_col-sm-12 {
  display: none;
}
.courses-list-parent,
.roller-list-parent {
  position: relative;
}
.courses-list-parent > .prev-container > .prev,
.roller-list-parent > .prev-container > .prev,
.courses-list-parent > .next-container > .next,
.roller-list-parent > .next-container > .next {
  display: inline-block;
  height: 16px;
  width: 18.5px;
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  cursor: pointer;
  opacity: 1;
  margin-top: 6px;
}
.courses-list-parent > span.prev-container,
.roller-list-parent > span.prev-container {
  position: absolute;
  top: 50%;
  left: 2rem;
  transform: translateY(-50%);
  background-color: #e5007e;
  padding: 0.7rem 1rem;
  border-radius: 99px;
  z-index: 999;
}
.courses-list-parent > .prev-container > span.prev,
.roller-list-parent > .prev-container > span.prev {
  background-image: url("./media/images/white-arrow-left.svg");
}
.courses-list-parent > span.next-container,
.roller-list-parent > span.next-container {
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
  background-color: #e5007e;
  padding: 0.7rem 1rem;
  border-radius: 99px;
  z-index: 999;
}
.courses-list-parent > .next-container > span.next,
.roller-list-parent > .next-container > span.next {
  background-image: url("./media/images/white-arrow-right.svg");
}
.courses-list,
.roller-list {
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  scrollbar-width: none;
}
.courses-list::-webkit-scrollbar,
.roller-list::-webkit-scrollbar {
  display: none;
}
.course-list-item {
  min-width: 450px;
  height: 400px;
  overflow: hidden;
  position: relative;
}
.carousel-inner .course-link {
  width: 100%;
}
.roller-list img {
  min-width: 450px;
  max-width: 450px;
  aspect-ratio: 1;
}
.carousel-inner .course-list-item {
  min-width: unset;
  width: 100%;
  aspect-ratio: 1;
  height: unset;
  overflow: hidden;
  position: relative;
}
.course-list-item .text-content {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  right: 1rem;
}
.course-list-item .item-background {
  height: 100%;
  width: 100%;
  transition: all ease-in-out 0.75s;
}
.course-list-item .overlay {
  height: inherit;
  width: inherit;
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.8),
    rgba(0, 0, 0, 0) 70%
  );
  padding: 1rem;
  display: flex;
  align-items: flex-end;
}
.courses-list .course-list-item h3,
.carousel-inner .course-list-item h3 {
  color: var(--secondary-color);
  transition: color ease-in-out 300ms;
  font-size: 2.2rem;
  line-height: 1;
  margin: 0;
  /* text-shadow: 1px 1px 2px rgba(255, 255, 255, 1); */
}
.courses-list .course-list-item .course-categories,
.carousel-inner .course-list-item .course-categories,
.courses-list .course-list-item .course-categories a,
.carousel-inner .course-list-item .course-categories a {
  color: var(--primary-color);
}
.courses-list .course-list-item .course-date,
.carousel-inner .course-list-item .course-date {
  color: var(--primary-color);
}
.courses-list .course-link,
.carousel-inner .course-link {
  cursor: pointer;
}
.courses-list .course-link:hover .course-list-item > .item-background,
.carousel-inner .course-link:hover .course-list-item > .item-background {
  transform: scale(1.1);
}

/* PLANTILLA BASE ==> ALQUILER EQUIPAMIENTO */
/* HEADER */
.page-template-template-base .page-header .overlay {
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.8),
    rgba(0, 0, 0, 0) 70%
  );
  background-position: center;
  background-size: cover;
}
.page-template-template-base .title-wrapper {
  padding: 120px 0;
}
.page-template-template-base h1 {
  margin: 0;
  font-size: 70px;
  text-transform: uppercase;
  color: var(--secondary-color);
  line-height: 1.2;
  max-width: 65%;
  hyphens: auto;
}
.page-template-template-base h2 {
  margin: 0;
  margin-top: 30px;
  color: #fff;
  font-size: 30px;
}
.page-template-template-base .page-content {
  padding: 70px 0 100px 0;
}

/* FORM */
.equipment-form-loader-wrapper {
  text-align: center;
}
.equipment-form-loader {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  border: 2px solid var(--terciary-color);
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.equipment-form-loader::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  left: 4px;
  top: 4px;
  border: 2px solid var(--primary-color);
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
#alquiler_equipamiento_form {
  border: 2px solid var(--primary-color);
  padding: 30px;
  border-radius: 15px;
}
#alquiler_equipamiento_form h3 {
  color: var(--primary-color);
  text-transform: uppercase;
  font-size: 25px;
  margin: 0;
  margin-bottom: 20px;
}
#alquiler_equipamiento_form .form-group label,
#alquiler_equipamiento_form .form-group input {
  display: block;
  width: 100%;
}
#alquiler_equipamiento_form .form-group label {
  margin-bottom: 5px;
}
#alquiler_equipamiento_form .form-group label:not(.item-equipamiento label) {
  font-weight: 500;
}
#alquiler_equipamiento_form .form-group select {
  border-radius: 3px;
  padding: 5.5px 10px;
  border: 1px solid var(--primary-color);
  width: 100%;
}
#alquiler_equipamiento_form .form-group input,
#alquiler_equipamiento_form .form-group textarea {
  padding: 5px 10px;
  border: 1px solid var(--primary-color);
}
#alquiler_equipamiento_form .form-group input:focus-visible,
#alquiler_equipamiento_form .form-group textarea:focus-visible,
#alquiler_equipamiento_form .form-group select:focus-visible {
  outline-color: var(--primary-color);
}
#alquiler_equipamiento_form .form-group + .form-group {
  margin-top: 20px;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: var(--primary-color) !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: var(--primary-color) !important;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
  -webkit-box-shadow: -10px 0 0 rgba(229, 0, 126, 0.5) !important;
  box-shadow: -10px 0 0 rgba(229, 0, 126, 0.5) !important;
}
#alquiler_equipamiento_form .item-equipamiento {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
#alquiler_equipamiento_form .item-equipamiento .select-wrapper {
  flex-grow: 1;
}
#alquiler_equipamiento_form .item-equipamiento .input-wrapper {
  flex: 1;
}
#alquiler_equipamiento_form .item-equipamiento a,
#alquiler_equipamiento_form .add-equipment {
  font-weight: 500;
  cursor: pointer;
  transition: color 0.3s ease;
  color: var(--primary-color);
  display: flex;
  gap: 3px;
  align-items: center;
  width: fit-content;
}
#alquiler_equipamiento_form .item-equipamiento a:hover,
#alquiler_equipamiento_form .add-equipment:hover {
  color: var(--terciary-color);
}
#alquiler_equipamiento_form .item-equipamiento a span,
#alquiler_equipamiento_form .add-equipment span {
  font-size: 30px;
}
#alquiler_equipamiento_form button[type="submit"] {
  cursor: pointer;
  font-size: 1.2rem;
  color: var(--secondary-color);
  background-color: var(--primary-color);
  text-transform: uppercase;
  font-weight: bold;
  padding: 0.5rem 2.5rem;
  border: 2px solid var(--primary-color);
  border-radius: 10px;
  transition: all ease-in-out 300ms;
  display: block;
  max-width: 325px;
  margin: 0 auto;
}
#alquiler_equipamiento_form button[type="submit"]:disabled {
  cursor: not-allowed;
  background-color: #e5007e12;
  border-color: #e5007e12;
  color: var(--primary-color);
}
#alquiler_equipamiento_form button[type="submit"]:hover {
  color: var(--primary-color);
  background-color: transparent;
}
#alquiler_equipamiento_form button[type="submit"]:hover:disabled {
  color: #fff;
  background-color: #e5007e12;
  color: var(--primary-color);
}
#alquiler_equipamiento_form .error-box {
  background-color: #f8d7da;
  color: #721c24;
  padding: 20px;
  border-radius: 15px;
  margin-bottom: 20px;
}
#alquiler_equipamiento_form .error-box ul {
  margin-top: 10px;
}
#alquiler_equipamiento_form .message-box {
  padding: 20px;
  border-radius: 15px;
}
#alquiler_equipamiento_form .bg-error {
  background-color: #f8d7da;
  color: #721c24;
}
#alquiler_equipamiento_form .bg-success {
  background-color: #d4edda;
  color: #155724;
}
/* CAROUSEL LOGOS */
.gs_logo_single--wrapper {
  width: auto !important;
}
.gs-logo--img {
  max-height: 65px !important;
  width: auto !important;
}

/* DISCOUNT PANEL */
.discounts-box {
  background-color: var(--primary-color);
  padding: 30px;
  border-radius: 15px;
}
.discounts-box h3,
.discounts-box p {
  margin: 0;
}
.discounts-box h3,
.discounts-box p,
.discounts-list .discount-line strong {
  color: #fff;
}
.discounts-box h3 {
  text-transform: uppercase;
  font-size: 25px;
  margin-bottom: 20px;
}
.discounts-list {
  margin-bottom: 20px;
}
.discounts-list .discount-line {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
}
.discounts-list .discount-line span ´ {
  font-weight: 500;
}
.discounts-list .discount-line strong {
  font-size: 28px;
}
.discounts-box p {
  font-size: 18px;
}

/* SECCION CATEGORIA EQUIPAMIENTO */
.equipment-category-section h3 {
  text-transform: uppercase;
  font-size: 50px;
  font-weight: 500;
  margin: 16px 0;
  padding-left: 30px;
}
.equipment-category-section .equipment-category-section-box {
  padding: 30px;
  background-size: cover;
  background-repeat: no-repeat;
}
.equipment-category-section .equipment-category-section-text {
  color: #fff;
  font-size: 20px;
  max-width: 70%;
  margin-bottom: 30px;
}
.equipment-category-section .equipment-category-section-button {
  background-color: #ba0e7c;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 25px;
  color: #fff;
  padding: 5px 20px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.equipment-category-section .equipment-category-section-button:hover {
  background-color: var(--primary-color);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

/* CAROUSEL LOGOS */
.gs_logo_area .swiper-button-prev,
.gs_logo_area .swiper-button-next {
  background-color: unset;
}
.gs_logo_area .swiper-button-prev svg,
.gs_logo_area .swiper-button-next svg {
  fill: #fff;
}

/* NEWS LIST HOME */
.news-list-wrapper > .wpb_column.vc_column_container.vc_col-sm-12 {
  display: none;
}
.news-list-parent {
  position: relative;
}
.news-list-parent > .prev-container > .prev,
.news-list-parent > .next-container > .next {
  display: inline-block;
  height: 16px;
  width: 18.5px;
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  cursor: pointer;
  opacity: 1;
  margin-top: 6px;
}
.news-list-parent > span.prev-container {
  position: absolute;
  top: 65%;
  left: 2rem;
  transform: translateY(-50%);
  background-color: #e5007e;
  padding: 0.7rem 1rem;
  border-radius: 99px;
  z-index: 999;
}
.news-list-parent > .prev-container > span.prev {
  background-image: url("./media/images/white-arrow-left.svg");
}
.news-list-parent > span.next-container {
  position: absolute;
  top: 65%;
  right: 2rem;
  transform: translateY(-50%);
  background-color: #e5007e;
  padding: 0.7rem 1rem;
  border-radius: 99px;
  z-index: 999;
}
.news-list-parent > .next-container > span.next {
  background-image: url("./media/images/white-arrow-right.svg");
}
.news-list {
  display: flex;
  align-items: flex-end;
  overflow-x: scroll;
  overflow-y: hidden;
  scrollbar-width: none;
}
.news-list::-webkit-scrollbar {
  display: none;
}
.new-list-item {
  min-width: 400px;
  max-width: 400px;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.new-list-item .text-content {
  padding: 0 10px;
}
.new-list-item .background-parent {
  width: 400px;
  height: 350px;
  aspect-ratio: 1;
  overflow: hidden;
}
.carousel-inner .background-parent {
  min-width: unset;
  width: 100%;
  height: 350px;
  aspect-ratio: 1;
  overflow: hidden;
}
.new-list-item .item-background {
  width: inherit;
  height: inherit;
  transition: all ease-in-out 0.75s;
}
.new-list-item .overlay {
  height: inherit;
  width: inherit;
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.8),
    rgba(0, 0, 0, 0) 70%
  );
}
.news-list .new-list-item h3,
.carousel-inner .new-list-item h3 {
  color: var(--terciary-color);
  transition: color ease-in-out 300ms;
  font-size: 1.6rem;
  line-height: 1;
  margin: 0;
  padding: 15px 0;
}
.news-list .new-list-item .new-categories,
.news-list .new-list-item .new-categories a,
.carousel-inner .new-list-item .new-categories,
.carousel-inner .new-list-item .new-categories a {
  color: var(--primary-color) !important;
  font-size: 0.8rem;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  transition: color ease-in-out 300ms;
}
.news-list .new-list-item .new-categories a:hover,
.carousel-inner .new-list-item .new-categories a:hover {
  color: var(--terciary-color) !important;
}
.news-list .new-list-item .new-date,
.carousel-inner .new-list-item .new-date {
  color: var(--primary-color);
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 0.5;
}
.news-list .new-link:hover .item-background,
.carousel-inner .new-link:hover .item-background {
  transform: scale(1.1);
}
.news-list .new-link-title:hover h3,
.carousel-inner .new-link-title:hover h3 {
  color: var(--primary-color);
}
/* END NEWS HOME */

/*CUSTOM ACCORDION*/
.accordions .accordion-item {
  border-bottom: 1px solid var(--terciary-color);
  padding: 1.2rem 0;
}
.accordions .accordion-item:first-child {
  border-top: 1px solid var(--terciary-color);
}
.accordion-item .title-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.accordion-item .title-wrapper h3 {
  font-size: 2.5rem;
  margin: 0;
  font-weight: 500;
}
.accordion-item .title-wrapper p {
  margin: 0;
}
.accordion-item .content-wrapper {
  display: none;
  width: 70%;
}
.accordion-item .content-wrapper p.bigger {
  font-size: 2rem;
  line-height: 1.1;
  font-weight: 400;
  margin-bottom: 25px;
}
.accordion-item .content-wrapper p.bigger span {
  font-weight: 600;
}
.accordion-item .content-wrapper p:not(.bigger) {
  font-size: 1.2rem;
}
.accordion-item .title-wrapper div.arrow-down {
  background-color: var(--terciary-color);
  mask: url("./svg/arrow.svg") no-repeat center / contain;
  -webkit-mask: url("./svg/arrow.svg") no-repeat center / contain;
  transform: rotate(90deg);
  transition: all ease-in-out 300ms;
}

.accordion-item .title-wrapper.active div.arrow-down {
  background-color: var(--primary-color);
  transform: rotate(270deg);
}

/*==================== FORMS =========================*/
.wpforms-container:not(
    .newsletter-form .wpforms-container,
    .newsletter-page-form .wpforms-container
  ) {
  margin-bottom: 100px !important;
}

.wpforms-container form .wpforms-field-container label {
  font-size: 1.2rem;
}

.wpforms-container form input[type="text"],
.wpforms-container form input[type="number"],
.wpforms-container form input[type="email"],
.wpforms-container form textarea,
.wpforms-container form .choices .choices__inner {
  border: 0 !important;
  border-bottom: 2px solid var(--terciary-color) !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  transition: all ease-in-out 300ms !important;
  padding-left: 0 !important;
}

.wpforms-container form .choices.is-open .choices__inner,
.wpforms-container form .choices.is-focused .choices__inner {
  box-shadow: none !important;
}
.wpforms-container form .choices .choices__inner .choices__list--single {
  background-color: transparent !important;
}
.wpforms-container form .choices.is-open .choices__list--dropdown {
  border: 1.5px solid var(--primary-color) !important;
  box-shadow: none !important;
}
.wpforms-container
  form
  .choices.is-open
  .choices__list--dropdown
  .choices__item--selectable.is-highlighted {
  background-color: var(--primary-color) !important;
  color: var(--secondary-color) !important;
}

.wpforms-container form input[type="text"]:focus,
.wpforms-container form input[type="number"]:focus,
.wpforms-container form input[type="email"]:focus,
.wpforms-container form textarea:focus {
  border: 0 !important;
  box-shadow: none !important;
  border-bottom: 2px solid var(--primary-color) !important;
}

.wpforms-container form input:-webkit-autofill,
.wpforms-container form input:-webkit-autofill:hover,
.wpforms-container form input:-webkit-autofill:focus,
.wpforms-container form input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s !important;
}

/* ERROR */
.wpforms-container form input.wpforms-error,
.wpforms-container form input.wpforms-error:hover {
  border: 0 !important;
  border-bottom: 2px solid #d63637 !important;
  box-shadow: none !important;
}

/* PLACEHOLDER */
::placeholder {
  color: #808080 !important;
  opacity: 1; /* Firefox */
  font-weight: 500;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #808080 !important;
  font-weight: 500;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #808080 !important;
  font-weight: 500;
}

/* NEWSLETTER FORMS */
.newsletter-form .wpforms-field-container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem;
}
.newsletter-form .wpforms-container-full {
  margin: 24px auto;
}
.newsletter-form .wpforms-submit-container {
  text-align: center;
}

/* BOTON */
.btn-formulario,
.wpforms-submit-container button[type="submit"] {
  color: var(--secondary-color) !important;
  background-color: var(--primary-color) !important;
  border: 2px solid var(--primary-color) !important;
  padding: 0.3rem 0.9rem !important;
  border-radius: 10px !important;
  font-weight: 500 !important;
  transition: all ease-in-out 300ms !important;
  box-shadow: none !important;
  outline: none !important;
}
.btn-formulario:hover,
.wpforms-submit-container button[type="submit"]:hover {
  padding: 0.5rem 1.2rem !important;
}
.wpforms-submit-container button[type="submit"]:focus:after {
  border: 0 !important;
}
/*==================== WP BAKERY =====================*/

.vc_row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.vc_column-inner {
  padding: 0 !important;
}

.wpb_single_image {
  margin-bottom: 0 !important;
}

/*==================== CONTAINERS =====================*/

.container {
  max-width: 1320px !important;
  margin: 0 auto !important;
}

@media (max-width: 1320px) {
  .container {
    max-width: 100%;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}

/* body,
html,
#page {
  height: 100vh;
}
#page {
  display: flex;
  flex-direction: column;
}
main#primary {
  flex-grow: 1;
} */

/*==================== SCROLLBAR =====================*/
/* Firefox */

@supports not selector(::-webkit-scrollbar) {
  * {
    scrollbar-width: thin;
    scrollbar-color: #9c9c9c #dfe9eb;
  }
}
/* * {
  scrollbar-width: thin;
  scrollbar-color: #9c9c9c #dfe9eb;
} */

/* Chrome, Edge and Safari */
*::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
*::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: var(--secondary-color);
}

*::-webkit-scrollbar-track:hover {
  background-color: var(--secondary-color);
}

*::-webkit-scrollbar-track:active {
  background-color: var(--secondary-color);
}

*::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #9c9c9c;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #747474;
}

*::-webkit-scrollbar-thumb:active {
  background-color: #747474;
}

/*==================== ICONS SVG =====================*/

div.arrow-down,
div.arrow-right {
  background-color: var(--terciary-color);
  mask: url("./svg/arrow.svg") no-repeat center / contain;
  -webkit-mask: url("./svg/arrow.svg") no-repeat center / contain;
  transition: all ease-in-out 300ms;
}
div.arrow-down.active,
div.arrow-right.active {
  background-color: var(--primary-color);
}

div.size-30 {
  width: 30px;
  height: 30px;
}
div.size-20 {
  width: 20px;
  height: 20px;
}

/*==================== 404 =====================*/

.error404 main {
  background-color: var(--secondary-color);
  padding: 60px 0;
}
.error404 main section {
  text-align: center;
}
.error404 main section header img {
  border-radius: 25px;
}
.error404 main section .page-content p {
  margin-bottom: 3em;
}

.btn-pixelian-1 {
  color: var(--primary-color) !important;
  background-color: transparent !important;
  border: 2px solid var(--primary-color) !important;
  padding: 1rem 2.5rem !important;
  border-radius: 10px !important;
  font-weight: 500 !important;
  transition: all ease-in-out 300ms !important;
  box-shadow: none !important;
  outline: none !important;
  font-size: 1.2rem;
}
.btn-pixelian-1:hover {
  color: var(--secondary-color) !important;
  background-color: var(--primary-color) !important;
}

/*==================== GALLERY SLIDER ====================*/

#container-slider {
  position: relative;
  display: block;
  width: 100%;
}
#slider {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 600px;
  margin: 0;
}
#slider li {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -ms-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
  z-index: -1;
  opacity: 0;
}
#container-slider .arrowPrev,
#container-slider .arrowNext {
  font-size: 30pt;
  color: rgba(204, 204, 204, 0.65);
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50px;
  z-index: 2;
}
#container-slider .arrowNext {
  left: initial;
  right: 50px !important;
}

.listslider {
  position: absolute;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  left: 47%;
  bottom: 5%;
  list-style: none;
  z-index: 2;
  transform: translateX(-50%);
  margin: 0;
}
.listslider li {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  cursor: pointer;
  margin: 0 5px;
}
.listslider li a {
  background: #ccc;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  display: block;
}
.item-select-slid {
  background: #fff !important;
}

@media screen and (max-width: 1320px) {
  #slider {
    height: auto;
    min-height: 500px;
  }
}

@media screen and (max-width: 950px) {
  #slider {
    height: 400px;
    min-height: 400px;
  }
}

@media screen and (max-width: 460px) {
  .content_slider h2 {
    font-size: 15pt !important;
  }
  .content_slider p {
    font-size: 12pt !important;
  }
  #container-slider .arrowPrev,
  #container-slider .arrowNext {
    font-size: 20pt;
  }
  #container-slider .arrowPrev {
    left: 15px;
  }
  #container-slider .arrowNext {
    right: 15px !important;
  }
  #slider {
    height: 400px;
    min-height: 400px;
  }
  #slider li .content_slider {
    padding: 10px 35px;
  }
  .btnSlider {
    padding: 10px 30px;
    font-size: 10pt;
  }
}

/*==================== VIDEO PLAYER ====================*/

.moduleVideoYoutube {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  display: inline-block;
  padding: 0;
  margin: 0;
  width: 100%;
  padding-top: 56.25%;
  height: 0px;
  position: relative;
}

.moduleVideoYoutube .player {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

/*================== EMPTY PAGE TEMPLATE ====================*/

.page-template-template-empty-page article {
  padding: 2rem 0;
}

/*================== NEWS BANNER ====================*/
:root {
  --items-gap: 16px;
  --container-gap: calc(var(--items-gap) * 2);
}
.post-banner-parent {
  display: flex;
  text-transform: uppercase;
  background-color: var(--primary-color);
  padding: 0.5rem 0;
  width: 100%;
}
.post-banner-title span {
  color: var(--terciary-color);
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 600;
  white-space: nowrap;
  line-height: 40px;
  padding-left: 1rem;
  padding-right: 8px;
}

/*NUEVO*/
.post-banner-list-wrapper {
  position: relative;
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--items-gap);
  -webkit-mask-image: linear-gradient(
    var(--mask-direction, to right),
    hsl(0 0% 0% / 0),
    hsl(0 0% 0% / 1) 1%,
    hsl(0 0% 0% / 1) 99%,
    hsl(0 0% 0% / 0)
  );
  mask-image: linear-gradient(
    var(--mask-direction, to right),
    hsl(0 0% 0% / 0),
    hsl(0 0% 0% / 1) 1%,
    hsl(0 0% 0% / 1) 99%,
    hsl(0 0% 0% / 0)
  );
}
.post-banner-list {
  flex-shrink: 0;
  display: flex;
  justify-content: space-around;
  min-width: fit-content;
  gap: var(--items-gap);
  animation: scroll linear infinite;
  animation-play-state: running;
}
.post-banner-list-wrapper:hover .post-banner-list {
  animation-play-state: paused;
}
.post-banner-list a {
  color: var(--secondary-color);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  transition: color ease-in-out 500ms;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 500;
}
.post-banner-list a:hover {
  color: var(--terciary-color);
}
.post-banner-list a::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: var(--secondary-color);
  display: block;
  border-radius: 9999px;
  margin-right: 1rem;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - var(--items-gap)));
  }
}

.duration-15 {
  animation-duration: 15s;
}
.duration-20 {
  animation-duration: 20s;
}
.duration-25 {
  animation-duration: 25s;
}
.duration-30 {
  animation-duration: 30s;
}
.duration-40 {
  animation-duration: 40s;
}

/*===========================================================*/
/*================== KEYFRAMES ==============================*/
/*===========================================================*/

@keyframes backgroundGrow {
  50% {
    background-size: 125px 125px;
  }
}

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

/*===========================================================*/
/*================== RESPONSIVE =============================*/
/*===========================================================*/
@media screen and (max-width: 1550px) {
  footer.site-footer .site-info {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 2rem;
  }

  footer.site-footer .site-info > div:nth-child(6) {
    grid-column-start: 2;
  }
}

@media screen and (max-width: 1350px) {
  .home-cta .cta-title {
    font-size: 2.5rem;
  }
  .home-cta .cta-text .cta-paragraph-big {
    font-size: 2rem;
  }
  .home-cta .cta-text a {
    font-size: 2rem;
  }
}
@media screen and (max-width: 1320px) {
  .page-servicio-atencion-alumnado-orientacion .financiacion-container {
    padding: 0 !important;
  }
  .page-servicio-atencion-alumnado-orientacion
    .financiacion-container
    .financiacion-text {
    flex-direction: column;
  }
  .page-servicio-atencion-alumnado-orientacion
    .financiacion-container
    .financiacion-text
    > .vc_column_container {
    width: 100%;
  }
  .page-servicio-atencion-alumnado-orientacion
    .financiacion-container
    .financiacion-text
    > .vc_column_container:first-child {
    padding-left: calc(1.5rem + 10px);
    padding-right: calc(1.5rem + 10px);
    padding-bottom: calc(1.5rem + 10px);
  }
  .page-servicio-atencion-alumnado-orientacion
    .financiacion-container
    .financiacion-text
    > .vc_column_container:first-child
    .wpb_text_column {
    padding: 0 !important;
  }
}
@media screen and (max-width: 1300px) {
  .page-inicio .home-header h1 {
    font-size: 5rem;
    line-height: 1;
    margin: 0;
    margin-top: 1rem;
  }
}
@media screen and (max-width: 1200px) {
  .page-inicio .home-header .vc_col-sm-3\/5,
  .page-inicio .home-header .vc_col-sm-2\/5 {
    width: 100%;
  }
  .page-inicio .home-header .vc_col-sm-2\/5 .header-anchor-wrapper {
    justify-content: start;
  }
  .page-inicio .home-header .vc_col-sm-2\/5 {
    margin-top: 3rem;
  }
  footer.site-footer .site-info {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem;
  }
  footer.site-footer .site-info > div:nth-child(6) {
    grid-column-start: unset;
  }
  /* footer.site-footer .site-info > div:nth-child(3) .social-networks-pixelian,
  footer.site-footer .site-info .footer-area-4 > div {
    justify-content: center;
  } */
}
@media screen and (max-width: 1150px) {
  .page-inicio p.section-title {
    font-size: 6rem;
  }
}
@media screen and (max-width: 1100px) {
  .page-escuela-de-cine-y-arte-visual .historia-metodologia .vc_col-sm-4 {
    width: 50% !important;
  }
  .page-escuela-de-cine-y-arte-visual .historia-metodologia .vc_col-sm-2 {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  .page-template-default .post-thumbnail img {
    aspect-ratio: 4/1.5;
  }
}
@media screen and (max-width: 991px) {
  .page-template-template-base .form-row {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
  .responsive-order-1 {
    order: 1;
  }
  .responsive-order-2 {
    order: 2;
  }
}
@media screen and (max-width: 975px) {
  .master-column .wpb_text_column {
    padding-top: 100px !important;
    padding-left: 50px !important;
  }
}
@media screen and (max-width: 970px) {
  .page-inicio .home-header p.home-title,
  .page-inicio p.section-title {
    font-size: 5rem;
  }
}
@media screen and (max-width: 900px) {
  .page-servicio-atencion-alumnado-orientacion .orientacion-row {
    flex-direction: column;
    padding: 0 !important;
  }
  .page-servicio-atencion-alumnado-orientacion
    .orientacion-row
    > .vc_column_container {
    width: 100%;
  }
  .page-servicio-atencion-alumnado-orientacion
    .orientacion-row
    > .vc_column_container:first-child {
    padding-left: calc(1.5rem + 10px);
    padding-right: calc(1.5rem + 10px);
  }
  .page-servicio-atencion-alumnado-orientacion
    .orientacion-row
    > .vc_column_container:last-child {
    padding: 0;
  }
}
@media screen and (max-width: 850px) {
  .page-template-template-base h1 {
    font-size: 50px;
    max-width: 100%;
  }
}
@media screen and (max-width: 830px) {
  .page-escuela-de-cine-y-arte-visual .instalaciones-medios {
    padding-bottom: 250px !important;
  }
  .page-escuela-de-cine-y-arte-visual .instalaciones-medios h2 span {
    font-size: 4rem !important;
  }
}
@media screen and (max-width: 815px) {
  .page-template-default .post-thumbnail img {
    aspect-ratio: 4/2;
  }
  .text-md-padding {
    padding: 0 2rem;
  }
  .text-md-padding br {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  footer.site-footer .site-info {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem;
  }
  footer.site-footer .site-info {
    text-align: center;
  }
  footer.site-footer .site-info > div:first-child {
    text-align: center;
  }
  footer.site-footer .site-info > div:nth-child(5) {
    grid-column-start: 1;
  }
  footer.site-footer .site-info .footer-area-5 > div {
    justify-content: center;
  }
  footer.site-footer .site-info .footer-area-3 figure {
    margin: 0 auto !important;
  }
  .social-networks-pixelian {
    justify-content: center;
  }
  .newsletter-cta span {
    font-size: 20px !important;
  }
  .page-escuela-de-cine-y-arte-visual .historia-metodologia .vc_col-sm-4 {
    width: 100% !important;
  }
  .page-escuela-de-cine-y-arte-visual
    .historia-metodologia
    .vc_col-sm-4
    .wpb_text_column {
    padding: 30px !important;
  }
  .page-escuela-de-cine-y-arte-visual .historia-metodologia .vc_col-sm-2 {
    display: none;
  }
  .equipment-category-section .equipment-category-section-text {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .accordion-item .content-wrapper {
    width: 100%;
  }
  .accordion-item .content-wrapper p,
  .accordion-item .content-wrapper span {
    font-size: large !important;
  }
  .cta-info-visita {
    display: flex !important;
  }
  .cta-info-visita .vc_col-sm-6 {
    width: 50% !important;
  }
  .page-servicio-atencion-alumnado-orientacion .vc_custom_1705327061398 h2,
  .page-servicio-atencion-alumnado-orientacion .vc_custom_1707466652895 h2 {
    line-height: 1;
  }
  .page-servicio-atencion-alumnado-orientacion
    .vc_custom_1705327362141.vc_column-gap-20
    .vc_column_container {
    padding: 0;
  }
  .page-servicio-atencion-alumnado-orientacion
    .vc_custom_1705327362141.vc_column-gap-20
    .vc_column_container:first-child
    .wpb_text_column.wpb_content_element {
    margin-bottom: 0;
  }
  .page-escuela-de-cine-y-arte-visual .hidden-md {
    display: none;
  }
  .page-escuela-de-cine-y-arte-visual .carousel-mobile {
    display: block;
  }
}
@media screen and (max-width: 750px) {
  /*INICIO*/
  .page-inicio .home-header {
    padding-top: 100px !important;
    padding-bottom: 80px !important;
  }
  .page-inicio .home-header h1 {
    font-size: 3rem;
  }
  .page-inicio .home-header h5 {
    font-size: 1.5rem;
    font-weight: 200;
  }
  .page-inicio .home-header .header-anchor img {
    width: 2.5rem;
  }
  .page-inicio .rodillo-noticias {
    padding-bottom: 0 !important;
  }
  .page-inicio .post-banner-parent {
    flex-direction: column;
  }
  .page-inicio .post-banner-parent .post-banner-title {
    text-align: left;
  }
  .page-inicio .agenda-link,
  .page-inicio .noticias-link {
    display: flex;
    flex-direction: column;
  }
  .page-inicio .agenda-link .vc_col-sm-6,
  .page-inicio .noticias-link .vc_col-sm-6 {
    width: 100%;
  }
  .page-inicio .agenda-link .vc_col-sm-6:first-child .section-title,
  .page-inicio .noticias-link .vc_col-sm-6:first-child .section-title {
    padding-top: 20px;
    line-height: 1;
  }
  .page-inicio .agenda-link .vc_col-sm-6:last-child,
  .page-inicio .noticias-link .vc_col-sm-6:last-child {
    padding-bottom: 20px;
  }
  .page-inicio .agenda-link .alignright,
  .page-inicio .noticias-link .alignright {
    float: none !important;
    margin-left: 0;
    margin-bottom: 0;
  }
  .page-inicio .agenda-link .see-all-link,
  .page-inicio .noticias-link .see-all-link {
    gap: 0 !important;
    justify-content: space-between;
  }

  /*GENERAL*/
  .content-section h2 {
    font-size: 2rem;
  }
  .accordion-item .title-wrapper h3 {
    font-size: 1.5rem;
  }
  .see-all-link {
    font-size: 1.5rem;
    gap: 1rem;
  }
  .agenda-link .vc_col-sm-6:last-child > div,
  .noticias-link .vc_col-sm-6:last-child > div {
    padding-top: 15px !important;
  }
  footer.site-footer .site-info section.footer-area-5 {
    margin: 0 auto;
    width: fit-content;
  }
  /* EQUIPMANTE CATEGORY SECTION */
  .equipment-category-section .equipment-category-section-box {
    background-position-x: 90%;
  }
}
@media screen and (max-width: 670px) {
  .home-cta .vc_col-sm-4,
  .home-cta .vc_col-sm-8 {
    width: 100%;
  }
  .home-cta .vc_col-sm-4 {
    order: 2;
  }
  .home-cta .vc_col-sm-8 {
    min-height: 250px;
    order: 1;
  }
  .post-list .post-list-item .title {
    font-size: 1.5rem;
    max-width: 80%;
  }
  .cta-info-visita {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1rem 3rem;
  }
  .cta-info-visita .vc_col-sm-6 {
    width: 100% !important;
  }
  .cta-info-visita .vc_col-sm-6:first-child {
    border-right: 0 !important;
    border-bottom: 3px solid var(--terciary-color);
  }
  .cta-info-visita .vc_col-sm-6 p {
    text-align: center !important;
  }
}
@media screen and (max-width: 650px) {
  .newsletter-form .wpforms-field-container {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media screen and (max-width: 600px) {
  .page-template-default .entry-header h1 {
    /* margin-bottom: 40px; */
    margin-top: 40px !important;
    font-size: 2rem !important;
  }
  .page-escuela-de-cine-y-arte-visual .instalaciones-medios {
    padding-bottom: 200px !important;
  }
  .page-escuela-de-cine-y-arte-visual .instalaciones-medios h2 span {
    font-size: 3rem !important;
  }
  .page-inicio p.home-title {
    font-size: 4rem !important;
  }
  .page-inicio .noticias-link .section-title {
    font-size: 4rem;
  }
  .page-inicio .carousel-element .carousel-item {
    aspect-ratio: 1;
  }
  .page-inicio .carousel-element.news .carousel-item {
    aspect-ratio: unset;
  }
  .page-inscripcion-cursos form .form-fields,
  .page-asistencia-encuentros form .form-fields,
  .page-solicitud-informacion form .form-fields {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media screen and (max-width: 550px) {
  .profesor-container {
    gap: 1rem;
  }
  .equipment-category-section h3 {
    font-size: 40px;
  }
}
@media screen and (max-width: 500px) {
  footer.site-footer .site-info {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 2rem;
  }
  footer.site-footer .site-info > div:last-child {
    grid-column: span 1;
  }
  footer.site-footer .site-info section.footer-area-5 {
    display: block;
    text-align: center;
  }
  .page-escuela-de-cine-y-arte-visual .instalaciones-medios h2 br {
    display: none;
  }
  .page-servicio-atencion-alumnado-orientacion .vc_custom_1705327061398 h2 span,
  .page-servicio-atencion-alumnado-orientacion
    .vc_custom_1707466652895
    h2
    span {
    font-size: 4rem !important;
  }
  .page-inicio p.home-title,
  .page-inicio .section-title {
    font-size: 3rem !important;
  }
  .page-inicio .section-title {
    padding: 20px 0;
  }
  .page-inicio .colaboraciones img {
    width: 75%;
  }
  /* .profesor-item img {
    min-width: 100px;
    max-width: 100px;
    width: 100px;
  } */
}
@media screen and (max-width: 475px) {
  #alquiler_equipamiento_form .form-group .item-equipamiento label {
    display: none;
  }
  #alquiler_equipamiento_form .item-equipamiento .select-wrapper {
    flex-grow: unset;
  }
  #alquiler_equipamiento_form .item-equipamiento .input-wrapper {
    flex: unset;
  }
  #alquiler_equipamiento_form .item-equipamiento a {
    font-size: 12px;
  }
  #alquiler_equipamiento_form .item-equipamiento a span {
    font-size: 20px;
  }
  .equipment-category-section h3 {
    font-size: 25px;
  }
}
@media screen and (max-width: 450px) {
  .page-inicio .courses-list-parent,
  .page-inicio .news-list-parent,
  .roller-list-parent {
    display: none;
  }
  .page-inicio .carousel-element,
  .carousel-element.mobile {
    display: block;
  }
  .page-inicio .section-title {
    font-size: 2.5rem !important;
  }
  .page-inicio .carousel-element:not(.page-inicio .carousel-element.news) {
    aspect-ratio: 1;
  }
  .page-inicio .new-list-item {
    min-width: 100%;
    /* aspect-ratio: 1; */
  }
  .page-inicio .carousel-element.news .carousel-item .background-parent {
    height: 100%;
    aspect-ratio: 1;
  }
  .page-servicio-atencion-alumnado-orientacion .orientacion-row h2 span,
  .page-servicio-atencion-alumnado-orientacion .financiacion-container h2 span {
    font-size: 35px !important;
  }
}

/*===========================================================*/
/*================== FIN RESPONSIVE =========================*/
/*===========================================================*/