@import url('./color_palette.css');
@import url('./icons.css');
@import url('./fonts.css');
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* 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;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

/**
   * Remove the margin in all browsers.
   */

body {
  margin: 0;
}

/**
   * 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;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
   * 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;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* 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;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */

b,
strong {
  font-weight: 900;
}

/**
   * 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;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
   * 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;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -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;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
   * 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;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
   * 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"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
   * 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;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* 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;
}


/*fin normalize*/



html {
  font-size: 62.5%;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  font-size: 1.6rem;
  margin: 0;
  padding: 0;
  color: black;
  background-color: var(--background-apsl);
}

.contenedor {
  padding: 0 1rem;

  width: 100%;
  max-width: 1200px;
  margin: 0 auto;

}

@media screen and (min-width: 768px) {
  .contenedor {
    padding: 0 2rem;

  }
}

@media screen and (min-width: 1024px) {
  .contenedor {
    padding: 0;

  }
}

img {
  max-width: 100%;
  display: block;
}

ul {
  margin: 0;
  list-style: disc;
  padding: 2rem;
  color: var(--negro);
}

ul li{
  color: var(--negro);
}

ul.menu,
ul.submenu {
  list-style: none;
  padding: 0;
}

ul.submenu {
  padding: 0 3rem 2rem 3rem;
}

@media (min-width: 768px) {

  ul.submenu {
    padding: 2rem 3rem;
  }

}

section {
  padding: 3rem 0;
  position: relative;
}

@media screen and (min-width: 768px) {
  section {
    padding: 3rem 0;


  }
}

/* */

.ceo-message-grid {
  display: flex;

  align-items: flex-start;
  gap: 2rem;
  flex-wrap: wrap;
}

.menu-weekly a {
  color: var(--title);
  margin-bottom: 2rem;
  display: block;
  text-decoration: none;
  font-weight: 400;
}

.menu-weekly {
  width: 100%;
  box-shadow: 0px 0px 10px 0px var(--box-shadow);
  background-color: var(--background-apsl);
  border-radius: 1rem;
  text-align: center;
}
@media screen and (min-width: 992px){
  .menu-weekly{
    margin-top: 0!important;
    background-color: var(--background-apsl);
  }
}
.menu-weekly .menu {
  display: flex;
  flex-direction: column;
  background-color: var(--background-apsl);
}

.apsl-internal+ul {
  display: none;
}

.submenu,.submenu2 {
  text-align: left;
  background-color: var(--menu-weekly);
}

.submenu,.submenu2 a {
  text-align: center;
  color: var(--title);
}

@media (min-width: 768px) {
  .submenu a {
    text-align: left;
    color: var(--title);
  }

  .has-submenu {
    position: relative;
  }

  .submenu, .submenu2 {
    top: 100%;
    margin-top: 3rem;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    box-shadow: 0 0 10px 0 var(--box-shadow);
    border-radius: 1rem;
    padding: 2rem 3rem;
    text-align: center;
    position: absolute;
    margin-bottom: 0;
    background-color: var(--menu-weekly);
  }
}

.submenu2 {
  right: 0;
  left: 90%;
  background-color: var(--menu-weekly);
}

.selected {
  font-weight: 900 !important;
  color: var(--button-search) !important;
}

.show {
  display: block!important;
}

.menu-weekly h6 {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 2rem;

}

.menu-weekly li:last-of-type a {
  margin-bottom: 0;
}


.ceo-text {
  width: 100%;
}

.ceo-text p {
  font-weight: 400;
}

p,
h2 {
  margin-bottom: 1.5rem;
}

.photo-ceo h5 {
  color: var(--secondary-apsl);
  font-size: 2rem;
  margin-top: 1.5rem;

  font-weight: 900;
}

.ceo-text h2 {

  font-size: 3rem;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  margin-top: 0 !important;
}

.section-no-padding {
  padding: 0 !important;
}

.section-no-padding>.container {
  border-bottom: none;
}

.custom section {
  padding-top: 4rem;
  padding-bottom: 0;
}

header {
  position: fixed!important;
  width: 100%;
  z-index: 10;
  padding-top:2rem;
  
}


@media (min-width: 992px) {
  header {
    position:relative;
    padding-top: 10rem;
  }
  .menu-weekly,
  .ceo-text {
    flex: 1;
  }

  .photo-ceo {
    width: 25%;
  }

  .photo-ceo img {
    width: 100%;
  }

  .ceo-text {
    width: 65%;
  }

  header {
    padding-top: 10rem;
  }


  .menu-weekly .menu {
    justify-content: space-around;
    gap: 2rem;
    width: 100%;
    margin: 0 auto;
    flex-direction: row;
    background-color: var(--background-apsl);
  }

  .menu-weekly:not(.submenu) a {
    margin-bottom: 0;
  }

}

/*************EQUIPO****************/

.team h2 {
  color: var(--secondary-apsl);

  font-size: 30px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}

.team p {
  color: var(--blanco);
}

.team-grid {
  display: flex;

  align-items: flex-start;
  gap: 2rem;
  flex-wrap: wrap;
}

.team-item {
  width: 100%;

}

@media (min-width: 768px) {
  .team-item {
    width: 50%;
    flex: 1;
  }
}

.team img {
  width: 100%;
}

.team p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/*************MEMBER****************/

.member img {
  width: 100%;
  max-height: 50rem;
  object-fit: cover;
}

.member h2 {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 1.5rem;

}

.member p {
  margin-bottom: 1.5rem;
}

.member-grid {
  display: flex;

  align-items: flex-start;
  gap: 2rem;
  flex-wrap: wrap;
}

.member-item {
  width: 100%;

}


.member-message {
  width: 100%;
  background-color: var(--member-message-background);
  padding: 2rem;
  border-radius: 1rem;
  margin: 4rem auto 4rem auto;
  list-style-type:none;
}

.member-message p {
  font-weight: 400;
  color: var(--member-message-text);
}

.member-message a {
  color: var(--member-message-link);
  font-weight: 900;
}

.member-message ul {
  list-style-type:none;
}

.member-message li {
  position: relative;
  padding: 20px 0;
  border-bottom: 1px solid #fff;
  width: 100%;
  text-align: center;
}

.member-message li:last-child {
  border-bottom: none;
}

@media (min-width: 768px) {
  .member-item {
    width: 50%;
    flex: 1;
  }

  .member-message {
    max-width: 54rem;
    margin: 4rem auto 4rem auto;
  }
}

/******TEAM COMMUNICATION********/

.communicate {
  text-align: center;

}

.communicate h2 {
  font-size: 3rem;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}

.communicate h3 {
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;

  margin-bottom: 2rem;
}

.communicate-members {
  font-size: 1.6rem;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
}

.communicate .member-message {
  width: 100%;
  background-color: var(--member-message-background);
  padding: 2rem;
  border-radius: 1rem;
}

/****************EVENTS*********************/
.events-item {
  border-radius: 10px;
  background: var(--comunication-buttons-background);
  box-shadow: 0px 0px 10px 0px var(--box-shadow);
  display: flex;
  padding: 2rem;
  gap: 2rem;
  width: 100%;
  max-width: none;
}
@media (min-width: 768px){
  .events-item {
    width: 35rem;
    max-width: 35rem;
    margin:0 auto;
  }
}

.events-item img {
  border-radius: 0.5rem;
  width: 52px;
  height: 52px;
  object-fit: cover;
}

.events-grid {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
  margin-bottom: 4rem;
}

.events-grid a{
  text-decoration: none;
  width: 100%;
}


.events-text-title {
  color: var(--secondary-apsl);
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: left;

}

.events-text {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  text-decoration:none;
}

.events-text p {
  margin: 0;
  text-align: left;
  text-decoration: none;
  color:var(--negro);
}



.button-default {
  border-radius: 10px;
  background: var(--button-search);
  color: var(--button-default-txt);

  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  width: fit-content;
  display: flex;
  padding: 5px 10px;
  align-items: flex-start;
  gap: 10px;
  transition: all ease-in 0.3s;
  margin: 0 auto;
  text-align: center !important;
  justify-content: center !important;
}

.button-default:hover {
  color: var(--blanco);
  background: black;
  text-decoration: none;
}

