/* color schema */

:root {

	--color-foreground: #000000;
	--color-primary: #CA2111;
	--color-secondary: #384A85;
	--color-orange: #DA8F3B;
	--color-rose: #CC8EB4;
	--color-blue: #81B4E3;
	--color-green: #60A07A;
	--color-yellow:#EFC530;
  
	--color-orange-focus: #c27b2a;
	--color-rose-focus: #b9759f;
	--color-blue-focus: #6397c8;
	--color-green-focus: #498a63;
  
	--section-spacing: 100px;
	
  }

  @media (max-width:991px) {
	:root {
		--section-spacing: 50px;
	}
  }
  
  
  /* global */
  
  .color-yellow {
	  color:var(--color-yellow);
  }
  .color-orange {
	  color:var(--color-orange);
  }
  
  a.color-orange:hover {
	  color:var(--color-orange-focus);
  }
  
  .color-rose {
	  color:var(--color-rose);
  }
  
  a.color-rose:hover {
	  color:var(--color-rose-focus);
  }
  
  .color-blue {
	  color:var(--color-blue);
  }
  
  a.color-blue:hover {
	  color:var(--color-blue-focus);
  }
  
  .color-green {
	  color:var(--color-green);
  }
  
  .color-dark-blue {
	  color:var(--color-secondary);
  }
  
  .row {
	  --bs-gutter-x:3rem;
  }
  
  * {
	  margin:0;
	   background-repeat: no-repeat;
  }
  
  
  ul,
  ol,
  dl {
	  list-style: none;
	  padding-left: 0px;
	  margin-bottom:0;
  }
  
  .text ul {
	  margin-bottom:15px;
  }
  
  .text ul {
	  list-style: disc;
	  list-style-position: inside;
  }
  
  .h3, h3 {
	  font-size: 1.5rem;
  }
  
  html { 
	  position: relative; 
	  min-height: 100%;
	  overflow-x: hidden;
  }
  
  body {
	  font-size:18px;
	  color:black;
	  font-weight: 300;
	  background:white;
	  /*overflow-x: hidden;*/
	  line-height:normal;
	  font-family: 'Helvetica Neue';
	  line-height: 1.3;
	  
  }
  
  
  #layout {
	  display: flex;
	  flex-direction: column;
	  min-height: 100vh;
  }
  
  main {
	  flex-grow: 1;
  }
  
  @media (max-width : 768px) {
	  main {
		  text-align: center;
	  }
  }
  
  
  h1 {
	  font-weight: 700;
  }
  
  a {
	  color: #000;
	  text-decoration: none;
  }
  
  .ajax_link {
	  cursor: pointer;
  }
  
  .small, small {
	  font-size: 90%;
  }
  
  a,
  .nav-link,
  .btn_anim,
  .btn_anim span,
  .btn_anim i,
  button {
	  -webkit-transition: all .15s ease-in-out;
		 -moz-transition: all .15s ease-in-out;
		   -o-transition: all .15s ease-in-out;
  }
  
  a:hover {
	  text-decoration: none;
	  color: var(--color-pink);
  }
  
  @media (max-width: 768px) {
	  body {
		  font-size:16px;
	  }
  }
  
  
  .text-large {
	  font-size: 32px;
	  font-weight: 500;
  }
  
  
  .underline {
	  display: inline-block;
	  position: relative;
	  color: var(--color-foreground);
	  text-decoration: none;
	  
  }
  
  .underline:after {
	  content: '';
	  position: absolute;
	  width: 100%;
	  height: 3px;
	  bottom: 0;
	  left: 0;
	  background-color: var(--color-foreground);
	  transition: transform 0.25s ease-out;
	  transform: scaleX(0);
		transform-origin: bottom right;
  }
  
  .underline:hover:after {
	  transform: scaleX(1);
		transform-origin: bottom left;
  }
  
  
  
  .underline-children .underlined {
	  display: inline-block;
	  position: relative;
	  color: var(--color-foreground);
	  text-decoration: none;
	  
  }
  
  .underline-children .underlined:after {
	  content: '';
	  position: absolute;
	  width: 100%;
	  height: 3px;
	  bottom: 0;
	  left: 0;
	  background-color: var(--color-foreground);
	  transition: transform 0.25s ease-out;
	  transform: scaleX(0);
		transform-origin: bottom right;
  }
  
  .underline-children:hover .underlined:after {
	  transform: scaleX(1);
		transform-origin: bottom left;
  }
  
  
  .underline-off {
	  display: inline-block;
	  position: relative;
	  color: var(--color-foreground);
	  text-decoration: none;
	  
  }
  
  .underline-off:after {
	  content: '';
	  position: absolute;
	  width: 100%;
	  height: 3px;
	  bottom: 0;
	  left: 0;
	  background-color: var(--color-foreground);
	  transition: transform 0.25s ease-out;
	  transform: scaleX(1);
		transform-origin: bottom left;
  }
  
  .underline-off:hover:after {
	  transform: scaleX(0);
		transform-origin: bottom right;
  }
  
  .underline-off.small:after {
	  height: 1px;
  }
  
  
  
  
  /* buttons */
  .btn {
	  border:2px solid var(--color-foreground);
	  padding:6px 30px;
	  /*background:white;*/
	  color:var(--color-foreground);
	  letter-spacing: 0.5px;
	  border-radius: 0;
	  position: relative;
	  display: inline-flex;
	  align-items: center;
	  transition: all 100ms ease-in;
	  width: auto;
	  background-size: 0% 100%;
		background-image: linear-gradient(black, black);
		background-repeat: no-repeat;
	  text-transform: uppercase;
	  font-weight: 600;
	  font-size: 18px;
  }

  @media (max-width:768px) {
	.btn {
		font-size: 15px;
		font-weight: 500;
	}
  }
  
  
  
  
  .btn .icon_arrow {
	  width: 32px;
	  height: 32px;
	  background-image:url('../img/flecha.svg');
	  background-size: cover;
	  margin-right: -45px;
	  margin-left:15px;
	  margin-top:-2px;
	  margin-bottom:-2px;
  }
  
  .btn:hover {
	  color:white;
	  background-size: 100% 100%;
	  transition: all 0.3s cubic-bezier(0.000, 0.000, 0.230, 1);
	  border-color:var(--color-foreground);
  }
  
  
  .btn.black {
	  color:white;
	  background-size: 100% 100%;
	  border-color:var(--color-foreground);
  }
  
  .btn.black:hover {
	  color:var(--color-foreground);
	  background-size: 0% 100%;
	  border-color:var(--color-foreground);
  }
  
  
  
  /* forms */
  .ajax_link {
	  position: relative;
  }
  .ajax_link .btn-block-loading {
	  position: absolute;
	  z-index:1;
	  left:0;
	  right:0;
	  top:0;
	  margin:0 auto;
	  width:100%;
	  height:100%;
	  background:rgba(255,255,255,0.3);
	  text-align: center;
	  line-height: 100%;
  }
  
  .ajax_link .btn-loading,
  button .btn-loading,
  .btn_submit_form .btn-loading,
  .btn_apply_search_form .btn-loading {
	  position: absolute;
	  z-index:1;
	  left:0;
	  right:0;
	  top:50%;
	  margin:-13px 0 0 auto;
  }
  
  button .btn-loading {
	  position: relative;
	  display: inline-block;
	  vertical-align: middle;
	  margin:-2px 0 0 3px;
  }
  
  .btn_submit_form .btn-loading,
  .btn_apply_search_form .btn-loading {
	  margin-top:-7px;
	  font-size:14px;
  }
  
  
  textarea:focus, 
  textarea.form-control:focus, 
  input.form-control:focus, 
  input[type="text"]:focus, 
  input[type="password"]:focus, 
  input[type="email"]:focus, 
  input[type="number"]:focus, 
  [type="text"].form-control:focus, 
  [type="password"].form-control:focus, 
  [type="email"].form-control:focus, 
  [type="tel"].form-control:focus, 
  [contenteditable].form-control:focus,
  div:focus,
  button:focus,
  .form-control:focus,
  .navbar a:focus  {
	  outline: none;
	  box-shadow:none !important;
	  border-color: #D6D6D6;
  }
  
  button:focus {
	  border-color:transparent;
  }
  
  select {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
  
  .form-control {
	  border-radius: 0;
	  border-color:var(--color-foreground);
	  padding: 0.275rem 0.75rem;
  }
  
  
  
  
  
  /* header */
  header {
	  background:white;
	  position: relative;
	  z-index: 1;
	  text-transform: uppercase;
	  font-weight: 700;
	  padding:10px 0;
  }
  
header .logo img {
	max-width: 120px;
}
@media (max-width:768px) {
	header .logo img {
		max-width: 76px;
	}
}

  
  header .logo_skppro img {
	max-width: 100px;
}

@media (max-width:768px) {
	header .logo_skppro img {
		max-width: 70px;
	}
}

  header .nav-item .social_links {
	  padding-right: var(--bs-navbar-nav-link-padding-x);
	  padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  
  header .username a {
	  text-decoration: none;
	  color:var(--color-secondary);
  }
  
  header .username a:hover {
	  color:var(--color-foreground);
  }
  
  header .username {
	  display: flex;
	  gap:7px;
	  align-items: center;
  }
  
  header .username .icon_avatar {
	  width: 13px;
	  height: 13px;
	  background-image:url('../img/icon_avatar.svg');
	  background-size: auto 100%;
  }
  
  .navbar {
	  --bs-navbar-nav-link-padding-x: 0.8rem;
  }
  
  .navbar-toggler {
	  border:0;
  }
  
  @media (max-width : 991px) {
	  .navbar-collapse .navbar-nav {
		  padding-top:20px;
	  }	
  
	  .navbar-collapse .navbar-nav .nav-item .social_links {
		  display: none;
	  }
  }
  
  
  
  
  
  
  /* social links */
  
  .social_links {
	  display: flex;
	  align-items: center;
	  justify-content:flex-start;
	  gap:var(--bs-navbar-nav-link-padding-x);
	  height: 100%;
  }
  
  .social_links a {
	  width: 18px;
	  height: 18px;
	  background-size: contain;
	  background-position: center center;
	  transition: transform 0.1s ease-out;
  }
  
  .social_links a:hover {
	  transform: scale(1.2);
  }
  
  .social_links .ig {
	  background-image:url('../img/icon_instagram.svg');
  }
  
  .social_links .fb {
	  background-image:url('../img/icon_facebook.svg');
  }
  
  .social_links .tt {
	  background-image:url('../img/icon_tiktok.svg');
  }
  
  .social_links .globe {
	  background-image:url('../img/icon_globe.svg');
  }
  
  .social_links .yt {
	  background-image:url('../img/icon_youtube.svg');
  }
  
  
  
  /* footer */
  footer {
	background:black;
	  font-size:13px;
  }


  .footer-bottom {
	padding-top:20px;
	padding-bottom:20px;
	
  }
  
  .menu_footer li {
	  display: inline-block;
	  padding:0 10px;
  }
  
  @media only screen and (max-width : 991px) {
	  .menu_footer li {
		  display: block;
		  padding:5px 0px;
	  }
	  
  }
  


  footer,
  footer a {
	color:white;
  }
  footer a:hover {
	color:white;
  }
  
  footer .simplysmarter {
	  max-width: 150px;
  }
  
  footer .social_links {
	  gap:10px;
  }
  
  
  
  /* hero */
  .heroSwiper {
	  width: 100%;
	  height: auto;
	  
  }
  
  @media only screen and (max-width : 991px) {
	  .heroSwiper {
		  padding-bottom:40px;
	  }
  }
  
  @media only screen and (min-width : 992px) {
	  .heroSwiper {
		  height: 500px;
		  padding-bottom:40px;
	  }
  }
  
  @media only screen and (min-width : 1200px) {
	  .heroSwiper {
		  height: 550px;
	  }
  }
  
  
  @media only screen and (min-width : 1400px) {
	  .heroSwiper {
		  height: 600px;
	  }
  }
  
  .heroSwiper .swiper-slide {
	  text-align: center;
	  font-size: 18px;
	  background: #fff;
	  display: flex;
	  justify-content: center;
	  align-items: center;
  }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	  background:var(--color-primary);
  }
  
  
  @media only screen and (min-width : 991px) {
	  .heroSwiper .swiper-slide.color-white {
		  color:white;
	  }
  
	  .heroSwiper .swiper-slide.color-white .btn{
		  background-color:white;
	  }
  }
  
  @media only screen and (max-width : 990px) {
	  .heroSwiper .swiper-slide .banner_content h1 img {
		  margin-top:-30px;
	  }
	  .heroSwiper .swiper-slide .banner_content{
		  padding-top:30px;
	  }
  
	  .swiper-pagination {
		  position: relative;	
		  display: none;
	  }
  }
  
  
  
  /* banner image */
  .banner_image_wrapper {
	  position: relative;
	  width: 100%;
	  height: 100%;
	  display: flex;
	  align-items: center;
  }
  
  
  
  @media only screen and (max-width : 991px) {
	  .banner_image_wrapper {
		  flex-direction: column;
	  }
  }
  
  .banner_image_wrapper .banner_image {
	  width: 100%;
	  height: 100%;
	  position: relative;
	  overflow: hidden;
  }
  
  .banner_image_wrapper.overlay .banner_image:before {
	  content:' ';
	  position: absolute;
	  z-index: 1;
	  width: 100%;
	  height: 100%;
	  top:0;
	  left:0;
	  background:rgba(0,0,0,0.4);
  }
  
  
  @media only screen and (min-width : 992px) {
	  .banner_image_wrapper .banner_image {
		  position: absolute;
	  }
  }
  
  @media only screen and (max-width : 991px) {
	  .banner_image_wrapper .banner_image {
		  height: 300px;
	  }
  }
  
  @media only screen and (max-width : 467px) {
	  .banner_image_wrapper .banner_image {
		  height: 220px;
	  }
  }
  
  .banner_image_wrapper .banner_image img,
  .banner_image_wrapper .banner_image video {
	  object-fit: cover;
	  width: 100%;
	  height: 100%;
	  object-position: center top;
  }
  
  .banner_image_wrapper .banner_content {
	  text-align: center;
	  position: relative;
	  z-index: 1;
  }
  
  @media only screen and (min-width : 992px) {
	  .banner_image_wrapper .banner_content {
		  text-align: left;
		  max-width: 460px
	  }
  
	  .banner_image_wrapper.center .banner_content {
		  margin:0 auto;
		  text-align: center;
	  }
  }
  
  .banner_image_wrapper .banner_content img {
	  max-width: 360px;
  }
  
  .banner_image_wrapper .banner_content .logo_true {
	  margin-bottom:-30px;
  }
  
  @media only screen and (min-width : 992px) {
	  .banner_image_wrapper .banner_content .logo_true {
		  margin-left:-50px;
	  }
  }
  
  .banner_image_wrapper .banner_content .text {
	  font-size: 24px;
	  font-weight: 500;
  }
  
  .banner_image_wrapper .banner_content > * + * {
	  margin-top:20px;
  }
  
  
  
  /* sections */
  section {
	  padding-top:var(--section-spacing);
	  padding-bottom:var(--section-spacing);
  }
  
  section.end_col {
	  padding-bottom:calc(var(--section-spacing) - 3rem);
  }
  
  
  
  /* section title */
  .section_title_wrapper {
	  margin-bottom:50px;
  }
  
  .section_title {
	  text-transform: uppercase;
	  font-size: 44px;
	  font-weight: 700;
  }
  
  .above_section_title {
	  text-transform: uppercase;
	  font-size: 32px;
	  margin-bottom:10px;
  }
  
  
  
  /* image container */
  .image-container {
	  overflow: hidden;
	  width: 100%;
	  position: relative;
  }
  
  .image-container img {
	  object-fit: cover;
	  object-position: center center;
	  transition: transform 0.25s ease-out;
  }
  
  a:hover .image-container img {
	  transform: scale(1.2);
  }
  
  
  
  /* home */
  .home_teaser .title {
	  text-transform: uppercase;
	  margin-top:20px;
	  font-size: 32px;
  }
  
  .home_style .title {
	  text-align: left;
	  max-width: 150px;
  }
  
  @media (max-width : 991px) {
	  .home_teaser .title {
		  font-size: 24px;
	  }
  }
  
  
  @media (max-width : 768px) {
	  .home_style .title {
		  max-width: 100%;
	  }
	  .home_teaser .title {
		  font-size: 32px;
		  text-align: center;
	  }
  }
  
  .ss_collection_container {
	  position: relative;
  }
  
  .ss_collection_container .marquee {
	  position: absolute;
	  z-index: 0;
	  text-transform: uppercase;
	  font-weight: 900;
	  top:6vw;
  }
  
  
  
  
  /* marquee */
  .marquee {
	  position: relative;
	  overflow: hidden;
	  --offset: 20vw;
	  --move-initial: calc(-25% + var(--offset));
	  --move-final: calc(-50% + var(--offset));
  }
  
  .marquee__inner {
	  width: fit-content;
	  display: flex;
	  position: relative;
	  transform: translate3d(var(--move-initial), 0, 0);
	  animation: marquee 22s linear infinite;
  
  }
  
  .marquee_collection .marquee__inner {
	  animation: marquee 36s linear infinite;
  }
  
  .marquee span {
	  font-size: 300px;
	  padding: 0 2vw;
  }
  
  @media (max-width : 1200px) {
	  .marquee span {
		  font-size: 200px;
	  }
  }
  
  
  @media (max-width : 992px) {
	  .marquee span {
		  font-size: 130px;
	  }
  }
  
  @media (max-width : 768px) {
	  .marquee  {
		  display: none !important;
	  }
  }
  
  
  .marquee:hover .marquee__inner {
	  animation-play-state: running;
  }
  
  @keyframes marquee {
	  0% {
		  transform: translate3d(var(--move-initial), 0, 0);
	  }
  
	  100% {
		  transform: translate3d(var(--move-final), 0, 0);
	  }
  }
  
  
  /* modal */
  .modal-content {
	  background:white;
	  border:0;
	  border-radius: 0;
  }
  
  .modal-body {
	  padding:50px;
	  background:white;
	  z-index: 1;
  }
  .modal-content .modal-header {
	  position: absolute;
	  z-index: 2;
	  right: 0;
	  border: 0;
  }
  
  .modal-content .modal-header button {
	  background:transparent;
	  border:0;
	  background-image:url('../img/icon_close.svg');
	  background-size: cover;
	  opacity: 1;
	  width: 7px;
	  height: 7px;
	  transition:opacity 100ms ease-in;
  }
  
  .modal-content .modal-header button:hover {
	  opacity: 0.7;
  }
  
  .modal-content:before {
	  content:' ';
	  background:var(--color-primary);
	  position: absolute;
	  width: 100%;
	  height: 50%;
	  z-index: 0;
	  top:0;
	  margin:-16px 0 0 -16px;
  }
  
  .modal-content:after {
	  content:' ';
	  background:var(--color-primary);
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  z-index: 0;
	  bottom:0;
	  margin:0 -16px -16px auto;
	  right: 0;
  }
  
  
  
  
  /* auth */
  .auth_method_block .title {
	  font-size: 24px;
	  border-bottom:2px solid var(--color-foreground);
	  font-weight: 500;
	  margin-bottom:30px;
  }
  
  .forgot_link a {
	  opacity: 0.5;
  }
  
  .signup_link a {
	  /*color: var(--color-primary);*/
	  font-weight: 500;
  }
  
  .signup_link a:hover {
	  opacity: 0.8;
  }
  
  .auth_method .si_quieres {
	  font-size: 16px;
  }
  
  .auth_method .si_quieres strong {
	  font-weight: 700;
  }
  
  .success_msg {
	  text-align: center;
	  font-size: 17px;
  }
  
  .success_msg:before {
	  content:' ';
	  display: block;
	  width: 100px;
	  border-top:1px solid black;
	  padding-top:20px;
	  margin:0 auto;
	  
  }
  
  
  
  /* alert */
  .alert {
	  padding:0px;
	  margin-bottom:20px;
	  background-color: transparent;
	  border:0;
	  font-weight: 500;
	  text-align: center;
  }
  
  
  
  /* video */
  .video-wrapper {
	  position: relative;
  }
  
  .video-wrapper .btn_play_video {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  left:0;
	  top:0;
	  text-align: center;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  font-size: 100px;
	  z-index: 2;
	  color:white;
	  
  }
  
  @media (max-width : 768px) {
	  .video-wrapper .btn_play_video {
		  font-size: 50px;
	  }
  }
  
  .video-wrapper .btn_play_video i {
	  cursor: pointer;
  }
  
  
  .video-wrapper .btn_play_video.active {
	  display: none;
  }
  
  
  #solicitarCita input,
  #solicitarCita label {
		  font-size: 14px;
  }
  
  .btn_open_solicitar_cita {
	  cursor: pointer;
	  font-weight: 700;
	  text-decoration: underline;
  }
  
  .btn_open_solicitar_cita:hover {
	  text-decoration: none;
  }
  
  .quieres_ver_ultima a {
	  text-decoration: underline;
	  font-size: 18px;
  }
  
  
  
  
  .logo_osis {
	  letter-spacing: -0.5px;
	  font-size: 38px;
	  line-height: 1;
  }

