@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,600&display=swap");

/*
* 		23. Photo slider stuff
*/
#slide-demo-1 {
  background-image: url("../portada/sound3.jpg");
}
#slide-demo-2 {
  background-image: url("../portada/Hanbury-Street3.jpg");
}
#slide-demo-3 {
  background-image: url("../portada/film.jpg");
}
#slide-demo-4 {
  /*background-image: url("../portada/london2.jpg");*/
  background-image: url("../portada/workbench2.jpg");
}
#slide-demo-5 {
  background-image: url("../portada/tienda.jpg");
} /*
#slide-demo-6 {
  background-image: url("../portada/workbench2.jpg");
}*/

@-webkit-keyframes slideshow-opacity {
  28.125%,
  100% {
    opacity: 0;
    visibility: hidden;
  }

  6.25%,
  25% {
    opacity: 1;
    visibility: visible;
  }
}

@-moz-keyframes slideshow-opacity {
  28.125%,
  100% {
    opacity: 0;
    visibility: hidden;
  }

  6.25%,
  25% {
    opacity: 1;
    visibility: visible;
  }
}

@-ms-keyframes slideshow-opacity {
  28.125%,
  100% {
    opacity: 0;
    visibility: hidden;
  }

  6.25%,
  25% {
    opacity: 1;
    visibility: visible;
  }
}

