/*
Theme Name:     Theratio Child
Theme URI:      http://wpdemo.archiwp.com/theratio/
Description:    Make your modifications to [Parent Theme] in this child theme.
Author:         themes
Author URI:     http:
Version:        1.0
Template:       theratio
*/

@import url("../theratio/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

.ot-process .process_nav li .number-stroke {
  position: absolute;
  left: -17px;
  top: -68px;
  font-size: 72px;
}

.ot-social-vertical {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ot-social-vertical ul {
  line-height: 90px;
}
.ot-social-vertical ul li.elementor-icon-list-item {
  margin-bottom: 40px;
  writing-mode: vertical-rl;
  letter-spacing: 0.75px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.ot-social-vertical ul li.elementor-icon-list-item:last-child {
  margin-bottom: 0;
}

/* CSS */
/* Estilo del contenedor principal */
.vertical_uno {
  position: fixed;
  z-index: 9997;
  background: rgba(255, 255, 255, 0.9);
  padding: 0px;
  border-radius: 5px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
  transition: position 0.3s ease;
  display: flex;
  gap: 45px;
  flex-direction: column;
  left: 20px;
  top: 225px;
  isolation: isolate;
}

/* Estilo general de los íconos */
.vertical_uno img {
  width: 50px;
  height: 50px;
  object-fit: cover;
}

/* Estilo para cada ícono individual */
.icono {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border-radius: 50%;
  transition: transform 0.3s ease;
}

.icono:hover {
  transform: scale(1.1);
  background-color: rgba(0, 0, 0, 0.05);
}

/* Adaptación para tablet */
@media (max-width: 1024px) and (min-width: 768px) {
  .vertical_uno {
    top: 450px;
  }
}

/* Adaptación para smartphone */
@media (max-width: 767px) {
  .vertical_uno {
	top: -40px;
    left: 50%;
    transform: translateX(-50%);
    flex-direction: row;
    gap: 25px;
	 display: none;
  }
  .vertical_uno img {
    width: 26px;
    height: 26px;
  }
}