[bc-core-burguer--body-toggled]{
    overflow: hidden !important;
}
.bc-core-burguer svg{
    overflow: unset !important;
    min-width: unset !important;
    min-height: unset !important;
}
.bc-core-burguer{
    display: flex;

    width: fit-content;
    height: fit-content;
}
.bc-core-burguer, .bc-core-burguer *,
.bc-core-burguer *::before, .bc-core-burguer *::after{
    will-change: transform;
}
/*style1*/
.bc-burguer-style1, .bc-burguer-style1 *,
.bc-burguer-style1 *::before, .bc-burguer-style1 *::after{
    will-change: unset;
}
.bc-burguer-style1 {
    all: unset;
    cursor: pointer;
    display: flex;

    --burguer-dimensions: 50px; /*dimensiones*/
    --burguer-stroke-color: black; /*stroke color*/
    --burguer-stroke-width: 2px; /*stroke width*/
    --burguer-duration: 600ms; /*animation duration*/
    --burguer-easing: ease; /*animation ease*/

    --burguer-rounded: round; /*redondeado*/
    stroke-linecap: var(--burguer-rounded);

    width: var(--burguer-dimensions);
    height: var(--burguer-dimensions);
}.bc-burguer-style1:focus-visible{outline: auto;}
.bc-burguer-style1__line--line1 {
    fill: none;
    stroke: var(--burguer-stroke-color);
    transition: stroke-dasharray var(--burguer-duration) var(--burguer-easing),
    stroke-dashoffset var(--burguer-duration) var(--burguer-easing);

    stroke-dasharray: 60 207;
    stroke-width: var(--burguer-stroke-width);
}
.bc-burguer-style1__line--line2 {
    fill: none;
    stroke: var(--burguer-stroke-color);
    transition: stroke-dasharray var(--burguer-duration) var(--burguer-easing),
    stroke-dashoffset var(--burguer-duration) var(--burguer-easing);

    stroke-dasharray: 60 30;
    stroke-width: var(--burguer-stroke-width);
}
.bc-burguer-style1__line--line3 {
    fill: none;
    stroke: var(--burguer-stroke-color);
    transition: stroke-dasharray var(--burguer-duration) var(--burguer-easing),
    stroke-dashoffset var(--burguer-duration) var(--burguer-easing);

    stroke-dasharray: 60 207;
    stroke-width: var(--burguer-stroke-width);
}
.bc-burguer-style1--opened .bc-burguer-style1__line--line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: var(--burguer-stroke-width);
}
.bc-burguer-style1--opened .bc-burguer-style1__line--line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: var(--burguer-stroke-width);
}
.bc-burguer-style1--opened .bc-burguer-style1__line--line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: var(--burguer-stroke-width);
}
/*style2*/
.bc-burguer-style2 svg{
    overflow: unset !important;
    min-width: unset !important;
    min-height: unset !important;
}
.bc-burguer-style2 {
    all: unset;

    overflow: hidden;
    display: flex;
    cursor: pointer;

    --burguer-dimensions: 50px; /*dimensiones*/
    --burguer-stroke-color: black; /*stroke color*/
    --burguer-stroke-width: 2px; /*stroke width*/
    --burguer-duration: 600ms; /*animation duration*/
    --burguer-easing: cubic-bezier(0.4, 0, 0.2, 1); /*animation ease*/
    --burguer-rounded: 100px; /*redondeado*/

    --burguer-reversed: 1; /*reversed*/
}.bc-burguer-style2:focus-visible{outline: auto;}
.bc-burguer-style2--reversed{
    --burguer-reversed: -1; /*reversed*/
}
.bc-burguer-style2__wrapper {
    width: var(--burguer-dimensions);
    height: var(--burguer-dimensions);

    display: flex;
    flex-direction: column;
    justify-content: space-between;

	transition: transform var(--burguer-duration) var(--burguer-easing);
}
.bc-burguer-style2__line {
    background: var(--burguer-stroke-color);
    width: 100%;
    height: var(--burguer-stroke-width);
    
    border-radius: var(--burguer-rounded);
}
.bc-burguer-style2__line--half-first {
    width: 50%;
    background: var(--burguer-stroke-color);
    height: var(--burguer-stroke-width);

    transition: transform var(--burguer-duration) var(--burguer-easing);
    transform-origin: right;

    border-radius: var(--burguer-rounded);
}
.bc-burguer-style2--reversed .bc-burguer-style2__line--half-first{
    align-self: flex-end;
    transform-origin: left;
}
.bc-burguer-style2__line--half-last {
    width: 50%;
    background: var(--burguer-stroke-color);
    height: var(--burguer-stroke-width);

    align-self: flex-end;
    transition: transform var(--burguer-duration) var(--burguer-easing);
    transform-origin: left;

    border-radius: var(--burguer-rounded);
}
.bc-burguer-style2--reversed .bc-burguer-style2__line--half-last{
    align-self: flex-start;
    transform-origin: right;
}
.bc-burguer-style2--opened .bc-burguer-style2__wrapper {
	 transform: rotate(calc(-45deg * var(--burguer-reversed)));
}
.bc-burguer-style2--opened .bc-burguer-style2__line--half-first {
	 transform: rotate(calc(-90deg * var(--burguer-reversed))) translateX(calc(var(--burguer-stroke-width)/2*var(--burguer-reversed)));
}
.bc-burguer-style2--opened .bc-burguer-style2__line--half-last {
	 transform: rotate(calc(-90deg * var(--burguer-reversed))) translateX(calc(var(--burguer-stroke-width)/2*var(--burguer-reversed)*-1));
}
/*style3*/
.bc-burguer-style3 svg{
    overflow: unset !important;
    min-width: unset !important;
    min-height: unset !important;
}
.bc-burguer-style3 {
    all: unset;

    cursor: pointer;
    display: block;
    position: relative;

    --burguer-dimensions: 50px; /*dimensiones*/
    --burguer-stroke-width: 2px; /*!!!establecer un maximo de 4px!!!*/ /*stroke width*/
    --burguer-stroke-color: black; /*stroke color*/
    --burguer-duration: 200ms; /*animation duration*/
    --burguer-easing: cubic-bezier(0.4, 0, 0.2, 1); /*animation ease*/

    width: var(--burguer-dimensions);
    height: var(--burguer-dimensions);

    --burguer-rounded: 100px; /*redondeado*/
}.bc-burguer-style3:focus-visible{outline: auto;}
.bc-burguer-style3__line {
    display: block;
    width: 100%;
    position: relative;
    top: 0;

    border-radius: var(--burguer-rounded);

    height: var(--burguer-stroke-width);
    margin: calc(var(--burguer-stroke-width)*3) 0;

    background: var(--burguer-stroke-color);
    transition: top var(--burguer-duration) var(--burguer-duration), transform var(--burguer-duration);
    transition-timing-function: var(--burguer-easing);
}
.bc-burguer-style3--opened .bc-burguer-style3__line {
    transition: top var(--burguer-duration), transform var(--burguer-duration) var(--burguer-duration);
    transition-timing-function: var(--burguer-easing);
}
.bc-burguer-style3--opened .bc-burguer-style3__line:first-child {
    top: calc(var(--burguer-stroke-width)*2);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.bc-burguer-style3--opened .bc-burguer-style3__line:last-child {
    top: calc(var(--burguer-stroke-width)*-2);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/*style4*/
.bc-burguer-style4 svg{
    overflow: unset !important;
    min-width: unset !important;
    min-height: unset !important;
}
.bc-burguer-style4 {
    all: unset;
    
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;

    --burguer-dimensions: 50px; /*dimensiones*/
    --burguer-stroke-width: 2px; /*stroke width*/
    --burguer-stroke-color: black; /*stroke color*/
    --burguer-duration: 300ms; /*animation duration*/
    --burguer-easing: cubic-bezier(0.23, 1, 0.32, 1); /*animation ease*/

    width: var(--burguer-dimensions);
    height: var(--burguer-dimensions);
    
    --burguer-rounded: 100px; /*redondeado*/
}.bc-burguer-style4:focus-visible{outline: auto;}
.bc-burguer-style4__line, .bc-burguer-style4__line::before, .bc-burguer-style4__line::after {
    display: block;
    width: 100%;
    height: var(--burguer-stroke-width);
    background-color: var(--burguer-stroke-color);
}
.bc-burguer-style4__line {
    position: relative;
    border-radius: var(--burguer-rounded);
}
.bc-burguer-style4__line::before, .bc-burguer-style4__line::after {
    position: absolute;
    border-radius: var(--burguer-rounded);
    left: 0;
    width: 100%;
    content: '';
}
.bc-burguer-style4__line::before {
    top: calc(var(--burguer-dimensions)/4);
    transition: top var(--burguer-duration) var(--burguer-duration) var(--burguer-easing), transform var(--burguer-duration) var(--burguer-easing);
}
.bc-burguer-style4__line::after {
    bottom: calc(var(--burguer-dimensions)/4);
    transition: bottom var(--burguer-duration) var(--burguer-duration) var(--burguer-easing), transform var(--burguer-duration) var(--burguer-easing);
}
.bc-burguer-style4--opened .bc-burguer-style4__line {
    background: rgba(255, 255, 255, 0);
}
.bc-burguer-style4--opened .bc-burguer-style4__line::before {
    top: 0;
    transition: top var(--burguer-duration) var(--burguer-easing), transform var(--burguer-duration) var(--burguer-duration) var(--burguer-easing);
    transform: rotate(-45deg);
}
.bc-burguer-style4--opened .bc-burguer-style4__line::after {
    bottom: 0;
    transition: bottom var(--burguer-duration) var(--burguer-easing), transform var(--burguer-duration) var(--burguer-duration) var(--burguer-easing);
    transform: rotate(45deg);
}
/*style5*/
.bc-burguer-style5 svg{
    overflow: unset !important;
    min-width: unset !important;
    min-height: unset !important;
}
.bc-burguer-style5 {
    all: unset;

    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;

    --burguer-dimensions: 50px; /*dimensiones*/
    --burguer-stroke-width: 2px; /*stroke width*/
    --burguer-stroke-color: black; /*stroke color*/
    --burguer-duration: 300ms; /*animation duration*/
    --burguer-easing: cubic-bezier(0.23, 1, 0.32, 1); /*animation ease*/

    height: var(--burguer-dimensions);
    width: var(--burguer-dimensions);

    --burguer-rounded: 100px; /*redondeado*/

    transition: all var(--burguer-duration);

    --burguer-reversed: 1; /*reversed*/
}.bc-burguer-style5:focus-visible{outline: auto;}
.bc-burguer-style5--reversed{
    --burguer-reversed: -1; /*reversed*/
}
.bc-burguer-style5__line {
    height: var(--burguer-stroke-width);
    background: var(--burguer-stroke-color);
    width: var(--burguer-dimensions);
    border-radius: var(--burguer-rounded);
    display: inline-block;
    position: absolute;
    top: 50%;
    transition: all var(--burguer-duration);
    transition-timing-function: var(--burguer-easing);
}
.bc-burguer-style5__line::before {
    content: " ";
    position: absolute;
    top: calc(var(--burguer-stroke-width)*-1);
    display: inline-block;
    height: var(--burguer-stroke-width);
    background: var(--burguer-stroke-color);
    transform: translateY(calc(var(--burguer-dimensions)*-0.1));
    width: var(--burguer-dimensions);
    border-radius: var(--burguer-rounded);
    transition: all var(--burguer-duration);
    transition-timing-function: var(--burguer-easing);
}
.bc-burguer-style5--opened .bc-burguer-style5__line {
    transform: rotate(calc(45deg * var(--burguer-reversed)));
    background: var(--burguer-stroke-color);
}
.bc-burguer-style5--opened .bc-burguer-style5__line::before {
    top: unset;
    transform: rotate(calc(-90deg * var(--burguer-reversed)));
    background: var(--burguer-stroke-color);
}
.bc-burguer-style5--opened:hover .bc-burguer-style5__line::before {
    top: unset;
}
/*style6*/
.bc-burguer-style6 svg{
    overflow: unset !important;
    min-width: unset !important;
    min-height: unset !important;
}
.bc-burguer-style6 {
    all: unset;

    cursor: pointer;

    --burguer-dimensions: 50px; /*dimensiones*/
    --burguer-stroke-width: 2px; /*stroke width*/
    --burguer-stroke-color: black; /*stroke color*/
    --burguer-duration: 500ms; /*animation duration*/
    --burguer-easing: ease; /*animation ease*/

    width: var(--burguer-dimensions);
    height: var(--burguer-dimensions);

    --burguer-rounded: 100px; /*redondeado*/

    transition-duration: var(--burguer-duration);
    transition-timing-function: var(--burguer-easing);

    --burguer-reversed: 1; /*reversed*/
}.bc-burguer-style6:focus-visible{outline: auto;}
.bc-burguer-style6--reversed{
    --burguer-reversed: -1; /*reversed*/
}
.bc-burguer-style6__icon {
    transition-duration: var(--burguer-duration);
    transition-timing-function: var(--burguer-easing);

    position: absolute;
    height: var(--burguer-stroke-width);
    width: var(--burguer-dimensions);
    border-radius: var(--burguer-rounded);
    top: calc(var(--burguer-dimensions)/2);

    background-color: var(--burguer-stroke-color);
}
.bc-burguer-style6__icon:before {
    transition-duration: var(--burguer-duration);
    transition-timing-function: var(--burguer-easing);

    position: absolute;
    width: var(--burguer-dimensions);
    height: var(--burguer-stroke-width);
    border-radius: var(--burguer-rounded);
    top: calc(var(--burguer-dimensions)/-3);

    background-color: var(--burguer-stroke-color);
    content: "";
}
.bc-burguer-style6__icon:after {
    transition-duration: var(--burguer-duration);
    transition-timing-function: var(--burguer-easing);

    position: absolute;
    width: var(--burguer-dimensions);
    height: var(--burguer-stroke-width);
    border-radius: var(--burguer-rounded);
    top: calc(var(--burguer-dimensions)/3);

    background-color: var(--burguer-stroke-color);
    content: "";
}
.bc-burguer-style6--opened .bc-burguer-style6__icon {
    transition-duration: var(--burguer-duration);
    transition-timing-function: var(--burguer-easing);

    background: transparent;
}
.bc-burguer-style6--opened .bc-burguer-style6__icon:before {
    transform: rotateZ(calc(45deg * var(--burguer-reversed))) scaleX(1.25) translate(calc(var(--burguer-dimensions)/4.615 * var(--burguer-reversed)), calc(var(--burguer-dimensions)/4.615));
}
.bc-burguer-style6--opened .bc-burguer-style6__icon:after {
    transform: rotateZ(calc(-45deg * var(--burguer-reversed))) scaleX(1.25) translate(calc(var(--burguer-dimensions)/5 * var(--burguer-reversed)), calc(var(--burguer-dimensions)/-5));
}
/*style7*/
.bc-burguer-style7 svg{
    overflow: unset !important;
    min-width: unset !important;
    min-height: unset !important;
}
.bc-burguer-style7 {
    all: unset;

    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;

    --burguer-dimensions: 50px; /*dimensiones*/
    --burguer-stroke-width: 2px; /*stroke width*/
    --burguer-stroke-color: black; /*stroke color*/
    --burguer-duration: 600ms; /*animation duration*/
    --burguer-easing: cubic-bezier(0.23, 1, 0.32, 1); /*animation ease*/

    height: var(--burguer-dimensions);
    width: var(--burguer-dimensions);

    --burguer-rounded: 100px; /*redondeado*/

    transition: all var(--burguer-duration);

    --burguer-reversed: 1; /*reversed*/
}.bc-burguer-style7:focus-visible{outline: auto;}
.bc-burguer-style7--reversed{
    --burguer-reversed: -1; /*reversed*/
}
.bc-burguer-style7__line {
    height: var(--burguer-stroke-width);
    background: var(--burguer-stroke-color);
    width: var(--burguer-dimensions);
    border-radius: var(--burguer-rounded);
    display: inline-block;
    position: absolute;
    top: 50%;
    transition: all var(--burguer-duration);
    transition-timing-function: var(--burguer-easing);
}
.bc-burguer-style7__line::before {
    content: " ";
    position: absolute;
    top: calc(var(--burguer-stroke-width)*-1);
    display: inline-block;
    height: var(--burguer-stroke-width);
    background: var(--burguer-stroke-color);
    transform: translateY(calc(var(--burguer-dimensions)*-0.1));
    width: var(--burguer-dimensions);
    border-radius: var(--burguer-rounded);
    transition: all var(--burguer-duration);
    transition-timing-function: var(--burguer-easing);
}
.bc-burguer-style7--opened .bc-burguer-style7__line {
    transform: rotate(calc(45deg * var(--burguer-reversed)));
    background: var(--burguer-stroke-color);
}
.bc-burguer-style7--opened .bc-burguer-style7__line::before {
    top: unset;
    transform: rotate(calc(90deg * var(--burguer-reversed)));
    background: var(--burguer-stroke-color);
}
.bc-burguer-style7--opened:hover .bc-burguer-style7__line::before {
    top: unset;
}
/*style8*/
.bc-burguer-style8 svg{
    overflow: unset !important;
    min-width: unset !important;
    min-height: unset !important;
}
.bc-burguer-style8 {
    all: unset;

    cursor: pointer;

    --burguer-dimensions: 50px; /*dimensiones*/
    --burguer-stroke-width: 2px; /*stroke width*/
    --burguer-stroke-color: black; /*stroke color*/
    --burguer-duration: 500ms; /*animation duration*/
    --burguer-easing: ease; /*animation ease*/

    width: var(--burguer-dimensions);
    height: var(--burguer-dimensions);

    --burguer-rounded: 100px; /*redondeado*/

    transition-duration: var(--burguer-duration);
    transition-timing-function: var(--burguer-easing);

    position: relative;
}.bc-burguer-style8:focus-visible{outline: auto;}
.bc-burguer-style8__left-icon {
    height: var(--burguer-stroke-width);
    width: calc(var(--burguer-dimensions)/2);
    top: calc(var(--burguer-dimensions)/2);

    border-top-left-radius: var(--burguer-rounded);
    border-bottom-left-radius: var(--burguer-rounded);

    transition-duration: var(--burguer-duration);
    transition-timing-function: var(--burguer-easing);

    position: absolute;

    background-color: var(--burguer-stroke-color);
}
.bc-burguer-style8__left-icon:before {
    width: calc(var(--burguer-dimensions)/2);
	height: var(--burguer-stroke-width);
    top: calc(var(--burguer-dimensions)/-3);

    border-top-left-radius: var(--burguer-rounded);
    border-bottom-left-radius: var(--burguer-rounded);

    transition-duration: var(--burguer-duration);
    transition-timing-function: var(--burguer-easing);

	position: absolute;

	background-color: var(--burguer-stroke-color);
	content: "";
}
.bc-burguer-style8__left-icon:after {
    width: calc(var(--burguer-dimensions)/2);
    height: var(--burguer-stroke-width);
    top: calc(var(--burguer-dimensions)/3);

    border-top-left-radius: var(--burguer-rounded);
    border-bottom-left-radius: var(--burguer-rounded);

    transition-duration: var(--burguer-duration);
    transition-timing-function: var(--burguer-easing);

	position: absolute;

	background-color: var(--burguer-stroke-color);
	content: "";
}
.bc-burguer-style8__left-icon:hover {
	cursor: pointer;
}
.bc-burguer-style8__right-icon {
    height: var(--burguer-stroke-width);
    width: calc(var(--burguer-dimensions)/2);
    top: calc(var(--burguer-dimensions)/2);
    left: calc(var(--burguer-dimensions)/2);

    border-top-right-radius: var(--burguer-rounded);
    border-bottom-right-radius: var(--burguer-rounded);

    transition-duration: var(--burguer-duration);
    transition-timing-function: var(--burguer-easing);

    position: absolute;

    background-color: var(--burguer-stroke-color);
}
.bc-burguer-style8__right-icon:before {
    width: calc(var(--burguer-dimensions)/2);
    height: var(--burguer-stroke-width);
    top: calc(var(--burguer-dimensions)/-3);

    border-top-right-radius: var(--burguer-rounded);
    border-bottom-right-radius: var(--burguer-rounded);

    transition-duration: var(--burguer-duration);
    transition-timing-function: var(--burguer-easing);

    position: absolute;

    background-color: var(--burguer-stroke-color);
    content: "";
}
.bc-burguer-style8__right-icon:after {
    width: calc(var(--burguer-dimensions)/2);
    height: var(--burguer-stroke-width);
    top: calc(var(--burguer-dimensions)/3);;

    border-top-right-radius: var(--burguer-rounded);
    border-bottom-right-radius: var(--burguer-rounded);

    transition-duration: var(--burguer-duration);
    transition-timing-function: var(--burguer-easing);

    position: absolute;

    background-color: var(--burguer-stroke-color);
    content: "";
}
.bc-burguer-style8--opened .bc-burguer-style8__left-icon {
    transition-duration: var(--burguer-duration);
    transition-timing-function: var(--burguer-easing);

    background: transparent;
}
.bc-burguer-style8--opened .bc-burguer-style8__left-icon:before {
    transform: rotateZ(45deg) scaleX(1.4) translate(calc(var(--burguer-dimensions)/15), calc(var(--burguer-dimensions)/15));
}
.bc-burguer-style8--opened .bc-burguer-style8__left-icon:after {
    transform: rotateZ(-45deg) scaleX(1.4) translate(calc(var(--burguer-dimensions)/15), calc(var(--burguer-dimensions)/-15));
}
.bc-burguer-style8--opened .bc-burguer-style8__right-icon {
    transition-duration: var(--burguer-duration);
    transition-timing-function: var(--burguer-easing);

    background: transparent;
}
.bc-burguer-style8--opened .bc-burguer-style8__right-icon:before {
    transform: rotateZ(-45deg) scaleX(1.4) translate(calc(var(--burguer-dimensions)/-15), calc(var(--burguer-dimensions)/15));
}
.bc-burguer-style8--opened .bc-burguer-style8__right-icon:after {
    transform: rotateZ(45deg) scaleX(1.4) translate(calc(var(--burguer-dimensions)/-15), calc(var(--burguer-dimensions)/-15));
}
/*style9*/
.bc-burguer-style9 svg{
    overflow: unset !important;
    min-width: unset !important;
    min-height: unset !important;
}
.bc-burguer-style9 {
    all: unset;
    
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;

    --burguer-dimensions: 50px; /*dimensiones*/
    --burguer-stroke-width: 2px; /*stroke width*/
    --burguer-stroke-color: black; /*stroke color*/
    --burguer-duration: 300ms; /*animation duration*/
    --burguer-easing: cubic-bezier(0.23, 1, 0.32, 1); /*animation ease*/

    width: var(--burguer-dimensions);
    height: var(--burguer-dimensions);

    --burguer-rounded: 100px; /*redondeado*/
}.bc-burguer-style9:focus-visible{outline: auto;}
.bc-burguer-style9__line, .bc-burguer-style9__line::before, .bc-burguer-style9__line::after {
    display: block;
    width: 100%;
    height: var(--burguer-stroke-width);
    background-color: var(--burguer-stroke-color);
    border-radius: var(--burguer-rounded);
}
.bc-burguer-style9__line {
    position: relative;
}
.bc-burguer-style9__line::before, .bc-burguer-style9__line::after {
    position: absolute;
    left: 0;
    width: 100%;
    content: '';
}
.bc-burguer-style9__line::before {
    top: calc(var(--burguer-dimensions)/4);
    transition: top var(--burguer-duration) var(--burguer-easing);
}
.bc-burguer-style9__line::after {
    bottom: calc(var(--burguer-dimensions)/4);
    transition: bottom var(--burguer-duration) var(--burguer-easing);
}
.bc-burguer-style9--opened .bc-burguer-style9__line {
    background: rgba(255, 255, 255, 0);
}
.bc-burguer-style9--opened .bc-burguer-style9__line::before {
    top: 0;
    transition: top var(--burguer-duration) var(--burguer-easing);
}
.bc-burguer-style9--opened .bc-burguer-style9__line::after {
    bottom: 0;
    transition: bottom var(--burguer-duration) var(--burguer-easing);
}
/*style10*/
.bc-burguer-style10 svg{
    overflow: unset !important;
    min-width: unset !important;
    min-height: unset !important;
}
.bc-burguer-style10{
    all: unset;

    cursor: pointer;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    --burguer-dimensions: 50px; /*dimensiones*/
    --burguer-rotate: calc(var(--burguer-dimensions) * -0.30);
    --burguer-stroke-width: 2px; /*stroke width*/
    --burguer-stroke-color: black; /*stroke color*/
    --burguer-duration: 600ms; /*animation duration*/
    --burguer-easing: ease; /*animation ease*/

    width: calc(var(--burguer-dimensions));
    height: calc(var(--burguer-dimensions));

    --burguer-rounded: 100px; /*redondeado*/

    transition: var(--burguer-duration) var(--burguer-easing);

    --burguer-reversed: 1; /*reversed*/
}.bc-burguer-style10:focus-visible{outline: auto;}
.bc-burguer-style10--reversed{
    --burguer-reversed: -1; /*reversed*/
}
.bc-burguer-style10__first-line{
    width: 100%;
    height: var(--burguer-stroke-width);
    border-radius: var(--burguer-rounded);
    background: var(--burguer-stroke-color);
    transition: var(--burguer-duration) var(--burguer-easing);
}
.bc-burguer-style10__second-line{
    width: 100%;
    height: var(--burguer-stroke-width);
    border-radius: var(--burguer-rounded);
    margin-top: 30%;
    background: var(--burguer-stroke-color);
    transition: var(--burguer-duration) var(--burguer-easing);
}
.bc-burguer-style10--opened{
  transform: rotateZ(180deg)
}
.bc-burguer-style10--opened .bc-burguer-style10__first-line{
  background: var(--burguer-stroke-color);
  transform: translate(0, 100%) rotateZ(calc(45deg * var(--burguer-reversed)));
}
.bc-burguer-style10--opened .bc-burguer-style10__second-line{
  background: var(--burguer-stroke-color);
  width: 100%;
  transform:  translateY(var(--burguer-rotate)) rotateZ(calc(-45deg * var(--burguer-reversed)));
}