@media (max-width : 991px) {
  .logo_osis {
	  font-size: 32px;
  }
}
  
  .title.large {
	  font-size: 64px;
  }

  @media (max-width:768px) {
	.title.large {
		font-size:32px;
		margin-top:15px;
	}

	.title br {
		display: none;
	}
  }
  .title {
	  font-weight: 400;
	  font-size: 56px;
	  line-height: 1;
	  margin-bottom:40px;
  }

@media (max-width : 991px) {
	.title {
	  font-size: 36px;
  	}
}
  
  .title + .subtitle {
	  margin-top:-20px;
  }
  
  
  .header_home {
	  padding-top:0;
	  padding-bottom:0;
	  position: sticky;
  	  top: 0;
	  background:white;
	  z-index: 3;
  }
  
  .header_home .main {
	  width: calc(100% + 60px);
  }

  @media (max-width:768px) {
	.header_home .main {
		width: 100%;
	}
  }
  
.header_home .content {
	padding:40px;
	padding-left:80px;
}

  @media (max-width:768px) {
	.header_home .content {
		padding:20px;
		text-align: center;
	}	
  }

  .header_home .title {
	  
  }
  
  .header_home .subtitle {
	  font-weight: 400;
	  font-size: 32px;
	  margin-bottom:40px;
  }
  
  @media (max-width:768px) {
	.header_home .subtitle {
		font-size: 26px;
		margin-bottom:20px;
	}
		
  }
  .header_home .body {
	  font-weight: 400;
	  font-size: 24px;
	  margin-bottom:30px;
  }

  @media (max-width:768px) {
	.header_home .body {
		font-size: 16px;

	}
  
  }

  .header_home .header-sticked{
	display: none;
  }

  .header_home.is-sticky {
	animation: slideDown 0.35s ease-out;
  }

  @keyframes slideDown {
	from {
	  transform: translateY(-100%);
	}
	to {
	  transform: translateY(0);
	}
  }
  
  .header_home.is-sticky .header-no-sticked{
	display: none;
  }

    
  .header_home.is-sticky .header-sticked{
	display: block;
	box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
  }


 .header_home.is-sticky .header-sticked .content {
	padding:0px 20px 10px 20px;
}

