/*
Theme Name: STAR ADVENTURES PERU Travel Agency.
Author: Jorge Quispe Chilo
Description: El tema, peronalizado y enfocado a los servicios que presta la Empresa con un diseño claro. La tipografía es sencilla, clara y legible en una gran variedad de tamaños de pantalla, además de disponible en multitud de idiomas. Lo hemos diseñado pensando primero en su uso móvil, lo que implica que tu contenido ocupará el centro de la escena independientemente de cómo lleguen tus visitantes, ya sea desde un móvil inteligente, una tableta, un portátil o un ordenador de escritorio.
Author URI: https://github.com/hanszio
version: 1.0
License: GNU General Public License v3 or later  
License URI: http://www.gnu.org/licenses/gpl-3.0.html  
Text Domain: projectzion
Tags: wordpress theme, hans designer, web developer
*/

/* GENERALES */
:root {
  --color-background: #fff;
  --color-white: #fff;
  --color-gray-1: #f0f0f0;
  --color-gray-2: #e9e5e5;
  --color-gray-3: #9c9c9c;
  --color-gray-4: #4e4f55;
  --color-gray-5: #272933;
  --color-gray-6: #1a1a1a;
  --color-black: #000;
  --color-blue: #337ab7;
  --color-blue-dark: #286090;
  --color-green: #5cb85c;
  --color-green-dark: #449d44;
  --color-yellow: #f0ad4e;
  --color-yellow-dark: #ec971f;
  --color-red: #d9534f;
  --color-red-dark: #c9302c;
  --color-vibe-green: #b2d502;
  --color-vibe-green-dark: #76aea7;
  --color-vibe-yellow: #fef43d;
  --color-vibe-yellow-dark: #fdb832;

  --color-vibe-light: #f9f8f4;
  --color-vibe-black: #2d312d;
  --color-vibe-dark: #252b23;
  --color-vibe-dark-plus: #2c4260;
  --font-primary: "Montserrat", sans-serif;
  --font-secondary: "Milonga", cursive;

  --starAdventurePeru-bg: #fff;
  --starAdventurePeru-bg-dark: #1c1f23;
  --header-height: 0px;
  --logo-height: 7rem;
  --color-alternative-green: #40513b;
  --color-alternative-green-dark: #609966;

  --starAdventurePeru-gradient-green: linear-gradient(
    90deg,
    var(--color-vibe-green) 0%,
    var(--color-vibe-green-dark) 100%
  );
  --starAdventurePeru-gradient-yellow: linear-gradient(
    90deg,
    var(--color-vibe-yellow-dark) 0%,
    var(--color-vibe-yellow) 100%
  );
}
*,
*::after,
*::before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
  margin: 0 !important;
}
body {
  font-family: var(--font-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-size: cover;
  color: var(--color-black);
}
main {
  position: relative;
  overflow-x: clip;
}
section {
  width: 96%;
  max-width: 140rem;
  margin: 0 auto;
  position: relative;
}
section p {
  box-sizing: border-box;
}
h1,
h2,
h3,
h4 {
  font-family: var(--font-secondary);
  font-style: normal;
  font-weight: 600;
  font-size: 3.2rem;
  line-height: 4rem;
  color: var(--dark);
}
h2 {
  font-weight: 500;
  font-size: 2.8rem;
}
h3 {
  font-weight: 400;
  font-size: 2.4rem;
}
h4 {
  font-weight: 300;
  font-size: 1.8rem;
}
p,
li,
a {
  font-family: var(--font-primary);
  font-style: normal;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.6rem;
  text-align: center;
  color: var(--dark);
}
p:empty {
  display: none;
  visibility: hidden;
}
a {
  text-decoration: none;
}
li {
  text-align: left;
  list-style: disc outside;
  padding-top: 0;
}
hr {
  width: 100%;
  margin: 3rem 0;
  color: var(--black);
}
main {
  overflow-x: hidden;
}
.text_left {
  text-align: left;
}
.title_h2 {
  font-size: 3.2rem;
  padding: 0rem 0rem 2rem 4.4rem;
  position: relative;
  font-weight: 500;
}
.title_h2::after {
  content: "";
  width: 3.5rem;
  height: 7rem;
  background: url("assets/images/logoEstrellaAlternativo.svg") center no-repeat;
  background-size: contain;
  top: -1.5rem;
  left: 0rem;
  position: absolute;
}

/*----------------INICIO NAVBAR------------------*/
.header__frontpage {
  height: var(--header-height);
  position: relative;
  z-index: 999;
}
.header__innerpages nav section * {
  color: var(--color-white) !important;
}
.header__nav {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  align-items: center;
}
.header__content {
  display: flex;
  place-items: center;
  justify-content: space-between;
}
#block-12,
#block-18 {
  display: none;
  color: var(--color-white);
}
.polilang-placeholder {
  display: block;
  background-color: #9c9c9c;
  height: 2rem;
  width: 3rem;
}
.header__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.815);
  padding-bottom: 2rem;
  border-bottom-left-radius: 3rem;
  border-bottom-right-radius: 3rem;
  backdrop-filter: blur(2rem);
  width: 100%;
  gap: 0.8rem;
}
.header__frontpage nav section .header__logo {
  padding: 1rem 0;
}
.header__logo img {
  height: var(--logo-height);
  width: auto;
  object-fit: contain;
  padding: 0 0.6rem;
}
.header__logo-text {
  font-size: 1.8rem;
  text-align: left;
  display: flex;
  max-width: 16rem;
  align-items: center;
  justify-content: center;
  border-left: var(--color-gray-3) thin solid;
  padding: 2rem 0 2rem 1.5rem;
  line-height: 1.2;
  letter-spacing: 0.1rem;
  word-spacing: 0.2rem;
}
.header__left-container {
  background-color: var(--starAdventurePeru-bg-dark);
  border-top-left-radius: 3rem;
  border-top-right-radius: 3rem;
  width: 100%;
  margin-top: 1.4rem;
  padding: 1rem 1.8rem;
}
.header__widgets {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}
.header-widgets img {
  height: 2.5rem;
  width: 2.5rem !important;
  object-fit: contain;
}