.button-default:hover svg {
  fill: var(--blanco);

}

@media (min-width: 768px) {
  .button-default {
    width: fit-content;
  }
}

/***************FEATURED******************/

.featured-item {
  border-radius: 10px;
  background: var(--comunication-buttons-background);
  box-shadow: 0px 0px 10px 0px var(--box-shadow);
  display: flex;
  padding: 2rem;
  gap: 2rem;
  justify-content: flex-start;
  max-width: 60rem;
}

.featured-item img {
  border-radius: 0.5rem;
  max-width: 11rem;
  height: fit-content;
}

.featured-grid {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}

.featured-text-title {
  color: var(--negro);
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.featured-name {
  color: var(--secondary-apsl);


  font-size: 1.6rem;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
}

.featured-text {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: left;
}

.featured-text p {
  margin: 0;

}

.featured-grid .button-default {
  justify-content: flex-start;
  margin: 0;
}

.blue-message {
  background-color: var(--terciary-apsl) !important;

}

.communicate .container,
.two-columns .container,
.three-columns .container,
.custom .container,
.apsl-community .container {
  /*border-bottom: 1px solid var(--negro);
  padding-bottom: 4rem;*/
}

/*****************CMS CUSTOM****************************/
.communicate,
.custom,
.two-columns,
.three-columns,
.apsl-community,
.block-content_block_without_image,
.block-content_block_with_image {

  scroll-margin-top: 15rem;
}

#ceoceo {
  scroll-margin: 30rem;
}

.tab-grid {
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
  gap: 4rem;
  flex-wrap: wrap;
  margin-top: 2rem;
}

.tab-item {
  width: 100%;
  margin-top: 2rem;
  flex-grow: 1;
}

@media (min-width: 768px) {
  .tab-item {
    width: 45%;
  }
}

.team {
  color: var(--negro);
  font-size: 16px;
  font-style: italic;
  font-weight: 700;
}