@media (min-width:992px) {
	.header_home.is-sticky .header-sticked .content {
		padding:10px 30px;
	}
}


@media (min-width:992px) {
	  .header_home.is-sticky .header-sticked .content {
		padding-left:0px;
	}
}

.header_home.is-sticky .header-sticked .title.large{
	font-size: 44px;
	margin-bottom:0;
}

@media (max-width:991px) {
	.header_home.is-sticky .header-sticked .title.large{
		font-size: 32px;
	}
}

.header_home.is-sticky .header-sticked .body{
	font-size: 16px;
	margin-bottom:10px;
}

.header_home.is-sticky .header-sticked .buttons .btn {
	display: block;
	font-size: 16px;
}

  .body.large {
	  font-size: 24px;
  }

@media (max-width:768px) {
	.body.large {
		font-size: 18px;
	}	
}
  

.swiper-container {
	position: relative;
}

.conoce_nuevo_osis .swiper-button-prev {
	left:-35px;
	top:calc(50% - 40px);
}
.conoce_nuevo_osis .swiper-button-next {
	right:-35px;
	top:calc(50% - 40px);
}

.conoce_nuevo_osis .swiper-button-next:after, 
.conoce_nuevo_osis .swiper-button-prev:after {
	font-size: 16px;
	color:black;
	transition:transform 0.3s;
}