/*-----------BURGER------------*/
#menu__burger {
  display: none;
}
#block-11{
  width: 100%;
}
.header__widgets .wp-block-polylang-language-switcher {
  li {
    list-style: none;
    margin: 0;
  }
  a {
    text-decoration: none;
    display: block;
    img {
      border-radius: 6px;
      width: 3rem;
      height: auto;
      object-fit: cover;
      display: grid;
      place-content: center;
    }
  }
}
.header__menu input + label {
  background: var(--color-alternative-green-dark);
  border: 13px solid var(--color-alternative-green-dark);
  border-radius: 50%;
  position: fixed;
  bottom: 30px;
  right: 30px;
  height: 20px;
  width: 20px;
  z-index: 999;
  box-sizing: initial;
}

.header__menu input + label span {
  background: var(--color-vibe-light);
  position: absolute;
  width: 100%;
  height: 3px;
  top: 50%;
  margin-top: -1px;
  left: 0;
  display: block;
  transition: 0.5s;
}

.header__menu input + label span:first-child {
  top: 4px;
}

.header__menu input + label span:last-child {
  top: 16px;
}

.header__menu input + label span:nth-of-type(1) {
  width: 50%;
}

.header__menu input + label span:nth-of-type(2) {
  width: 100%;
}

.header__menu input + label span:nth-of-type(3) {
  width: 75%;
}

.header__menu label:hover {
  cursor: pointer;
}

.header__menu input:checked + label span {
  opacity: 0;
  top: 50%;
  width: 100%;
}

.header__menu input:checked + label span:first-child {
  opacity: 1;
  transform: rotate(405deg);
}

.header__menu input:checked + label span:last-child {
  opacity: 1;
  transform: rotate(-405deg);
}