@-o-keyframes slideshow-opacity {
  28.125%,
  100% {
    opacity: 0;
    visibility: hidden;
  }

  6.25%,
  25% {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes slideshow-opacity {
  28.125%,
  100% {
    opacity: 0;
    visibility: hidden;
  }

  6.25%,
  25% {
    opacity: 1;
    visibility: visible;
  }
}

@-webkit-keyframes slideshow-background {
  to {
    background-position: bottom center;
  }
}

@-moz-keyframes slideshow-background {
  to {
    background-position: bottom center;
  }
}

@-ms-keyframes slideshow-background {
  to {
    background-position: bottom center;
  }
}
@-o-keyframes slideshow-background {
  to {
    background-position: bottom center;
  }
}

@keyframes slideshow-background {
  to {
    background-position: bottom center;
  }
}

@-webkit-keyframes slideshow-text-left {
  28.125%,
  100% {
    transform: translateX(-1000px);
    -webkit-transform: translateX(-1000px);
    -moz-transform: translateX(-1000px);
    -ms-transform: translateX(-1000px);
    -o-transform: translateX(-1000px);
    opacity: 0;
    visibility: hidden;
  }

  6.25%,
  25% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
}

@-moz-keyframes slideshow-text-left {
  28.125%,
  100% {
    transform: translateX(-1000px);
    -webkit-transform: translateX(-1000px);
    -moz-transform: translateX(-1000px);
    -ms-transform: translateX(-1000px);
    -o-transform: translateX(-1000px);
    opacity: 0;
    visibility: hidden;
  }

  6.25%,
  25% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
}

@-ms-keyframes slideshow-text-left {
  28.125%,
  100% {
    transform: translateX(-1000px);
    -webkit-transform: translateX(-1000px);
    -moz-transform: translateX(-1000px);
    -ms-transform: translateX(-1000px);
    -o-transform: translateX(-1000px);
    opacity: 0;
    visibility: hidden;
  }

  6.25%,
  25% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
}

@-o-keyframes slideshow-text-left {
  28.125%,
  100% {
    transform: translateX(-1000px);
    -webkit-transform: translateX(-1000px);
    -moz-transform: translateX(-1000px);
    -ms-transform: translateX(-1000px);
    -o-transform: translateX(-1000px);
    opacity: 0;
    visibility: hidden;
  }

  6.25%,
  25% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
}

@keyframes slideshow-text-left {
  28.125%,
  100% {
    transform: translateX(-1000px);
    -webkit-transform: translateX(-1000px);
    -moz-transform: translateX(-1000px);
    -ms-transform: translateX(-1000px);
    -o-transform: translateX(-1000px);
    opacity: 0;
    visibility: hidden;
  }

  6.25%,
  25% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
}

@-webkit-keyframes slideshow-text-right {
  28.125%,
  100% {
    transform: translateX(1000px);
    -webkit-transform: translateX(1000px);
    -moz-transform: translateX(1000px);
    -ms-transform: translateX(1000px);
    -o-transform: translateX(1000px);
    opacity: 0;
    visibility: hidden;
  }

  6.25%,
  25% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
}

@-moz-keyframes slideshow-text-right {
  28.125%,
  100% {
    transform: translateX(1000px);
    -webkit-transform: translateX(1000px);
    -moz-transform: translateX(1000px);
    -ms-transform: translateX(1000px);
    -o-transform: translateX(1000px);
    opacity: 0;
    visibility: hidden;
  }

  6.25%,
  25% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
}

@-ms-keyframes slideshow-text-right {
  28.125%,
  100% {
    transform: translateX(1000px);
    -webkit-transform: translateX(1000px);
    -moz-transform: translateX(1000px);
    -ms-transform: translateX(1000px);
    -o-transform: translateX(1000px);
    opacity: 0;
    visibility: hidden;
  }

  6.25%,
  25% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
}

@-o-keyframes slideshow-text-right {
  28.125%,
  100% {
    transform: translateX(1000px);
    -webkit-transform: translateX(1000px);
    -moz-transform: translateX(1000px);
    -ms-transform: translateX(1000px);
    -o-transform: translateX(1000px);
    opacity: 0;
    visibility: hidden;
  }

  6.25%,
  25% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
}

@keyframes slideshow-text-right {
  28.125%,
  100% {
    transform: translateX(1000px);
    -webkit-transform: translateX(1000px);
    -moz-transform: translateX(1000px);
    -ms-transform: translateX(1000px);
    -o-transform: translateX(1000px);
    opacity: 0;
    visibility: hidden;
  }

  6.25%,
  25% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
}

/* se incorporó este codigo al index para que funcione en IOS iphone*/
/*
.slideshow {
  background-color: #4158d0;
  background-image: linear-gradient(
    43deg,
    #4158d0 0%,
    #c850c0 46%,
    #ffcc70 100%
  );
  width: 100%;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.saturate {
  filter: saturate(1.5);
  -webkit-filter: saturate(1.5);
  -moz-filter: saturate(1.5);
  -ms-filter: saturate(1.5);
  -o-filter: saturate(1.5);
}
*/

.slideshow:hover .photo-slide,
.slideshow:hover .stext {
  animation-play-state: paused;
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
}
.slideshow .photo-slide {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  animation: slideshow-opacity 30s linear infinite;
  -webkit-animation: slideshow-opacity 30s linear infinite;
  -moz-animation: slideshow-opacity 30s linear infinite;
  -ms-animation: slideshow-opacity 30s linear infinite;
  -o-animation: slideshow-opacity 30s linear infinite;
  animation-play-state: running;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
}
.slideshow .slide-image {
  width: 100%;
  height: 100%;
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.slideshow .slide-text {
  position: absolute;
  /*bottom: 10%;*/
  z-index: 999;
}

.slide-text-titulo {
  font-family: "Playfair Display", serif;
  letter-spacing: -3px;
  font-weight: 100;
  font-style: normal;
  bottom: 30%;
}
.slide-text-descrip {
  bottom: 25%;
}

.stext h1,
.stext h3 {
  font-size: clamp(2.5rem, 1, 0774rem + 3, 7936, 5, 625rem);
}

.slideshow .stext {
  display: inline-block;
  padding: 5px 10px;
  color: #f1f1f1;
  opacity: 0;
  animation-duration: 30s;
  -webkit-animation-duration: 30s;
  -moz-animation-duration: 30s;
  -ms-animation-duration: 30s;
  -o-animation-duration: 30s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  -ms-animation-timing-function: ease-in-out;
  -o-animation-timing-function: ease-in-out;
  animation-play-state: running;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
}

.slideshow .stext.dark-grey {
  background: #3d3d3d;
  background: rgba(61, 61, 61, 0.85);
  color: #dfdfdd;
}
.slideshow .stext.super-light {
  background: #f1f1f1;
  background: rgba(241, 241, 241, 0.85);
  color: #5e5e5e;
}
.slideshow .stext.yellow {
  background: #fff600;
  background: rgba(255, 246, 0, 0.85);
  color: #5e5e5e;
}
.slideshow .stext.yellow-soft {
  background: #f1c40f;
  background: rgba(241, 196, 15, 0.85);
  color: #5e5e5e;
}
.slideshow .stext.orange {
  background: #f17635;
  background: rgba(241, 118, 53, 0.85);
  color: #dfdfdd;
}
.slideshow .stext.red {
  background: #e74c3c;
  background: rgba(231, 76, 60, 0.85);
  color: #dfdfdd;
}
.slideshow .stext.blue {
  background: #547daa;
  background: rgba(84, 125, 170, 0.85);
  color: #dfdfdd;
}
.slideshow .stext.skyblue {
  background: #05afd1;
  background: rgba(5, 175, 209, 0.85);
  color: #dfdfdd;
}
.slideshow .stext.nblue {
  background: #3498db;
  background: rgba(52, 152, 219, 0.85);
  color: #dfdfdd;
}
.slideshow .stext.amethyst {
  background: #9b59b6;
  background: rgba(155, 89, 182, 0.85);
  color: #dfdfdd;
}
.slideshow .stext.emerald {
  background: #2ecc71;
  background: rgba(46, 204, 113, 0.85);
  color: #dfdfdd;
}
.slideshow .stext.green {
  background: #25baa5;
  background: rgba(37, 186, 165, 0.85);
  color: #dfdfdd;
}
.slideshow .stext.turquoise {
  background: #00dce5;
  background: rgba(0, 220, 229, 0.8);
  color: #dfdfdd;
}
.slideshow .stext.asphalt {
  background: #34495e;
  background: rgba(52, 73, 94, 0.85);
  color: #dfdfdd;
}

/* Detalle en h3 */
.slideshow .stext.middle-grey {
  background: #5e5e5e;
  background: rgba(94, 94, 94, 0.55);
  color: #dfdfdd;
}
.slideshow .stext.light-grey {
  background: #dfdfdd;
  background: rgba(223, 223, 221, 0.85);
  color: #5e5e5e;
}
.slideshow .stext.middle-light-grey {
  background: #dce9dd;
  background: rgba(222, 239, 224, 0.5);
  color: #000;
}

.slideshow .slide-text-left {
  left: 5%;
  text-align: left;
}
.slideshow .slide-text-left .stext {
  transform: translateX(-1000px);
  -webkit-transform: translateX(-1000px);
  -moz-transform: translateX(-1000px);
  -ms-transform: translateX(-1000px);
  -o-transform: translateX(-1000px);
  animation-name: slideshow-text-left;
  -webkit-animation-name: slideshow-text-left;
  -moz-animation-name: slideshow-text-left;
  -ms-animation-name: slideshow-text-left;
  -o-animation-name: slideshow-text-left;
}

.slideshow .slide-text-right {
  right: 5%;
  text-align: right;
}
.slideshow .slide-text-right .stext {
  transform: translateX(1000px);
  -webkit-transform: translateX(1000px);
  -moz-transform: translateX(1000px);
  -ms-transform: translateX(1000px);
  -o-transform: translateX(1000px);
  animation-name: slideshow-text-right;
  -webkit-animation-name: slideshow-text-right;
  -moz-animation-name: slideshow-text-right;
  -ms-animation-name: slideshow-text-right;
  -o-animation-name: slideshow-text-right;
}

.slideshow .photo-slide:nth-child(1) {
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
}
.slideshow .photo-slide:nth-child(1) .slide-text .stext {
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
}
.slideshow .photo-slide:nth-child(2) {
  animation-delay: 6s;
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -ms-animation-delay: 6s;
  -o-animation-delay: 6s;
}
.slideshow .photo-slide:nth-child(2) .slide-text .stext {
  animation-delay: 6s;
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -ms-animation-delay: 6s;
  -o-animation-delay: 6s;
}
.slideshow .photo-slide:nth-child(3) {
  animation-delay: 12s;
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -ms-animation-delay: 12s;
  -o-animation-delay: 12s;
}
.slideshow .photo-slide:nth-child(3) .slide-text .stext {
  animation-delay: 12s;
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -ms-animation-delay: 12s;
  -o-animation-delay: 12s;
}
.slideshow .photo-slide:nth-child(4) {
  animation-delay: 18s;
  -webkit-animation-delay: 18s;
  -moz-animation-delay: 18s;
  -ms-animation-delay: 18s;
  -o-animation-delay: 18s;
}
.slideshow .photo-slide:nth-child(4) .slide-text .stext {
  animation-delay: 18s;
  -webkit-animation-delay: 18s;
  -moz-animation-delay: 18s;
  -ms-animation-delay: 18s;
  -o-animation-delay: 18s;
}
.slideshow .photo-slide:nth-child(5) {
  animation-delay: 24s;
  -webkit-animation-delay: 24s;
  -moz-animation-delay: 24s;
  -ms-animation-delay: 24s;
  -o-animation-delay: 24s;
}
.slideshow .photo-slide:nth-child(5) .slide-text .stext {
  animation-delay: 24s;
  -webkit-animation-delay: 24s;
  -moz-animation-delay: 24s;
  -ms-animation-delay: 24s;
  -o-animation-delay: 24s;
}
/*
.slideshow .photo-slide:nth-child(6) {
  animation-delay: 30s;
  -webkit-animation-delay: 30s;
  -moz-animation-delay: 30s;
  -ms-animation-delay: 30s;
  -o-animation-delay: 30s;
}
.slideshow .photo-slide:nth-child(6) .slide-text .stext {
  animation-delay: 30s;
  -webkit-animation-delay: 30s;
  -moz-animation-delay: 30s;
  -ms-animation-delay: 30s;
  -o-animation-delay: 30s;
}
*/

/* botones para el slider*/
/* botones para el slider*/
.w3-menu-slides {
  padding: 0.01em 32px 20px;
}
.w3-menu-slides-posicion {
  display: flex;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  justify-content: space-between;
}
.w3-left,
.w3-right {
  color: #fff;
  font-size: 20px;
}
.w3-left {
  float: left !important;
  border-radius: 100%;
  background-color: rgba(153, 153, 153, 0.3);
  padding: 3px 15px 7px 13px;
  cursor: pointer;
}
.w3-right {
  float: right !important;
  border-radius: 100%;
  background-color: rgba(153, 153, 153, 0.3);
  padding: 3px 13px 7px 15px;
  cursor: pointer;
}

.w3-left:hover {
  color: #000;
  background-color: rgba(178, 178, 178, 0.6);
}
.w3-right:hover {
  color: #000;
  background-color: rgba(178, 178, 178, 0.6);
}

.w3-menu-slides-badge {
  border-radius: 50%;
  color: #fff;
  display: inline-block;
}
.dot {
  text-align: center;
  height: 13px;
  width: 13px;
  padding: 0;
  background-color: rgba(250, 250, 250, 0.2);
  cursor: pointer;
}
.dot:hover {
  background-color: rgba(250, 250, 250, 0.7);
  cursor: pointer;
}
.w3-border {
  border: 1px solid #ccc !important;
}
/* botones para el slider*/
/* botones para el slider*/

/*
*
*/

/* CONTIENE AL TITULO EN OLAS DE FSDESIGN */
/* CONTIENE AL TITULO EN OLAS DE FSDESIGN */
/* CONTIENE AL TITULO EN OLAS DE FSDESIGN */
#container_sitio_web {
  position: absolute; /* Añade esta línea */
  top: 0; /* Ajusta según sea necesario */
  left: 0; /* Ajusta según sea necesario */
  width: 100vw;
  margin: 0;
  padding: 0;
  z-index: 0;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  -ms-animation-timing-function: ease-in-out;
  -o-animation-timing-function: ease-in-out;
  transition: all 900ms;
  -webkit-transition: all 900ms;
  -moz-transition: all 900ms;
  -ms-transition: all 900ms;
  -o-transition: all 900ms;
}

/* TITULO */
@font-face {
  font-family: "Geist";
  src: url("https://pham.codes/d/GeistVF.woff2") format("woff2");
}

.sitio_web {
  background-color: rgba(
    222,
    239,
    224,
    0.5
  ); /* Cambia el color de fondo a rgba y ajusta la opacidad */
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-bottom: 22px;
  margin-top: 5%;
}

.sitio_web p {
  font-family: "Geist";
  font-size: 50px;
  margin: 0;
  background-color: white;
  background-image: linear-gradient(0deg, #111 70%, white);
  background-clip: text;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -ms-background-clip: text;
  -o-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  -o-text-fill-color: transparent;
  filter: drop-shadow(
    5px 5px 15px #000
  ); /* Añadido parámetros de drop-shadow */
  -webkit-filter: drop-shadow(5px 5px 15px #000); /* Para Safari 6.0 - 9.0 */
  -moz-filter: drop-shadow(5px 5px 15px #000); /* Para Firefox 3.5 - 6.0 */
  -ms-filter: drop-shadow(5px 5px 15px #000); /* Para Internet Explorer 9.0 */
  -o-filter: drop-shadow(5px 5px 15px #000); /* Para Opera 12.1 - 15.0 */
  --wght-min: 32;
  --wght-max: 240;
}

.sitio_web p > span {
  animation: breath 1.5s alternate cubic-bezier(0.37, 0, 0.63, 1);
  -webkit-animation: breath 1.5s alternate cubic-bezier(0.37, 0, 0.63, 1);
  -moz-animation: breath 1.5s alternate cubic-bezier(0.37, 0, 0.63, 1);
  -ms-animation: breath 1.5s alternate cubic-bezier(0.37, 0, 0.63, 1);
  -o-animation: breath 1.5s alternate cubic-bezier(0.37, 0, 0.63, 1);
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -ms-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
}

@-webkit-keyframes breath {
  0% {
    font-variation-settings: "wght" var(--wght-min);
  }
  100% {
    font-variation-settings: "wght" var(--wght-max);
  }
}
@-moz-keyframes breath {
  0% {
    font-variation-settings: "wght" var(--wght-min);
  }
  100% {
    font-variation-settings: "wght" var(--wght-max);
  }
}
@-ms-keyframes breath {
  0% {
    font-variation-settings: "wght" var(--wght-min);
  }
  100% {
    font-variation-settings: "wght" var(--wght-max);
  }
}
@-o-keyframes breath {
  0% {
    font-variation-settings: "wght" var(--wght-min);
  }
  100% {
    font-variation-settings: "wght" var(--wght-max);
  }
}
@keyframes breath {
  0% {
    font-variation-settings: "wght" var(--wght-min);
  }
  100% {
    font-variation-settings: "wght" var(--wght-max);
  }
}
/* CONTIENE AL TITULO EN OLAS DE FSDESIGN */
/* CONTIENE AL TITULO EN OLAS DE FSDESIGN */
/* CONTIENE AL TITULO EN OLAS DE FSDESIGN */

@media (max-width: 768px) {
  .slideshow .slide-text {
    width: 100%;
  }
  .slideshow .slide-text .btn {
    margin: auto;
    float: none;
  }

  .slide-text-titulo {
    bottom: 30%;
  }
  .slide-text-descrip {
    bottom: 19%;
  }

  .slideshow .stext .dark-grey {
    background: rgba(61, 61, 61, 0.85);
    color: #dfdfdd;
    font-size: 80%;
  }
  .slideshow .stext .super-light {
    background: rgba(241, 241, 241, 0.85);
    color: #5e5e5e;
    font-size: 80%;
  }
  .slideshow .stext .yellow {
    background: rgba(255, 246, 0, 0.85);
    color: #5e5e5e;
    font-size: 80%;
  }
  .slideshow .stext.yellow-soft {
    background: #f1c40f;
    background: rgba(241, 196, 15, 0.85);
    color: #5e5e5e;
  }
  .slideshow .stext .orange {
    background: rgba(241, 118, 53, 0.65);
    color: #dfdfdd;
    font-size: 80%;
  }
  .slideshow .stext .red {
    background: rgba(231, 76, 60, 0.65);
    color: #dfdfdd;
    font-size: 80%;
  }
  .slideshow .stext .blue {
    background: rgba(84, 125, 170, 0.65);
    color: #dfdfdd;
    font-size: 80%;
  }
  .slideshow .stext .skyblue {
    background: rgba(5, 175, 209, 0.65);
    color: #dfdfdd;
    font-size: 80%;
  }
  .slideshow .stext .nblue {
    background: rgba(52, 152, 219, 0.65);
    color: #dfdfdd;
    font-size: 80%;
  }
  .slideshow .stext .amethyst {
    background: rgba(155, 89, 182, 0.65);
    color: #dfdfdd;
    font-size: 80%;
  }
  .slideshow .stext .emerald {
    background: rgba(46, 204, 113, 0.65);
    color: #5e5e5e;
    font-size: 80%;
  }
  .slideshow .stext .green {
    background: rgba(37, 186, 165, 0.65);
    color: #dfdfdd;
    font-size: 80%;
  }
  .slideshow .stext .turquoise {
    background: rgba(0, 220, 229, 0.8);
    color: #dfdfdd;
    font-size: 80%;
  }
  .slideshow .stext .asphalt {
    background: rgba(52, 73, 94, 0.65);
    color: #dfdfdd;
    font-size: 80%;
  }

  /* Detalle en h3 */
  .slideshow .stext.middle-grey {
    background: rgba(94, 94, 94, 0.35);
    color: #dfdfdd;
    font-size: 20px;
  }
  .slideshow .stext.light-grey {
    background: rgba(223, 223, 221, 0.65);
    color: #5e5e5e;
    font-size: 20px;
  }
  .slideshow .stext.middle-light-grey {
    background: rgba(222, 239, 224, 0.5);
    color: #000;
    font-size: 20px;
  }

  .slideshow .stext {
    text-align: center;
    display: block;
  }

  .slideshow .slide-text-left {
    left: auto;
  }

  .slideshow .slide-text-right {
    right: auto;
  }
  .sitio_web {
    margin-top: 30%;
  }
  .sitio_web p {
    font-size: 30px;
  }
}