.nav-link {
  color: var(--primay-700-primary, #186D53);

  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: none;
  transition: font-weight 0.3s ease-in;
}

.nav-link.active {
  color: var(--secondary-apsl) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  border-bottom: 3px solid var(--secondary-apsl) !important;
}

.nav-link:hover {
  color: var(--secondary-apsl) !important;
}

.nav-tabs {
  border-bottom: none;
  --bs-nav-tabs-border-width: 0;
}

.custom h2 {
  color: var(--negro);
  font-size: 3rem !important;
  font-style: normal;
  font-weight: 900 !important;
  line-height: normal;
  margin-bottom: 2rem;
}



.tab-item-wrap {
  display: inline-flex;
  padding: 2rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  background: var(--primary-apsl);
  width: 100%;
  margin-top: 2rem;
}

.tab-item-wrap p {
  color: var(--blanco);
}

@media (min-width: 768px) {
  .tab-item-wrap {
    display: inline-flex;
    padding: 2rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    background: var(--primary-apsl);
    max-width: 44rem;
  }
}

.tab-item-title {

  font-size: 1.6rem;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 1rem;
  border-bottom: 3px solid var(--secondary-apsl);
  color: var(--blanco);
}

.tab-item-text {
  color: var(--blanco);
}

/*************two-three columns section************/

.two-columns .tab-grid,
.three-columns .tab-grid {
  margin-top: 1rem;
}

.two-columns p,
.three-columns p {
  margin-bottom: 1rem;
}

.two-columns h2,
.three-columns h2 {
  color: var(--negro);
  font-size: 3rem;
  font-style: normal;
  font-weight: 900 !important;
  line-height: normal;
  margin-bottom: 2rem;
}

.two-columns .tab-item img,
.three-columns .tab-item img {

  width: 100%;
  margin: 2rem auto;

}

.two-columns .tab-item {
  text-align: left;
}

@media (min-width: 768px) {
  .three-columns .tab-item {

    width: 30%;
  }

  .two-columns .tab-item {

    width: 45%;
  }

  .two-columns .tab-item:nth-child(1) {

    width: 60%;
  }

  .two-columns .tab-item:nth-child(2) {

    width: 30%;
  }

  .two-columns .tab-item img,
  .three-columns .tab-item img {

    width: fit-content;
    margin: 2rem auto;

  }
}

.full-width {
  width: 100% !important;
}

/***********HUMOR IT**************/

.humor {
  scroll-margin-top: 10rem;
  text-align: center;
}

.humor h2 {
  color: var(--negro);
  font-size: 3rem;
  font-style: normal;
  font-weight: 900 !important;
  line-height: normal;
  margin-bottom: 2rem;
  text-align: center !important;
}

.humor img,
.block-humor_it img {
  margin: 0 auto;
  width: 100%;
}


@media (min-width: 768px) {

  .block-humor_it img,
  .humor img {
    max-width: 60%;
  }
}

/***********GIF**************/

.gif {
  scroll-margin-top: 10rem;
  text-align: center;
  margin-bottom: 2rem;
}

.gif img {
  margin: 0 auto;
  width: 60%;
}


/*********LOGIN*********/
.login {
  display: flex;
  padding: 20px;
  justify-self: center;
  align-items: center;
  height: 100vh;
  width: 100%;
}

.login span {
  margin-bottom: 2rem;
  display: block;
  text-align: center;
  color: var(--negro);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.login form {
  border-radius: 10px;
  margin: 0 auto;
}

.login-social {
  display: flex;
  gap: 1rem;
  padding: 5px 10px;
  align-items: center;
  border-radius: 1rem;
  background-color: var(--button-default-txt);
  color: var(--blanco);
  justify-content: center;
  width: fit-content;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-width: 0;
  transition: all 0.1s ease-in;
  margin: 0 auto;
  text-decoration: none;
  margin-top: 2rem;
}

.login-social:hover {
  transform: scale(1.02);
  text-decoration: none;
}

.login-social:focus {
  transform: scale(1);
  text-decoration: none;
}

.principal-login {
  background-color: var(--blanco);
}

.no-block {
  display: none !important;
}

/********buttonlike********/
.likeButton {
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 0px 10px 0px var(--box-shadow);
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  color: var(--like-text);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-top: 2rem;
  background-color: var(--like-button);
}

.likeButton:hover,
.likeButton.active {
  background-color: var(--like-button-hover);
  color: var(--like-text-active);
}

#likeCount {
  margin-left: 5px;
}

.likeButton:hover {
  filter: brightness(0.9);

}

/***************LIST-WEEKLY*********************/

.weekly-grid {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  flex: 1;
}

.weekly-item {
  width: 100%;
  margin-bottom: 2.8rem;
}

.last-weekly-grid {
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .last-weekly-grid {
    flex-wrap: nowrap;
  }

  .weekly-vertical-bar { 
    border-right: 1px solid #176C82;
  }

  .weekly-item:first-of-type {
    width: 60%;
    padding-right: 2.8rem;
    flex: 1;
  }

  .weekly-item:last-of-type {
    width: 35%;
    margin-left: 2.8rem;

  }

  .weekly-item {
    margin-bottom: 0;
  }

  .weekly-grid {
    padding-top: 3rem;
  }
}

.new-weekly {
  display: flex;
  width: 100%;
  padding: 20px;
  flex-direction: column;
  background-image: url('../img/bg-new-weekly.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 16rem;
  justify-content: space-between;
}

.new-weekly .link-default {
  border-radius: 10px;
  border: 1px solid black;
  background-color: black;
  padding: 0.5rem 1rem;
  width: fit-content;
  color: white;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s ease;
}

.new-weekly .link-default:hover {
  border-radius: 1rem;
  color: var(--negro-apsl);
  border: 1px solid var(--negro-apsl);
  background: var(--button-default-bg);
}

.new-weekly .link-default:focus {
  border-radius: 1rem;
  border: 1px solid var(--blanco);
  background: var(--secondary-apsl);
  color: var(--blanco);
}


.last-weekly-item .link-default {
  border-radius: 10px;
  border: 1px solid var(--blanco);
  padding: 0.5rem 1rem;
  width: fit-content;
  color: var(--blanco);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s ease;
}

.last-weekly-item .link-default:hover {
  border-radius: 1rem;
  border: 1px solid var(--negro-apsl);
  background: var(--button-default-bg);
  color: var(--negro-apsl);
}

.last-weekly-item .link-default:focus {
  border-radius: 1rem;
  border: 1px solid var(--blanco);
  background: var(--secondary-apsl);
  color: var(--blanco);
}

.last-weekly-grid {
  display: flex;
  gap: 2.5rem;
  flex-wrap: wrap;
}

.last-weekly-item {
  display: flex;
  width: 100%;
  padding: 20px;
  flex-direction: column;
  background-image: url('../img/bg-list-weekly.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 7rem;
  gap: 2rem;
  flex-grow: 1;
  height: 27rem !important;
}

@media (min-width: 768px) {
  .last-weekly-item {
    width: 48%;
  }
}

.last-weekly-header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}


/* Estilos generales para los botones */
button.imageButton {
  background: none;
  border: none;
  cursor: pointer;

}

/* Estilos para las imágenes dentro de los botones */
button.imageButton img {
  display: none;
  /* Ocultar todas las imágenes por defecto */
}

/* Mostrar la primera imagen dentro del botón al inicio */
button.imageButton[data-toggle="false"] img:first-child {
  display: block;
}


.lweekly-item,
.new-weekly {
  color: var(--blanco);
}

.lweekly-item h4,
.new-weekly h4 {
  color: #FFF;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.new-weekly-header h4,
.new-weekly-header p {
  color: black;
}

.last-weekly-title {
  color: var(--title);
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  gap: 1rem;
  margin: 3rem 0 2rem 0;
  text-decoration: none;
}

.last-weekly-title:hover {
  color: var(--title);
  text-decoration: underline;
}

.last-weekly-item {
  justify-content: space-between;
}

.last-weekly-footer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  color: var(--blanco);
  gap: 1rem;


}

.last-weekly-footer span {
  font-size: 1.4rem;
}

.last-weekly-footer span {
  font-size: 1.4rem;
}

.last-weekly-footer span,
.imageButton img,
.imageButton,
.wrap-buttons {
  display: none !important;
}

.fixed-header-mb {
  display: none !important;
}

@media (max-width: 767px) {
  .link-default {
    font-size: 1.4rem !important;
    ;
  }
  .header-newsletter-list {
    display: none !important;
  }
  .weekly-item.weekly-vertical-bar .wrap-title-search {
    display: none !important;
  }
  .search-container.search-xl {
    display: none !important;
  }
  .container.know-the-team-title {
    display: block !important;
  }
  .no-mb, .fixed-header {
    display: none !important;
  }

  .fixed-header-mb {
    display: block !important;
    background-color: var(--background-apsl);
    width: 100%;
    z-index: 1000;
  }

  .fixed-header-mb.fixed {
    position: fixed;
    top: 0;
    left: 0;
  }

  .know-the-team-title .wrap-title-search {
    margin-right: 3rem;
  }
  
  .profile-weekly .profile-wrap {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

.lweekly-item p {
  margin: 0;
  color: var(--blanco);
}

.weekly-item h3 {
  margin-top: 2.8rem;
  margin-bottom: 2rem;
}

.weekly-item .events-item {
  margin-bottom: 2rem;
}


.weekly-grid .featured-item {
  flex-wrap: wrap;
}

.weekly-grid .featured-text {
  flex: 1;
}

main {
  flex: 1;
}

.main-container {
  align-items: stretch;
  height: 100vh;
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}

.bg-user {
  width: 100%;
  background-color: #f9f9f9;
  padding: 1.5rem;

}

@media (min-width: 768px) {
  .bg-user {
    width: 19rem;
    background: var(--primary-apsl);
    height: 100%;
    position: fixed;
    transition: 0.2s ease-in-out;
  }

  main .member-message {
    margin: 4rem auto auto auto;
  }

}

.user-header-xl {
  display: none;
  flex-direction: column;
  align-items: center;
  padding-top: 6rem;
}

.user-footer-xl {
  display: none;
  flex-direction: column;
  align-items: center;
}

.user-header-xs {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}

.user-header-xs .submenu,
.search-mobile, .submenu2 {
  top: 120%;
  left: 0;
  width: max-content;
  box-shadow: 0px 0px 10px 0px var(--box-shadow);
  background-color: var(--menu-weekly);;
  border-radius: 1rem;
  padding: 2rem 3rem;
  position: absolute;
  margin-bottom: 0;
  z-index: 2;

}

.search-xl .submenu2 {
  left: 90% !important;
  top: 110% !important;
  margin-top: 0;
  right: 0;
}

.search-mobile .submenu2 {
  left: initial !important;
  top: 110% !important;
  margin-top: 0;
  right: 0;
}


.user-header-xs .submenu a {
  color: #333333;
  text-decoration: none;
  font-weight: 400;
}

.user-header-xs .submenu li {
  margin-bottom: 1rem;
}

.user-header-xs .submenu li:last-of-type {
  margin-bottom: 0;
}

.user-header-xs .apsl-internal img{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  box-shadow: 0px 0px 10px grey;
}

.user-filter-xs {
  position: relative;
}

.subfilters {
  top: 160%;
  right: 0;

  width: max-content;
  box-shadow: 0px 0px 10px 0px var(--box-shadow);
  background-color: var(--blanco);
  border-radius: 1rem;
  padding: 2rem 3rem;
  text-align: center;
  position: absolute;
  margin-bottom: 0;
  z-index: 2;


}


.subfilters a {
  color: #333333;
  text-decoration: none;
}


.subfilters li {
  margin-bottom: 1rem;
}


.subfilters li:last-of-type {
  margin-bottom: 0;
}

@media (min-width: 768px) {

  .user-header-xs,
  .user-filter-xs {
    display: none;
  }

  .user-header-xl {
    display: flex;
  }

  .user-header-xl img {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    margin-bottom: 1.8rem;
    transition: all ease-in-out 0.2s;
  }

  .user-header-xl span {
    display: block;
  }

  .user-name {
    color: var(--blanco);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 1rem;
  }

  .user-job {
    color: var(--old-primary);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}

aside {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

aside .link-default {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: var(--blanco);
  text-decoration: none;
  transition: all 0.2s ease-in-out;


}

aside .button-default {
  color: var(--blanco);
  display: flex;
  align-items: center;
  justify-content: flex-start !important;
  gap: 1rem;
  width: 100%;
  padding: 0.5rem 0.5rem 0.5rem 0.8rem;
  background-color: transparent;
  white-space: nowrap;
}

aside .button-default img {
  width: 20px;
  transition: all ease-in 0.3s;
}

aside .button-default:hover {
  background: rgba(255, 255, 255, 0.19);

}

aside .button-default.active {
  background-color: var(--old-primary);
  color: var(--negro);
}

aside .button-default.active img {
  filter: invert(1);
}

aside .button-default:hover {
  background: rgba(255, 255, 255, 0.19);
  color: var(--blanco);
}

aside .button-default:hover img {
  filter: invert(0);
}

@media (min-width: 768px) {
  .user-footer-xl {
    display: flex;
    padding-bottom: 3rem;
    gap: 1rem;
  }
}


aside {
  padding-left: 1rem;
  padding-right: 1rem;
}

.collapse-aside {
  width: 40px !important;
  height: 40px !important;
  overflow: hidden;
}
.close{
  float: none;
  opacity: 1!important;
}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover{
  opacity: 1!important;
}
@media (min-width: 768px) {
  .close {
    width: 65px;
  }
}


.close .user-header-xl img {
  width: 30px;
  height: 30px;
  transition: all ease-in 0.2s;
}

.close .button-default {
  overflow: hidden;
}

.close span {
  opacity: 0;
  transition: all 1s;
  position: fixed;
  left: -9000px;
  width: 0;
}

.collapse-aside {
  cursor: pointer;
}

@media (min-width: 768px) {
  aside {
    overflow: hidden;
  }
}

/**search input**/
.button {
  display: flex;
  flex: 0;
  width: fit-content;
  justify-content: center;
  align-items: center;
  margin: 4px 2px;
  background-color: #C4F2E5;
  font-size: 2.5rem;
  padding-left: 32px;
  padding-right: 32px;
  width: 40rem;
  height: 100%;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  color: var(--negro);
  text-decoration: none;
  cursor: pointer;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.button:hover {
  transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;

  color: black;
}

.search-container, .search-container-mb {
  position: relative;
  display: flex;
  margin: 4px 2px 2rem auto;
  height: 50px;
  vertical-align: bottom;
}

.mglass {
  display: inline-block;
  pointer-events: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}

.searchbutton {
  position: absolute;
  font-size: 22px;
  width: 5rem;
  margin: 0;
  padding: 0;
  z-index: 2;
  border-radius: 1rem;
  right: 0;
}



.search {
  position: absolute;
  left: 49px;
  outline: none;
  border: none;
  padding: 0;
  height: 100%;
  transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  background-color: var(--button-search);
  border-radius: 30rem;
  padding: 0 16px 0 0;
  width: 3.1rem;
  left: auto;
  right: 1rem;
}



.expandright {
  z-index: 1;
  padding-left: 16px;
  padding-right: 4rem;
  width: 100%;
}

.search::placeholder {
  color: var(--green-two);
  /* Cambia el color aquí según tus preferencias */
}

.search-mobile {
  max-width: 70%;
  margin: 0;
  flex: 1;
}

.search-form {
  right: 1rem;
  position: relative;
  height: 100%;
  width: 100%;
}

@media (min-width: 768px) {
  .search-xl {
    display: flex;
    justify-content: flex-end;
  }


  .expandright {
    width: 50%;
  }

}

/**adjust container**/
@media (min-width: 768px) {


  main>.container {
    margin-left: 3rem;
  }

}

/**adjust container**/
@media (min-width: 768px) {


  main>.container {
    margin-left: 3rem;
  }

}

/***********apsl-community*************/
.apsl-community .member-message {
  margin: 2rem 0 3rem 0;
}

.apsl-community p {
  margin-bottom: 1.5rem;
}

.apsl-community h2 {
  color: var(--negro);
  font-size: 3rem;
  font-style: normal;
  font-weight: 900 !important;
  line-height: normal;
  margin-bottom: 2rem;
}

.apsl-community .subtitle-weekly {
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.apsl-community .multi-column-weekly {
  column-count: 1;
  column-gap: 2rem;
  margin-bottom: 3rem;


}

.apsl-community .multi-column-weekly a {
  color: #0F4333;
  display: block;
}

.apsl-community .multi-column-weekly p>a {
  display: inline-block;
}


@media (max-width:768px) {
  .apsl-community .multi-column-weekly {
    column-count: 1;
    column-gap: 0;
    margin-bottom: 2rem;
  }
}

.wrap-user,
.wrap-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.wrap-buttons {
  justify-content: flex-start;
}

.boton {
  padding: 10px 20px;
  font-size: 16px;
  border: none;
  margin: 5px;
  cursor: pointer;
  border: 1px solid var(--button-default-bg);
  color: var(--negro);
  background-color: transparent;
  border-radius: 7rem;
}

.boton.seleccionado {
  background-color: var(--secondary-apsl);
  color: white;
}

@media (min-width: 768px) {
  .wrap-user {
    flex-direction: column;
    height: 100%;
  }

  main {
    padding-left: 19rem;
  }

  .wrap-buttons {
    display: none;
  }

  aside {
    position: fixed;
  }
}

@media (max-width: 460px) {
  .wrap-buttons {
    overflow-x: scroll;
    white-space: nowrap;
  }
}

.wrap-buttons::-webkit-scrollbar {
  width: 6px;

}

.wrap-buttons::-webkit-scrollbar-track {
  background: white;
}

.wrap-buttons::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 6px;
}

/* Cambiar el color del botón cuando se desplaza */
.wrap-buttons::-webkit-scrollbar-thumb:hover {
  background: #555;
}


/***estilos temporales***/

.user-filter-xs,
.imageButton img,
.imageButton,
.wrap-buttons {
  display: none;
}


@media (min-width: 768px) {
  .weekly-item:first-of-type {
    max-width: 80%;
  }
}


/********fin de estilos temporales**********/

.home-weeklies {
  padding-top: 0;

}

.home-weeklies .weekly-item {
  display: block;
  width: 100%;
  max-width: none;

}

.home-weeklies .last-weekly-title {
  margin-top: 0;
}

@media (min-width: 768px) {

  .home-weeklies .last-weekly-title {
    margin: 3rem 0 2rem 0;
  }
}

.home-weeklies .last-weekly-title:hover {
  text-decoration: none;
}

.home-weeklies .weekly-item:first-of-type,
.home-weeklies .weekly-item:last-of-type {
  width: 100%;
  max-width: none;
}

@media (min-width: 768px) {
  .last-weekly-item {
    width: 31%;
  }
}


.block-weekly_events+.block-content_block_with_image section,
.block-weekly_events+.block-content_block_without_image section {
  padding: 3rem 0 !important;
  padding-top: 3rem !important;
}


.main-container {
  height: auto;
}

/*****profile*****/

.profile-weekly .img-bg {
  margin: 2rem auto;
  width: 12rem;
  height: 12rem;
  padding: 1rem;
  background-image: url('../img/profile-picture.png');
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 3rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  position: relative;
}

.profile-weekly .img-bg:hover::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(23, 22, 22, 0.39);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.custom-file-input,
.remove-avatar {
  display: none !important;
}

.profile-weekly .img-bg:hover .custom-file-input,
.profile-weekly .img-bg:hover .remove-avatar {
  display: block !important;
}

.profile-weekly .img-bg:focus .custom-file-input,
.profile-weekly .img-bg:focus .remove-avatar {
  display: block;
}

@media (min-width:768px) {
  .main-container {
    height: 100vh;
  }

  .profile-weekly {
    margin: 15rem auto 0 auto;
    width: 70%;
    text-align: center;



  }

  .block-content_block_without_image .tab-item {
    column-count: 1;
    column-gap: 5rem;
  }
}


.profile-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
}

.profile-item {
  display: flex;
  flex-direction: column;
  text-align: left;

}


.profile-item label {
  color: var(--negro-apsl);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 1rem;
}

.profile-item input {
  border-radius: 10px;
  border: 1px solid var(--secondary-apsl);
  padding: 1rem;
  border-radius: 1rem;
  color: var(--secondary-apsl);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.profile-item input[type="text"]::placeholder {
  color: var(--secondary-apsl);
}



/* Estilo para el input checkbox */
.profile-wrap input[type="checkbox"] {
  display: none;
}

/* Estilo para el contenedor del checkbox (el label) */
.profile-wrap label {
  display: block;
  margin-bottom: 10px;
  cursor: pointer;
  margin-top: 2rem;
}

/* Estilo para el span que contiene el texto */
.profile-wrap label span {
  display: inline-block;
  padding-left: 20px;
  position: relative;
  color: var(--title)
}

/* Estilo para el checkbox cuando está seleccionado */
.profile-wrap input[type="checkbox"]:checked+span[role="checkbox"]::before {
  content: "\2713";
  /* Símbolo de checkmark */
  position: absolute;
  left: 0;
  color: var(--secondary-apsl);
  background-color: var(--blanco);
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid var(--secondary-apsl);
}

/* Estilo para el checkbox cuando no está seleccionado */
.profile-wrap input[type="checkbox"]+span[role="checkbox"]::before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--secondary-apsl);
  background-color: var(--blanco);
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid var(--secondary-apsl);
}

label[for="profile-check"] {
  margin-top: 2.5rem;
}

.profile-wrap .button-default {
  margin-top: 2.5rem;
  background-color: var(--button-search);
}

.removeBgImage {
  background-color: var(--primary-apsl);
  background-image: none;
}

button.button-default {
  border: 0;
  width: auto;
}

label.custom-file-input {
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 1rem;
  background: rgba(71, 215, 172, 1);
  z-index: 2;
  transition: background 0.2s ease-in-out;
  padding: 0.5rem 0;
  text-align: center;
  margin-top: 0 !important;
}

.custom-file-input:hover {

  background: rgb(55, 171, 136);


}

.custom-file-input input[type="file"] {
  display: none;
}

.remove-avatar {
  border-radius: 1rem;
  border: 0;
  z-index: 2;
  padding: 0.6rem 0;
  background-color: #fecaca;
  color: tomato;
}

.remove-avatar:hover {
  background-color: #c48989;
  color: white;
  transition: all 0.2s ease-in-out;
}

/*************intro-newsletter*****************/

.intro-newsletter ul {
  margin-top: 2rem;
}

.intro-newsletter li {
  margin-bottom: 1rem;
  list-style: disc;
}

.intro-newsletter h1 {
  margin: 0;
}

/************secondary-hero-modifications******/


.blackTextColor {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 3.1rem;
  letter-spacing: 0em;
  text-align: left;
  color: var(--dark-grey);
}


.two-columns .tab-grid,
.three-columns .tab-grid {
  margin-top: 1rem;
}

.two-columns p,
.three-columns p {
  margin-bottom: 1rem;
}

.two-columns h2,
.three-columns h2 {
  color: var(--dark-grey);
  font-size: 3rem;
  font-style: normal;
  font-weight: 900 !important;
  line-height: normal;
  margin-bottom: 2rem;
}

/***resetting titles same jerarchy***/

h2 {
  color: var(--dark-grey);
  font-size: 2.1rem !important;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  margin-bottom: 2rem;
}


@media (min-width: 768px){
  h2 {
    
    font-size: 3.6rem !important;
    
  }
}

h3 {
  color: var(--dark-grey);
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 2rem;
}

h4 {
  color: var(--dark-grey);
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 2rem;
}

/***end reset**/

.sub-block .tab-item {
  margin-top: 0;
}


.main-block section:not(.communicate) h3 {
  color: var(--secondary-apsl);
  text-decoration: underline;
}

.main-block .tab-item,
.main-block .tab-grid {
  margin-top: 0;
}



/*****pagination*********/
.page-item.active a {
  background-color: var(--secondary-apsl);
}

.active>.page-link,
.page-link.active {
  border-color: var(--secondary-apsl);
}

.pagination {
  justify-content: center;
  border-color: var(--secondary-apsl);
}

.page-link {
  font-family: var(--fuentePrincipal);
  color: var(--secondary-apsl);
  border-color: var(--secondary-apsl);
  font-size: 1.4rem;
}

.page-link:hover {

  color: var(--blanco);
  border-color: var(--secondary-apsl);
  background-color: var(--secondary-apsl);
  opacity: 0.7;
}

.page-item {
  border-color: var(--secondary-apsl);
}

.hero-video-title {
  color: var(--old-primary) !important;
  font-family: var(--fuentePrincipal);
  font-size: 30px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  margin-bottom: 0 !important;
}

.hero-video::after {
  display: none;
}

.blackTextColor {
  color: var(--blanco) !important;
}

.blackTextColor p {
  color: var(--blanco) !important;
}

@media screen and (min-width: 768px) {
  .container {
    max-width: 991px;

  }
}
.home-active{
  display:none!important;
}
.home-active img {
  width: 40px;
  margin: 0 auto;
}
@media screen and (min-width: 992px){
  .home-active{
    display: block!important;
  }
  .navbar-brand{
    display: none!important;
  }
}
@media screen and (max-width: 992px){
  .navbar-brand img{
    width: 3rem;
  }
}
@media (min-width: 768px) {

  .home-active a {

    padding-right: 15px;
    border-right: 1px solid grey;
    transition: all 0.2s ease-in-out;
  }
}


.home-active a:hover {
  filter: saturate(0.5);

}

.menu>li {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.home-active img {
  width: 40px;
  margin: 0 auto;
  align-items: center;
  display: flex;
  justify-content: center;

}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background-color: #f9f9f9;
}

/**adjust scroll**/
html {
  scroll-padding-top: 150px;
}

.tab-grid .team,
.two-columns .team,
.three-columns .team {
  background-color: transparent;
}

/**adjust know the team****/
@media screen and (min-width: 768px) {
  .member-item {

    flex: initial;
    flex-grow: 1;
  }

  .member .member-item:nth-child(1) {

    width: 65%;
  }

  .member .member-item:nth-child(2) {

    width: 30%;
  }

}

p {
  font-family: var(--fuentePrincipal) !important;
}


@media (min-width:768px) {
  .last-weekly-item {
    max-width: 50%;
  }
}

.member-title {
  margin-bottom: 2.5rem !important;
}

p {
  line-height: 2.5rem;
}

h2 {
  margin-top: 4rem;
}

.two-columns h2,
.three-columns h2,
.main-block h2,
.sub-block h2,
.block-know_how_the_team h2 {
  margin-top: 0;
}

.submenu li {
  margin-bottom: 0.5rem;
  background-color: transparent !important;
}

p a {
  color: var(--primary) !important;
  word-wrap: break-word;
}

p a:hover {
  color: var(--primary) !important;
}

p a:focus {
  color: var(--primary) !important;
}


/***BLOQUE OPINION***/

.opinion h2 {
  color: var(--negro);
  font-size: 3rem !important;
  font-style: normal;
  font-weight: 900 !important;
  line-height: normal;
  margin-bottom: 2rem;
  text-align: center;
}

.opinion .tab-item-wrap {
  display: flex;
  margin: 0 auto !important;
  max-width: 65rem;
}

/***row reverse***/
.reverse {
  flex-direction: row-reverse;
}

.error-wrap {
  max-width: 80rem;
}

.error-wrap .button-default {
  margin: 0 auto 2rem 0;
}

.error-wrap p {
  margin-bottom: 3rem;
}

.page-error {
  background-color: white !important;

}


#privacyContainer section::after {
  display: none;

}

.root-block section::after {
  display: none;
}

.approved {
  background-color: orange !important;
}

h2,
h3,
h4 {
  display: flex;
  gap: 2rem;
  width: fit-content;
}

.root-block section::after {
  display: none;
}

.approved {
  background-color: orange !important;
}

h2,
h3,
h4 {
  display: flex;
  gap: 2rem;
  width: fit-content;
}

.root-block section::after {
  display: none;
}

.root-block section:not(.hero-video) {
  padding: 0 !important;
}

.tab-item.tab-item-full {
  width: 50%;
  flex-grow: 0;
}

h2,
h3,
h4 {
  display: flex;
  gap: 2rem;
  width: fit-content;
}

/**button with icons**/

.button-icon-primary:hover img,
.button-icon-secondary:hover img,
.button-icon-terciary:hover img,
.button-icon-fourth:hover img {
  filter: invert(1);
}

.button-icon-primary,
.button-icon-secondary,
.button-icon-terciary,
.button-icon-fourth {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
}

.button-icon-primary img,
.button-icon-secondary img,
.button-icon-terciary img,
.button-icon-fourth img {
  width: 36px;
}

.button-icon-secondary {
  background-color: orange;
}

.button-collection {
  display: flex;
  gap: 1rem;
  width: fit-content;
}


h2,
h3 {
  display: flex;
  gap: 2rem;
  width: fit-content;
  align-items: center;
}



.tab-pane h3 {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.tab-pane .team-title {
  font-weight: 400;
  margin: 2rem 0;
}

.tab-content {
  margin-bottom: 4rem;
}

.block-title-title {
  color: var(--negro) !important;
  text-decoration: none !important;
  text-align: center !important;
  display: block;
  width: auto !important;
}

/* Estilo para el checkbox cuando está seleccionado */
.checkbox[aria-checked="true"]::before {
  content: "\2713";
  /* Símbolo de checkmark */
  position: absolute;
  left: 0;
  color: var(--secondary-apsl);
  background-color: var(--blanco);
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid var(--secondary-apsl);
}

/* Estilo para el checkbox cuando no está seleccionado */

.checkbox[aria-checked="false"]::before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--secondary-apsl);
  background-color: var(--blanco);
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid var(--secondary-apsl);
}

label[for="profile-check"] {
  margin-top: 2.5rem;
}

.profile-wrap .button-default {
  margin-top: 2.5rem;
}

input[type="checkbox"] {
  display: none;
}

@media print {
  :root {
    /* Fuentes */
    --fuentePrincipal: 'Inter', sans-serif;
    --fuenteSecundaria: 'Roboto', sans-serif;
  
    /* Tamaño de Media Queries*/
    --telefono: 480px;
    --tablet: 992px;
    --desktop: 1024px;

    --primary: #186d53;
    --old-primary: #47d7ac;
    --secondary: #781FFF;
    --secondary-apsl: #186d53;
    --terciary-apsl: #CEDCF3;
    --primary-apsl: #13294B;
    --button-default-bg: #9AE9D2;
    --button-default-txt: #06041F;
    --negro-apsl: #3C3C3C;
    --box-shadow: rgba(71, 215, 172, 0.60);
    --light-blue: #7AD4EA;
    /*--negro: #333333;*/
    --negro: black;
    --blanco: #FFFFFF;
    --gray: #D1D1D1;
    --background-apsl: #FFFFFF;
    --toggle-bg: #C4F2E5;
    --toggle-icon: #06041F;
    --title: var(--negro);
    --gray-breadcrumb: #6c757d;
    --menu-weekly: #FFFFFF;
    --dark-grey: #333333;
    --button-search: #C4F2E5;
    --green-two: #219774;
    --grey-filter: transparent;
    --modal-background: #FFFFFF;
    --input-green: #219774;
    --like-button: #FFFFFF;
    --like-text: #1C829C;
    --like-text-active: #FFF;
    --like-button-hover: #186d53;
    --member-message-background: #C4F2E5;
    --member-message-text: black;
  }

  .tab-item-wrap p {
    color: var(--blanco);
  }

  .ceo-text p {
    color: var(--negro);
  }

  .likeButton {
    display: none
  }

  header {
    display: none;
  }

  img {
    max-width: 60%;
  }

  h2 .button-default,
  h3 .button-default,
  h4 .button-default {
    display: none !important;
  }

  .tab-item-wrap p {
    color: var(--primary-apsl);
  }

  body {
    background-color: white;
    color: black;
  }

  h2 {
    font-size: 2.8rem !important;
  }

  h3 {
    font-size: 2.2rem !important;
  }

  h4 {
    font-size: 1.8rem !important;
  }

  h2,
  h3,
  h4 {
    margin-top: 1.5rem;
    margin-bottom: 0;
  }

  p:empty {
    display: none;
  }

  .member-message {
    margin: 0;
  }

  section {
    padding: 1.5rem 0;
  }
  @page {
    margin: 1.5cm;
  }

  @page {
    @bottom-center {
        content: none;
    }
    @top-center {
      content: none;
    }
  }

}

.main-block section:not(.hero-video),
.main-block ul {
  padding-top: 0 !important;
}

.button-icon-terciary {
  background-color: red;
}

.main-block section,
.main-block ul {
  padding-top: 0 !important;
}


.main-block li {
  margin-bottom: 1.5rem;
}

.tab-item-wrap *:empty {
  display: none;
}

.tab-item-text {
  display: none;
}

.button-icon-fourth {
  background-color: #92c0f1 !important;
}

.button-icon-fourth:hover {
  background-color: black !important;
}

.login-google:focus {
  outline: 2px solid black;
}

/**efectos css login**/
@keyframes jumbo {
  from {
    background-position: 50% 50%, 50% 50%;
  }

  to {
    background-position: 350% 50%, 350% 50%;
  }
}

.login::after {
  --stripes: repeating-linear-gradient(100deg,
      #fff 0%,
      #fff 7%,
      transparent 10%,
      transparent 12%,
      #fff 16%);
  --stripesDark: repeating-linear-gradient(100deg,
      #000 0%,
      #000 7%,
      transparent 10%,
      transparent 12%,
      #000 16%);
  --rainbow: repeating-linear-gradient(100deg,
      #47D7AC 10%,
      #219774 15%,
      #47D7AC 20%,
      #219774 25%,
      #47D7AC 50%,
      #47D7AC 70%);
  background-image: var(--stripes), var(--rainbow);
  background-size: 300%, 200%;
  background-position: 50% 50%, 50% 50%;

  filter: blur(20px) invert(100%);

  mask-image: radial-gradient(ellipse at 100% 0%, black 40%, transparent 70%);
  -webkit-mask-image: radial-gradient(ellipse at 100% 0%, black 40%, transparent 70%);
  pointer-events: none;
}

.login::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--stripes), var(--rainbow);
  background-size: 200%, 100%;
  animation: jumbo 60s linear infinite;
  background-attachment: fixed;
  mix-blend-mode: difference;
}


.login form {
  z-index: 1;
}

.logo-weekly {
  display: block;
  margin-bottom: 4rem;
}

.wrap-buttons-edit-remove {
  display: flex;
  gap: 1.5rem;
  justify-content: flex-start;
  margin: 0 0 2rem 0;
}

.wrap-buttons-edit-remove a {
  margin: 0;
}

.ceo-message .opinion {
  margin-top: 2rem;
}

.ceo-message .opinion .container {
  padding: 0;
}

.container-dates p {
  text-align: center !important;
  margin-bottom: 1rem;
}

.container-dates {
  padding: 2rem 0;
}

.container-title h1 {
  text-align: center !important;
  color: var(--title);
}

.container-title h3 {
  text-align: center !important;
  margin: 0 auto 3rem auto;
  padding-bottom: 3rem;
  color: var(--title);
}

/*******tooltip**********/
/* Hide the tooltip content by default */
.button-default {
  position: relative;
}

[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-bottom: 5px;
  transform: translateX(-50%);
  padding: 7px;
  width: max-content;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: var(--old-primary);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid var(--old-primary);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}


.button-icon-primary[data-tooltip]::before {
  background-color: var(--button-default-bg);
  color: black;
}

.button-icon-primary[data-tooltip]::after {
  border-top: 5px solid var(--button-default-bg);

}

.button-icon-secondary[data-tooltip]::before {
  background-color: orange;
  color: black;
}

.button-icon-secondary[data-tooltip]::after {
  border-top: 5px solid orange;

}

.button-icon-terciary[data-tooltip]::before {
  background-color: red;
  color: white;
}

.button-icon-terciary[data-tooltip]::after {
  border-top: 5px solid red;

}

.button-icon-fourth[data-tooltip]::before {
  background-color: #92c0f1;
  color: black;
}

.button-icon-fourth[data-tooltip]::after {
  border-top: 5px solid #92c0f1;

}

/*****BREADCRUMB******/
.breadcrumb {
  margin-top: 2rem;
  background-color: transparent;
}

.breadcrumb a {
  color: var(--primary);
}

/* IMPORTANT MESSAGE */

.important-message {
  background-color: #cd4444;
  color: white;
  padding-inline-end: 2em;
  padding-inline-start: 2em;
  border-bottom: 3px solid #0000;
  padding-bottom: 2rem;
  padding-top: 2rem;
}

.text-important-message {
  margin-left: 10px;
}



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

  h2,
  h3,
  h4 {
    flex-wrap: wrap;
    gap: 1.5rem;
    width: 100%;
  }

  .bg-user {
    background-color: var(--background-apsl);
  }

  .submenu.show {
    position: absolute;
    z-index: 9999;
  }

  .container-title h3 {
    text-align: center !important;
    display: inline-block;
    margin: 0 auto 3rem auto;
    padding-bottom: 3rem;
    color: var(--title);
  }

  
}

.breadcrumb .bi-house-door-fill {
  fill: #6c757d;
  top: -0.2rem;
  position: relative;
}

.breadcrumb li:not(.active) .bi-house-door-fill {
  fill: var(--primary);
  top: -0.2rem;
  position: relative;
}

.opinion p a {
  color: #9ccf86 !important;
}

section.opinion, section.two-columns, section.three-columns {
  margin-bottom: 3rem;
}


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

  h2,
  h3,
  h4 {
    flex-wrap: wrap;
    gap: 1.5rem;
    width: 100%;
  }

}

#comunicación-tab-pane:has(:not(h3)) .wrap-buttons-edit-remove {
  justify-content: center;
}

.communicate-members:empty {
  display: none !important
}


/*****FILTROS********/

.setting-filters {
  background-color: var(--grey-filter);
  border: none;
  border-radius: 50%;
  opacity: 0.6;
  transition: all 0.2s ease-in;
  text-align: center;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.setting-filters:hover,
.setting-filters:focus {
  opacity: 1;
  border: none;
}

.setting-search {
  background-color: var(--button-default-bg);
  border: none;
  border-radius: 50%;
  transition: all 0.2s ease-in;
  text-align: center;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.submenu li:not(:last-child),
.submenu2 li:not(:last-child) {
  margin-bottom: 0.5rem;
}

.home-weeklies .weekly-item:first-of-type {
  border-right: none;
}

.wrap-title-search {
  display: flex;
  align-items: center;
}

.search-form {
  right: 1rem;
  position: relative;
  height: 100%;
  width: 100%;
}

.wrap-title-search .search-xl {
  width: 96%;
  margin-top: 0;
  margin-bottom: 1.6rem;
}

.modal-body {
  padding: 3rem;
}

.modal-body .small-title {
  color: #000;
  font-size: 1.2rem !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  width: auto;
  display: block;
}

.modal-body label {
  color: var(--title);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  width: 100%;
}

.modal-body input[type="date"],
.modal-body input[type="text"] {
  border-radius: 10px;
  border: 1px solid var(--colores-puros-corporativos-400-primary-default, #47D7AC);
  padding: 1rem;
  color: var(--input-green);
  background-color: var(--modal-background);
  width: 100%;
}

.wrap-form {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.wrap-form {
  margin-bottom: 2rem;
}



@media (min-width: 768px) {
  .modal-dialog {
    width: 40rem;
  }
}

.modal-footer {
  margin: 0 auto 1rem auto;
  border-top: 0;
}

.modal-footer button {
  border-radius: 10px;
  background: var(--colores-puros-corporativos-800-secunday, #06041F);
  color: var(--negro);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: 0;
  padding: 0.5rem 1rem;
}

.modal-footer button:hover {
  border-radius: 10px;
  background: var(--primay-200-primary, #9AE9D2);
  color: #06041F;
}

.modal-footer button:focus {
  border-radius: 10px;
  background-color: #47D7AC;
  color: #06041F;
}

.modal-footer .btn-check:checked+.btn,
.btn.active,
.modal-footer .btn.show,
.modal-footer .btn:first-child:active,
.modal-footer :not(.btn-check)+.btn:active {
  border-radius: 10px;
  background-color: #47D7AC;
  color: #06041F;
}

.modal-header {
  border: none;
}

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

  h2,
  h3,
  h4 {
    flex-wrap: wrap;
    gap: 1.5rem;
    width: 100%;
  }

}

.breadcrumb-item.active {
  color: var(--gray-breadcrumb);
}

.breadcrumb .bi-house-door-fill {
  fill: var(--gray-breadcrumb);
  top: -0.2rem;
  position: relative;
}

.breadcrumb li:not(.active) .bi-house-door-fill {
  fill: var(--primary);
  top: -0.2rem;
  position: relative;
}

.opinion p a {
  color: #9ccf86 !important;
}


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

  h2,
  h3,
  h4 {
    flex-wrap: wrap;
    gap: 1.5rem;
    width: 100%;
  }

   h2 .button-default{
    margin:0!important;
   }
}

#comunicación-tab-pane:has(:not(h3)) .wrap-buttons-edit-remove {
  justify-content: center;
}

.communicate-members:empty {
  display: none !important
}

.opinion-list {
  padding: 0;
}

.opinion-list h3 {
  color: var(--negro);
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  gap: 1rem;
  margin: 0 0 2rem 0;
  text-decoration: none;
}

.tabpanel-container {
  padding: 3rem 0 0 0;
}

li,
a {
  font-family: var(--fuentePrincipal) !important;
  font-size: 1.4rem;
}

@media (min-width: 768px) {

  li,
  a {
    font-size: 1.6rem;
  }
}

main {
  transition: all 0.3s ease-in;
}

@media (min-width: 768px) {
  .collapse-main {
    padding-left: 6rem !important;
  }
}

.main-container:has(.important-message) {
  gap: 0;
}

.modal-body h2{
  margin-top: 0;
}
img.collapse-aside{
  transition: none!important;
}
img.collapsed-button{
  transform: rotate(180deg);
  transition: none!important;
}

/* scroll progression bar*/

.progress-container {
  background-color: rgb(150, 150, 150);
  height: 10px;
  width: 100%;
  position:fixed;
  top:0;
  z-index:9;
}

.progress-bar {
  background-color: #9AE9D2;
  height: 10px;
  width: 0%;
}

.search-container2 {
  position: relative;
  display: flex;
  margin: 4px 2px 2rem auto;
  height: 50px;
  vertical-align: bottom;

}

.mglass {
  display: inline-block;
  pointer-events: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}

.searchbutton2 {
  position: absolute;
  font-size: 22px;
  width: 5rem;
  margin: 0;
  padding: 0;
  z-index: 2;
  border-radius: 1rem;
  right: 0;
  background-color: var(--button-search) !important;
  color: var(--negro);
}



.search2 {
  position: absolute;
  left: 49px;
  background-color: white;
  outline: none;
  border: none;
  padding: 0;
  height: 100%;
  transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  background-color: #C4F2E5;
  border-radius: 1rem;

  padding: 0 16px 0 0;
  width: 4rem;
  left: auto;
  right: 1rem;
}



.expandright2 {

  z-index: 1;
  padding-left: 16px;
  padding-right: 4rem;
  width: 100%;
}

.search2::placeholder {
  color: #219774;
  /* Cambia el color aquí según tus preferencias */
}


.search-form2 {
  right: 1rem;
  position: relative;
  height: 100%;
  width: 100%;
}

@media (min-width: 768px) {


  .expandright2 {
    width: 50%;
  }

}
.know-team .search-container2{
  width: 100%;
  margin: 4px auto 2rem 0;
}

.know-team .expandright2{
  width: 100%;
  padding-right: 50px;
}
.know-team .search2,
.know-team .searchbutton2{
  position: static
}
.know-team .search-form2{
  right:0;
}
@media (min-width: 768px) {
  .know-team .search-container2{
    width: 100%;
    margin: 4px auto 2rem 0;
  }
}

.know-team .searchbutton2{
  margin: 0 0 0 auto;
  top:-100%;
  position: relative;
}
/***Burger mobile menu***/
.burger {
  display: inline-block;
  border: 0;
  background: none;
  outline: 0;
  padding: 0;
  cursor: pointer;
  border-bottom: 4px solid currentColor;
  margin-top: 8px;
  width: 28px;
  transition: border-bottom 1s ease-in-out;
  -webkit-transition: border-bottom 1s ease-in-out;
}
.burger::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.burger:before {
  content: "";
  display: block;
  border-bottom: 4px solid currentColor;
  width: 100%;
  margin-bottom: 5px;
  transition: transform 0.5s ease-in-out;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
}
.burger:after {
  content: "";
  display: block;
  border-bottom: 4px solid currentColor;
  width: 100%;
  margin-bottom: 5px;
  transition: transform 0.5s ease-in-out;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
}



.burger-check:checked ~ .burger {
  border-bottom: 4px solid transparent;
  transition: border-bottom 0.8s ease-in-out;
  -webkit-transition: border-bottom 0.8s ease-in-out;
}
.burger-check:checked ~ .burger:before {
  transform: rotate(-405deg) translateY(1px) translateX(-3px);
  -webkit-transform: rotate(-405deg) translateY(1px) translateX(-3px);
  transition: transform 0.5s ease-in-out;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
}
.burger-check:checked ~ .burger:after {
  transform: rotate(405deg) translateY(-4px) translateX(-5px);
  -webkit-transform: rotate(405deg) translateY(-4px) translateX(-5px);
  transition: transform 0.5s ease-in-out;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
}

.menu-weekly {
  overflow: hidden;
  max-height: 0;
  opacity:0;
  background-color: var(--background-apsl);
}

.menu-weekly:has(.show){
  overflow: visible;
  
}
.navbar{
  background-color: #9ae9d2;
}
.navbar:has(.burger-check:checked){
  background:linear-gradient(180deg,#9ae9d2 51px,transparent 0)
}
.burger-check:checked ~ .menu-weekly {
  max-height: 500px;
  opacity: 1;
  transition: all 0.5s ease-in-out;
  margin-top: 2rem;
  padding:2rem;
  overflow-y: auto ;
}

@media screen and (min-width:992px) {
  .menu-weekly{
    opacity: 1!important;
    margin-top: 0!important;
    height: fit-content;
    overflow: visible;
    background-color: var(--background-apsl);
    max-height: fit-content;
    padding:2rem;
  }

  .burger-check, .burger {
    display: none;
  }
  .navbar{
    background-color: transparent!important;
  }
}

.menu-weekly::-webkit-scrollbar {
  width: 12px; 
  height: 12px;  
}

.menu-weekly::-webkit-scrollbar-thumb {
  background: #888; 
  border-radius: 6px;  
}

.menu-weekly::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.menu-weekly::-webkit-scrollbar-track {
  background: #f1f1f1; 
}

@media screen and (min-width: 992px) {

  .menu-weekly{
    overflow-y: visible;
  }
}

.third-submenu--trigger {
  position: relative;
  cursor: pointer;
}
.third-submenu--trigger:hover .third-submenu {
  visibility: visible;
  opacity: 1;
}


.third-submenu--trigger i {
  position: absolute;
  top: calc(50% - 6px);
  right: 8px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
}

.third-submenu--trigger i {
  transform: rotate(-45deg);
}


.third-submenu {
  opacity: 0;
  visibility: hidden;
  margin: 0;
  padding: 2rem 3rem;
  position: absolute;
  left: 0;
  width: max-content;
  list-style: none;
  background: white;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.35);
  transition: 0.2s ease-out;
  border-radius: 1rem;
}


.third-submenu li:hover {
  background: white;
}

.third-submenu {
  top: 0;
  left: 100%;
}


.third-submenu--trigger:hover > a{
  font-weight: 900 !important;
}

.third-submenu--trigger > a::after{
  font-weight: 900 !important;
  margin-left: 1rem;
  content:'+';
  font-size: inherit;
  color:#333333;
  opacity: 0.8;
}
.submenu{
  position:static;
  transform: none;
  margin-top: 0!important;
  padding: 1rem 2rem!important;
  margin-bottom: 2rem;
  width: 100%!important;
  background-color: var(--menu-weekly);
}

.submenu li a,.menu >li a{
  align-items: flex-start!important;
  text-align: left;
}
.container-title{
  padding-top: 6rem;
}

@media (min-width: 992px) {
    header{
      padding-top: 2rem;
    }
  .container-title{
    padding-top: 12rem;
    color: var(--title);
  }
  .submenu{
    position:absolute;
    margin-top: 3rem!important;
    padding: 2rem 3rem!important;
    width: max-content!important;
    background-color: var(--menu-weekly) !important;
    left: 50%;
    transform: translateX(-50%);
  }
  .submenu a{
    text-align: left!important;
  }
  .third-submenu {
    height: 0px;
    display: block;
    position: static;
    overflow: hidden;
    margin-left: -20px;
  }
  .third-submenu li {
    background: #424654;
    padding-left: 40px;
  }

  .third-submenu--trigger.active .third-submenu {
    height: auto;
  }


.third-submenu {
    box-shadow: none;
  }


}

.member-message h4 {
  display: block !important;
}

h4 a {
  font-size: 1.8rem !important;
}

.theme-button {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background-color: var(--toggle-bg);
  color: var(--toggle-icon);
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.theme-button.dark {
  background-color: var(--toggle-bg);
}

.theme-button:hover {
  transform: scale(1.1);
}

.theme-icon {
  width: 60%;
  height: 60%;
}

.header-newsletter-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-right: 1rem;
  box-sizing: border-box;
}

.button.searchbutton {
  background-color: var(--button-search) !important;
  border-radius: 30rem !important;
}

.button.searchbutton:hover {
  background-color: var(--button-default-bg) !important;
}

.modal-content {
  background-color: var(--modal-background);
  box-shadow: 0px 0px 10px 0px var(--box-shadow);
  border-radius: 3rem;
}

.search-button {
  background-color: var(--button-search) !important;
  color: var(--negro);
}

.header-weekly {
  padding: .5rem 1rem;
  display: flex;
  justify-content: flex-end;
  padding-left: 2rem;
}

.searchInput {
  background-color: var(--button-search) !important;
  color: var(--negro);
}

.searchInput {
  background-color: var(--button-search) !important;
  color: var(--negro);
}

.card-img {
  margin: 0 auto 2.8rem auto;
  border-radius: 12px;
}

.tab-item ul,
.tab-item ol {
  color: var(--negro);
}

.tab-item-wrap p {
  color: var(--blanco);
}

.error-message {
  color: var(--error-message);
  display: none;
  text-align: left;
}

.error-message.previous-weekly {
  display: block !important;
}

.submenu.mobile li a{
  color: white !important;
}

.header-newsletter-list nav {
  flex: 1;
  overflow: hidden;
  padding-left: 3rem;
}

.header-newsletter-list button {
  flex-shrink: 0;
  margin-left: 1rem;
}

.user-header-xs .theme-button {
  width: 40px;
  height: 40px;
}

.header-left {
  flex-shrink: 0;
}

.header-right {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  flex-grow: 1;
  justify-content: flex-end;
}

.wrap-title-search.previous {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 1rem;
}

.wrap-title-search.previous .last-weekly-title{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

.search-container.search-xl.previous {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-grow: 1;
  gap: 0.5rem;
  min-width: 0;
}

.header-right .setting-filters, .header-right .setting-search {
  width: 40px;
}


.icon-white {
  filter: var(--icon-white-dm);
}

.icon-black {
  filter: var(--icon-black-dm);
}

.header-review-weekly {
  margin-bottom: 5rem;
}

.container-title h2 {
  text-align: center;
}

.error-wrap.container {
  display: flex;
  align-content: center;
  justify-content: space-around;
  flex-direction: column;
}

.error-wrap.container img{
  width: 100%;
}

.know-the-team-title {
  display: inline-flex;
  margin-left: 3rem;
  align-items: center;
  justify-content: space-between;
}

.know-the-team-title .wrap-title-search {
  flex-shrink: 0;
  margin-right: 3rem;
}

.fixed-header {
  position: sticky; top: 0; background-color: var(--background-apsl); z-index: 1000;
}

.fixed-header-mb .bg-user {
  display: inline-flex;
}

.error-wrap.container h1, .error-wrap.container p {
  color: var(--title) !important;
}

.body-errors {
  position: relative;
  height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: var(--background-apsl);
  overflow: hidden;
}

.error-wrap.container {
  text-align: left;
  padding: 2rem;
  max-width: 600px;
  width: 90%;
  z-index: 2;
  position: relative;
}

.line-error {
  position: absolute;
  top: 55%;
  width: 70%;
  height: auto;
  z-index: 1
}
.carousel-item img{
  object-fit: contain;
  height:100%;
  width:100%;
}

@media screen and (max-width: 768px) {
  .carousel-inner{
  width: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .carousel a.carousel-control-next, .carousel a.carousel-control-prev{
    position: relative;
    color: var(--toggle-bg);
    opacity:1;
  }
  .carousel a.carousel-control-next:hover, .carousel a.carousel-control-prev:hover{
    color: var(--like-button-hover);
  }
}

::-moz-selection {
  color: var(--selected-text);
  background: var(--selected-text-bg);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

::selection {
  color: var(--selected-text);
  background: var(--selected-text-bg);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

#imageModals {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    pointer-events: none;
}

.image-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    pointer-events: none;
}

.image-modal.active {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.image-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.image-modal-content {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.image-modal-img {
    max-width: calc(100vw - 40px);
    max-height: calc(100vh - 40px);
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    animation: zoomIn 0.3s ease;
}

@keyframes zoomIn {
    from {
        transform: scale(0.9);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

.image-modal-close {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    color: white;
    font-size: 28px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 2;
}

.image-modal-close:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: rotate(90deg) scale(1.1);
}

@media (max-width: 768px) {
    .image-modal-img {
        max-width: 95vw;
        max-height: 85vh;
    }
    
    .image-modal-close {
        width: 40px;
        height: 40px;
        font-size: 24px;
        top: 15px;
        right: 15px;
    }
    

}

.image-modal.active .image-modal-close {
    animation: fadeInClose 0.3s ease 0.2s both;
}

@keyframes fadeInClose {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

::selection {
  color: var(--selected-text);
  background: var(--selected-text-bg);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 2rem;
}

::-moz-selection {
  color: var(--selected-text);
  background: var(--selected-text-bg);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 2rem;
}