.header__menu input ~ nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 0%;
  z-index: 4;
  transition: 0.5s;
  transition-delay: 0.5s;
  overflow: hidden;
  box-shadow: none;
  display: none;
}
.header__menu input ~ nav ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 3rem 0;
  box-sizing: border-box;
  align-items: center;
  margin: 0 auto;
}
.header__menu input ~ nav ul > li {
  opacity: 0;
  transition: 0.5s;
  transition-delay: 0s;
}
.header__menu input ~ nav ul > li > a {
  font-family: var(--font-primary);
  font-size: 2.2rem;
  text-decoration: none;
  text-align: center;
  color: #ffffff;
  font-weight: 400;
  display: block;
  padding: 3.3rem 3rem;
  width: 100vw;
  text-transform: uppercase;
}
.header__menu input ~ nav ul > li > a:hover,
.header__menu input ~ nav ul > li > a:active {
  color: var(--color-vibe-green-dark);
}
.header__menu input:checked ~ nav {
  display: inherit;
  background: var(--color-vibe-black);
  height: 100vh;
  width: 100vw;
}
.header__menu input:checked ~ nav ul > li {
  opacity: 1;
  transition-delay: 0.5s;
  display: block;
  margin: 0;
}
.header__menu input:checked ~ nav ul > li.current-menu-item a {
  background: var(--color-vibe-green-dark);
  color: var(--color-alternative-green-dark) !important;
}
.header__menu input:checked ~ nav ul > li:not(:last-child) {
  border-bottom: 1px solid;
}
.current-menu-item a {
  color: var(--color-vibe-green) !important;
}
.header__content-social_container div {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
}
.header__content-social_container div p {
  font-size: 1.4rem;
  display: flex;
  gap: 1rem;
  align-items: end;
}
.header__content-social_container div p img {
  width: 2rem !important;
  height: 2rem;
  object-fit: cover;
}
/*----------------FIN NAVBAR------------------*/
.frontpage_slider-wrapper {
  z-index: -1;
  width: 100%;
  position: relative;
}
/*----------------INICIO WELCOME------------------*/