.conoce_nuevo_osis .swiper-button-next:hover:after, 
.conoce_nuevo_osis .swiper-button-prev:hover:after {
	transform:scale(1.1);
}

.conoce_nuevo_osis .product_item_title {
	font-size: 20px;
	font-weight: 600;
	margin-top:20px;
	margin-bottom:10px;
}

.conoce_nuevo_osis .product_item_body {
	font-size: 16px;
}


html {
	scroll-behavior: smooth;
}

body {
	min-height: 100vh;
}


.asesor_pregunta_img {
	width: 100%;
	height: 100%;
	min-height: calc(100vh - 154px);
}

.asesor_pregunta_img img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
}

.asesor_pregunta_content {
	height: 100%;
	display: flex;
	padding:60px;
	flex-direction: column;
}

@media (max-width:991px) {
	.asesor_pregunta_content {
		padding:20px;
	}
}

.asesor_pregunta_content_title {
	font-size: 38px;
	font-weight: 500;
	margin-bottom:20px;
}

@media (max-width:991px) {
	.asesor_pregunta_content_title {
		font-size: 30px;
	}
}

.asesor_pregunta_content_subtitle {
	font-size: 30px;
	font-weight: 400;
	margin-bottom:40px;
}

@media (max-width:991px) {
	.asesor_pregunta_content_subtitle {
		font-size: 22px;
	}
}

