/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./style.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 
Theme Name:		 Tema hijo Movistar child Moviclub
Theme URI:		 http://childtheme-generator.com/
Description:	 Child theme of theme padre Movistar
Author:			 Guillermo Ruiz
Author URI:		 http://childtheme-generator.com/
Template:		 movistar
Version:		 2.0.0
Text Domain:	 movistar
*/
/*
    Add your custom styles here
*/
span.container_user a {
  color: var(--color-blanco-movistar);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.16px;
  min-width: 84px;
}

span.container_user a:hover {
  text-decoration: underline;
}

span.container_user .dropdown-item:focus, span.container_user .dropdown-item:hover {
  background-color: transparent;
  background-image: none;
}

/* Botón: solo texto + chevron */
span.container_user .toggle-cuenta {
  background: none;
  border: 0;
  padding: 0;
  color: var(--color-blanco-movistar);
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.312px;
}

span.container_user .saludo {
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 11px;
  letter-spacing: 0.064px;
  color: var(--color-blanco-movistar);
  margin-right: 20px;
  width: 100px;
  margin-bottom: 2px;
}

span.container_user .toggle-cuenta:focus-visible {
  outline: 2px solid var(--color-blanco-movistar);
  outline-offset: 4px;
}

span.container_user .menu-cuenta a svg {
  width: 16px;
  height: 16px;
  flex: none;
  flex-shrink: 0;
}

span.container_user .chevron {
  width: auto;
  height: auto;
  transition: transform 0.25s ease;
  line-height: normal;
  display: flex;
  margin-top: 6px;
}

span.container_user .toggle-cuenta.show .chevron {
  transform: rotate(180deg);
} /* abierto: hacia arriba */
/* Tarjeta blanca con flecha */
span.container_user .menu-cuenta {
  --bs-dropdown-min-width: 238px;
  --bs-dropdown-padding-y: 0;
  --bs-dropdown-border-radius: 10px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  overflow: visible;
  border: 1px solid #DDD;
  margin-right: -26px;
  margin-top: 46px;
}

span.container_user .menu-cuenta .dropdown-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px;
  color: #FB2C36;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.076px;
}

span.container_user .menu-cuenta .dropdown-item:hover {
  color: #f64149;
}

span.container_user .menu-cuenta .dropdown-item:hover svg path {
  stroke: #f64149;
}

.container_user svg.corner {
  position: absolute;
  top: -14px;
  right: 27px;
}

@media (prefers-reduced-motion: reduce) {
  span.container_user .chevron {
    transition: none;
  }
}

/*# sourceMappingURL=style.bundle.css.map*/