.frontpage__welcome__container {
  position: relative;
  z-index: 1;
}
.frontpage__welcome__container::after {
  content: "";
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 32%
  );
  width: 100%;
  height: 15rem;
  position: absolute;
  top: -5rem;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
}
.frontpage__welcome {
  background-color: rgba(255, 255, 255, 0.87);
  position: relative;
  transform: translateY(-12rem);
  z-index: 3;
  border-radius: 3rem;
  padding: 5rem 1rem 0rem;
  text-align: center;
  overflow-x: hidden;
  backdrop-filter: blur(2px);
}
.frontpage__welcome h2 {
  color: var(--color-vibe-green-dark);
  font-size: 3.2rem;
  font-weight: 500;
}
.frontpage__welcome figure {
  width: 100%;
  position: relative;
  padding: 3.5rem 0;
}
.frontpage__welcome figure img {
  height: 2.6rem !important;
  width: auto;
  object-fit: contain;
  z-index: 0;
  position: relative;
  z-index: 2;
}
.frontpage__welcome figure::after,
.frontpage__welcome figure::before {
  content: "";
  width: 30%;
  height: 2rem;
  background-color: var(--color-vibe-green-dark);
  position: absolute;
  z-index: 1;
}
.frontpage__welcome figure::after {
  right: 50%;
  transform: translateX(-3.4rem);
  clip-path: polygon(100% 88%, 0% 100%, 100% 100%);
}
.frontpage__welcome figure::before {
  left: 50%;
  transform: translateX(3.4rem);
  clip-path: polygon(100% 100%, 0 88%, 0 100%);
}
.frontpage__welcome p {
  padding-bottom: 2rem;
  max-width: 97rem;
}
/*----------------FIN WELCOME------------------*/
/*----------------  INICIO BEST TOURS------------------*/
.frontpage__blockTours {
  background-color: var(--starAdventurePeru-bg-dark);
  color: var(--color-gray-1);
  padding: 6rem 2rem 2rem;
  border-radius: 3rem;
}
.best-destinations-container {
  position: relative;
  transform: translateY(-7rem);
}
.frontpage__blockTours p {
  text-align: left;
  word-spacing: 5px;
  line-height: 1.5;
}
.bestdestinations_box,
.toursmachupicchu_box {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
  padding-top: 4rem;
}
.toursmachupicchu_box {
  padding: 4rem 0 0 0;
}
.besttours__card {
  height: 35rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  border-radius: 2rem;
  overflow: hidden;
  position: relative;
}
.bestTours__card-img-container {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}
.bestTours__card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s ease-out;
}
.card-button {
  width: 100%;
  display: grid;
  gap: 0.5rem;
  grid-template-areas:
    "title link"
    "duration link"
    "excerpt link";
  position: relative;
  grid-template-columns: 1fr 5rem 0;
  grid-template-rows: min-content min-content 0rem;
  z-index: 0;
  place-items: self-start;
  place-content: end;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 12%,
    rgba(0, 0, 0, 0.69) 56%
  );
  padding: 1rem 1.5rem;
  height: 12rem;
  transition: height 0.5s ease, font-size 1s ease;
}
.itinerarios__banner-container::after {
  content: "";
  height: 15rem;
  width: 100%;
  z-index: 1;
  position: absolute;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 12%,
    rgba(0, 0, 0, 0.69) 56%
  );
  bottom: 0;
  right: 0;
  transition: 1s;
}
.card-button > * {
  z-index: 2;
}
.card-title {
  grid-area: title;
  font-size: 2rem;
  text-align: left;
  line-height: 1.2;
  transition: color 1s ease-out;
  word-spacing: 2px;
}
.card-duration {
  grid-area: duration;
  text-align: left;
  position: relative;
  text-transform: uppercase;
  font-size: 1.5rem;
  transition: color 1s ease-out;
  word-spacing: 2px;
}
.card-excerpt {
  grid-area: excerpt;
  font-size: 1.3rem !important;
  visibility: hidden;
  height: 0;
  color: var(--color-white) !important;
  margin-top: 2rem;
  opacity: 0;
  transition: all 1s;
}
.card-button-itinerary {
  grid-area: link;
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--starAdventurePeru-gradient-green);
  height: 4.8rem;
  width: 4.8rem;
  border-radius: 1.4rem;
  transition: all 1s;
}
.card-arrow {
  fill: var(--color-vibe-light);
  stroke: var(--color-vibe-light);
  height: 2.6rem;
  width: 2.6rem;
  transition: transform 0.8s ease;
}
.besttours__card:hover .card-button {
  grid-template-areas:
    "title link"
    "duration link"
    "excerpt link";
  grid-template-rows: min-content min-content min-content;
  padding-bottom: 0;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(0, 0, 0, 0.69) 0%
  );
  place-content: center;
}
.besttours__card:hover .bestTours__card-img {
  transform: scale(1.2);
}
.besttours__card:hover .card-excerpt {
  opacity: 1;
  visibility: visible;
  height: auto;
}
.besttours__card:hover .card-title,
.besttours__card:hover .card-duration {
  color: var(--color-vibe-yellow-dark);
}
.besttours__card:hover .card-duration::after {
  content: "";
  background: var(--starAdventurePeru-gradient-yellow);
  width: 5rem;
  height: 3px;
  position: absolute;
  bottom: -1rem;
  left: 0;
  z-index: 10;
}
.besttours__card:hover .card-button-itinerary {
  background: var(--starAdventurePeru-gradient-yellow);
}
.besttours__card:hover .card-arrow {
  fill: black;
  stroke: black;
  transform: rotate(315deg);
}
.faq_right {
  margin-top: 3rem;
  place-content: center;
  place-self: center;
  width: 100%;
}
.frontpage__blockTours.toursmachupicchu-box {
  background-color: transparent;
  padding: 0 2rem 0;
}
.frontpage__blockTours.toursmachupicchu-box.innerpage {
  padding-top: 7rem;
}
.frontpage__blockTours.toursmachupicchu-box h2::after {
  background: url("assets/images/logoEstrella.svg") center no-repeat;
  background-size: contain;
}
.toursmachupicchu-box h2,
.toursmachupicchu-box p {
  color: var(--color-vibe-black);
}

/*----------------  FIN BEST TOURS------------------*/