.asesor_pregunta_content .respuestas {
	display: flex;
	gap:50px;
	flex-direction: row;
	margin-bottom:40px;
}

@media (max-width:991px) {
	.asesor_pregunta_content .respuestas {
		gap:10px;
	}
}

.asesor_pregunta_content .respuestas li {
	width: 33%;
}

.asesor_pregunta_content .respuestas li label {
	cursor: pointer;
	
}

.asesor_pregunta_content .respuestas li input {
	display: none;
}

.asesor_pregunta_content .respuestas li input + label .image {
	border:2px solid black;
	display: block;
	background-size: cover;
	background-position: center center;
}

.asesor_pregunta_content .respuestas li input + label .image img {
	opacity: 0;
	transition:opacity 0.3s;
}

.asesor_pregunta_content .respuestas li:hover input + label .image img,
.asesor_pregunta_content .respuestas li input:checked + label .image img {
	opacity: 1;
}

.asesor_pregunta_content .respuestas li:hover input:checked + label{
	cursor: default;
}

.asesor_pregunta_content .respuestas li .name {
	display: block;
	text-align: center;
	font-weight: 500;
	margin-top:15px;
	font-size: 20px;
}

@media (max-width:991px) {
	.asesor_pregunta_content .respuestas li .name {
		font-size: 18px;
	}
}

.asesor_pregunta_content .buttons {
	text-align: center;
}

.asesor_pregunta {
	background-size: 72% 100%;
	background-attachment: fixed;
	background-position: right top;
}

.asesor_pregunta_cabello {
	background-image:url('../img/bg_asesor_pregunta_cabello.jpg');
}


.asesor_pregunta_forma {
	background-image:url('../img/bg_asesor_pregunta_forma.jpg');
}

.asesor_pregunta_llevar {
	background-image:url('../img/bg_asesor_pregunta_llevar.jpg');
}


.asesor_pregunta_forma {
	color:white;
}

.asesor_pregunta_forma .asesor_pregunta_content .respuestas li input + label .image {
	border-color:white;
}


.asesor_pregunta_llevar {
	color:white;
}

.asesor_pregunta_llevar .asesor_pregunta_content .respuestas li input + label .image {
	border-color:white;
}


.asesor_pregunta_content .respuestas li.cabelloLargo input + label .image {
	background-image:url('../img/1 largo.png');
}

.asesor_pregunta_content .respuestas li.cabelloMedio input + label .image {
	background-image:url('../img/1 medio.png');
}

.asesor_pregunta_content .respuestas li.cabelloCorto input + label .image {
	background-image:url('../img/1 corto.png');
}


.asesor_pregunta_content .respuestas li.cabelloLiso input + label .image {
	background-image:url('../img/2 liso.png');
}