/*------------FOOTER------------*/
.footer {
  background-color: var(--starAdventurePeru-bg-dark);
  color: var(--color-vibe-light);
  padding: 5rem 0 0rem;
  position: relative;
}
.footer * {
  font-weight: 200;
}
.footer__widgets {
  display: flex;
  justify-content: space-between;
  gap: 4rem;
  flex-wrap: wrap;
  padding: 4rem 0;
}
.footer_widgets-item {
  max-width: 35rem;
}
.footer_logo-wrapper div {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.footer_logo-wrapper div figure {
  width: 20rem;
}
.footer_logo-wrapper div p {
  text-align: left;
}
.footer__widgets h3,
.widgettitle {
  color: var(--color-vibe-green-dark) !important;
  padding-bottom: 2rem !important;
  font-family: var(--font-primary) !important;
  font-weight: 500;
  font-size: 2.5rem;
}
.footer_contact-wrapper div {
  display: flex;
  flex-direction: column;
}
.footer_contact-wrapper div > *:not(:first-child) {
  margin: 0.4rem 0 !important;
  position: relative;
  padding-left: 3rem;
  text-align: left;
}
.footer_contact-wrapper div > *:not(:first-child)::after {
  content: "";
  width: 2.2rem;
  height: 2.2rem;
  position: absolute;
  left: 0;
  bottom: 50%;
  transform: translateY(50%);
}
.footer_contact-wrapper div > p:nth-child(2)::after {
  background: url(assets/images/home.svg) center no-repeat;
  background-size: contain;
  bottom: 0;
  top: 0;
  transform: translateY(20%);
}
.footer_contact-wrapper div > p:nth-child(3)::after {
  background: url(assets/images/call.svg) center no-repeat;
  background-size: contain;
}
.footer_contact-wrapper div > p:nth-child(4)::after {
  background: url(assets/images/mail.svg) center no-repeat;
  background-size: contain;
}
#nav_menu-2 {
  max-width: 30rem !important;
}
#nav_menu-2 .menu {
  padding-left: 3rem;
}
.wp-block-image {
  margin: 0 !important;
}
.wp-block-group__inner-container p:first-of-type {
  display: flex !important;
  gap: 1.2rem;
  justify-content: center;
}
.wp-block-group__inner-container p img {
  width: 3.2rem !important;
  height: auto;
  cursor: pointer;
}
.footer_media {
  padding: 3rem 0 !important;
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.footer__copyright {
  background-color: #40464f;
}
.copy {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4rem;
  padding: 4rem;
  flex-wrap: wrap;
}
/*------------INICIO SINGLE TOUR PAGE---------------*/

.header__innerpages nav section {
  background-color: var(--starAdventurePeru-bg-dark);
  margin-top: 1.4rem;
  border-radius: 3rem;
  gap: 2rem;
  padding: 1.5rem;
}
.header__innerpages nav section .header__logo,
.header__innerpages nav section .header__left-container {
  background-color: transparent;
  padding: 0;
}
.custom-logo-link {
  display: block;
  position: relative;
}
.header__innerpages
  .header__content
  .header__nav
  .header__logo
  .custom-logo-link
  img {
  visibility: hidden;
}
.header__innerpages
  .header__content
  .header__nav
  .header__logo
  .custom-logo-link::after {
  content: "";
  background: url(assets/images/logoAlternativo.svg) center no-repeat;
  background-size: contain;
  position: absolute;
  height: var(--logo-height);
  width: 100%;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  z-index: 1;
}
.itinerarios__content-grid-wrapper {
  display: grid;
  grid-template-areas:
    "banner"
    "excerpt"
    "itinerary"
    "form";
  gap: 4rem;
  place-items: center;
}
.itinerarios__banner-container {
  display: grid;
  grid-area: banner;
  margin: 3rem auto 0;
  position: relative;
  z-index: 0;
  border-radius: 3rem;
  overflow: hidden;
  width: 100%;
}
.itinerarios__content {
  grid-area: excerpt;
}
.general_sidebar {
  grid-area: form;
}
.single_tour-wrapper {
  grid-area: itinerary;
  min-width: 100%;
}
.single_page-title_container {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding-left: 2rem;
}
.text_white {
  color: var(--color-white);
}
.single_page-subtitle {
  transform: translateY(-1.5rem);
  font-size: 2rem;
  text-transform: uppercase;
  text-align: left;
  padding-left: 6rem;
  font-weight: 500;
  padding-bottom: 1rem;
}
/*-------------FORM-----------*/
.general_sidebar {
  overflow: hidden;
  border-radius: 3rem;
  grid-area: form;
  background-color: var(--starAdventurePeru-bg-dark);
  height: max-content;
  padding: 1.5rem 1rem;
  max-width: 51rem;
}
.itinerarios__form {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.itinerarios__form p {
  font-size: 2.4rem;
  color: var(--color-vibe-light);
  text-align: left;
  padding: 1rem 0 2rem 1rem;
  font-weight: 900;
}
.itinerarios__form-title h4 {
  padding-bottom: 0;
}
.itinerarios__form-title span {
  display: inline-block;
  font-size: 1.4rem;
  padding-left: 4.4rem;
  margin: 0.8rem 0 2rem;
  text-transform: uppercase;
  font-weight: 600;
}
.wpcf7-form {
  display: grid;
  gap: 1.5rem;
  font-family: inherit !important;
  color: var(--color-black);
  border-bottom-left-radius: 3rem;
  border-bottom-right-radius: 3rem;
  place-items: center;
}
.wpcf7-form > * {
  width: 100%;
}
.wpcf7-form-control {
  padding: 1.2rem 2rem;
  border-radius: 1rem;
  outline: none;
  font: 1.6rem var(--font-primary);
  border: thin solid var(--color-gray-3);
  width: 100%;
}
.wpcf7-form label span {
  font-size: 1.6rem;
  margin: 2rem 0;
}
.wpcf7-form-control-wrap textarea {
  resize: none;
}
.v_submit {
  align-self: center;
  width: auto;
  margin: 0 auto;
}
.wpcf7-not-valid-tip {
  margin: 0.5rem 0 !important;
}
.wpcf7-submit {
  background: linear-gradient(
    90deg,
    var(--color-vibe-green) 0%,
    var(--color-vibe-green-dark) 50%
  );
  color: var(--color-white);
  outline: none;
  border: none;
  transition: background-position 0.4s ease;
  background-size: 200% 100%;
  cursor: pointer;
  font-weight: 900;
  text-transform: uppercase;
}
.wpcf7-submit:hover {
  background-position: right center;
}
.wpcf7-spinner {
  display: none;
}
.title__category h2 {
  margin: 4rem 0 2rem !important;
}
.plain-text div p {
  margin-top: 4rem;
}
/*------------FIN SINGLE TOUR PAGE---------------*/
/*------------INICIO SINGLE PAGE---------------*/
.pages__box {
  margin-top: 4rem;
  display: grid;
  grid-template-areas:
    "content"
    "sidebar";
  gap: 4rem;
  text-align: left !important;
}
.pages__content-container {
  grid-area: content;
}
.pages__content-container p {
  text-align: left;
  line-height: 1.7;
}
.pages__content-container h3 {
  font-size: 1.8rem;
  margin-top: 3rem;
}
.sidebar__pages {
  grid-area: sidebar;
  background-color: transparent;
}
.sidebar__pages div figure {
  border-radius: 2rem;
  overflow: hidden;
}
.formT {
  font-size: 2.4rem;
  color: var(--color-vibe-dark);
  font-weight: 300;
  font-family: var(--font-secondary);
  padding: 2rem 0;
  position: relative;
}
.formT::after {
  content: "";
  position: absolute;
  width: 25%;
  height: 2px;
  background-color: var(--color-vibe-green-dark);
  bottom: 1rem;
  left: 0;
  transform: translateY(25%);
}
.group-text p {
  margin: 1rem 0;
}
.pages_content-content {
  h2,
  h3,
  h4 {
    margin: 1.5rem 0 2rem;
  }
  ul {
    margin-left: 4rem;
  }
  p {
    text-align: justify;
  }
}
/*------------FIN SINGLE PAGE---------------*/
.title__category h2 {
  padding-bottom: 0;
  margin: 4rem 0;
}