.asesor_pregunta_content .respuestas li.cabelloOndulado input + label .image {
	background-image:url('../img/2 ondulado.png');
}

.asesor_pregunta_content .respuestas li.cabelloRizado input + label .image {
	background-image:url('../img/2 rizado.png');
}


.asesor_pregunta_content .respuestas li.cabelloNatural input + label .image {
	background-image:url('../img/3 natural.png');
}

.asesor_pregunta_content .respuestas li.cabelloFijado input + label .image {
	background-image:url('../img/3 fijado.png');
}

.asesor_pregunta_content .respuestas li.cabelloVolumen input + label .image {
	background-image:url('../img/3 volumen.png');
}




@media (max-width:768px) {
	.asesor_pregunta {
		background-size: cover;
	}
}


.asesor_pregunta_descubre .asesor_pregunta_content {
	max-width: 620px;
	margin:0 auto;
	margin-top:-60px;
}

@media (max-width:768px) {
	.asesor_pregunta_descubre .asesor_pregunta_content {
		margin-top:0;
	}
}

.asesor_pregunta_descubre .asesor_pregunta_content .asesor_pregunta_content_title {
	font-size: 48px;
	line-height: 1.2;
	font-weight: 400;
}

@media (max-width:768px) {
	.asesor_pregunta_descubre .asesor_pregunta_content .asesor_pregunta_content_title {
		font-size: 26px;
	}
}

.asesor_pregunta_descubre .asesor_pregunta_content .asesor_pregunta_content_subtitle {
	font-size: 26px;
	font-weight: 300;
}

@media (max-width:768px) {
	.asesor_pregunta_descubre .asesor_pregunta_content .asesor_pregunta_content_subtitle {
		font-size: 20px;
	}	
}



.resultados_title {
	font-size: 28px;
	font-weight: 500;
	margin-bottom:40px;
	margin-top:40px;
	padding-left:10px;
}

@media (max-width:768px) {
	.resultados_title {
		font-size: 22px;
	}	
}





/* look item */
.look_item {
	text-align: center;
	padding:0 30px 80px 30px;
}

.look_item_title {
	font-weight: 500;
	font-size: 22px;
	margin-bottom:10px;
}

.look_item_subtitle {
	font-size: 20px;
	margin-bottom:10px;
}

.look_item_media {
	margin-bottom:30px;
}

.look_item_slogan {
	font-family: 'Caveat';
	font-weight: 300;
	font-size: 36px;
	padding:0 30px 30px 30px;
}

@media (max-width:768px) {
	.look_item_slogan {
		padding:0 0 30px 0;
		font-size: 24px;
	}	
}

.look_item_body {
	text-align: left;
	margin-bottom:20px;
}

.otro_look_wrapper {
	padding-top:60px;
	text-align: center;
	font-size: 24px;
	font-weight: 400;
	max-width: 440px;
	margin-left:auto;
	margin-right: auto;
}

@media (max-width:768px) {
	.otro_look_wrapper {
		padding-top:30px;
		font-size: 20px;
	}
}



/* block paso */
.block-paso {
	text-align: center;
	padding-top:40px;
	padding-bottom:40px;
}

.block-paso-title {
	margin-bottom:10px;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 600;
}

.block-paso-title .paso-num {
	font-size: 22px;
}

.block-paso-image{
	margin-bottom:15px;
}

.block-paso-body{
	margin-bottom:15px;
}

.block-paso-buttons {
	margin-bottom:15px;
}

.block-paso-link-producto a {
	font-weight: 600;
}





/* quieres info  */
.quieres-info-wrapper {
	background-image:url('../img/bg_quieres_registrarte.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding:60px;
	margin-top:80px;
}

.quieres-info-wrapper .heading {
	font-size: 22px;
	margin-bottom:30px;
}

.quieres-info-wrapper .heading strong {
	font-weight: 600;
}

#henkelapi_emailForm .henkel_api_title {
	display: none;
}

#henkelapi_emailForm .forgot_link {
	font-size: 14px;
}


.quieres-info-wrapper .henkelapi_content {
	padding:0 0 20px 0;
}

.quieres-info-wrapper  .henkelapi_form_text_legal {
	padding:0 0 0px 0;
}

#henkelapi_emailForm .forgot_link a {
	text-decoration: underline;
	opacity: 1;
}

#henkelapi_emailForm .forgot_link a:hover {
	text-decoration: none;
}

.quieres-info-wrapper .henkelapi_content.skpfpro .btn {
	background:black;
}

@media (max-width:768px) {
	.quieres-info-wrapper .henkelapi_content.skpfpro .buttons .btn {
		width: 100%;
		justify-content: center;
	}
}

.quieres-info-wrapper .henkelapi_content.skpfpro .henkel_api_title {
	font-size: 18px;
}


.ingredientes_libres {
	font-size: 12px;
	text-align: center;
	margin-top:60px;
}




/* salon finder */
.salon-finder {
	background-image:url('../img/bg_salon_finder.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding:60px;
	margin-top:80px;
}


@media (max-width:768px) {
	.salon-finder {
		background-position: right center;
		padding:40px;
	}
}

.salon-finder .heading {
	font-size: 36px;
	font-weight: 600;
	margin-bottom:10px;
	text-transform: uppercase;
}

@media (max-width:768px) {
	.salon-finder .heading {
		font-size: 30px;
	}
}

.salon-finder .body {
	font-size: 18px;
	font-weight: 400;
	margin-bottom:20px;
	max-width: 300px;
}




/* product single */
.product-content {
	padding:30px;
}

@media (max-width:768px) {
	.product-content {
		padding:30px 0px;
	}
}

.product-title {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 32px;
	margin-bottom:20px;
}

.product-subtitle {
	font-size: 22px;
	margin-bottom:20px;
}

.product-body {
	margin-bottom:20px;
	line-height: 1.4;
}

.product-features {
	margin-bottom:40px;
}

.product-features ul {
	display: flex;
	gap:50px;
}

.product-features ul li {
	background-position: left center;
	background-repeat: no-repeat;
	padding-left:35px;
	padding-top:2px;
	font-size: 14px;
	font-weight: 500;
	background-size: auto 20px;
}

.product-features .vegana {
	background-image:url('../img/icon_vegan.svg');
	
}

.product-features .proteccion {
	background-image:url('../img/icon_protection.svg');
	
}


@media (max-width:768px) {
	.resultados .swiper-container {
		width: 100% !important;
	}

	.resultados .swiper {
		overflow: auto !important;
	}

	.resultados .swiper-wrapper {
		transform: none !important;
		flex-direction: column !important;
	}
	.resultados .swiper-slide {
		width: 100% !important;
		margin-right: 0 !important;
	}

	.resultados .swiper-button-next,
	.resultados .swiper-button-prev {
		display: none !important;
	}
}