.logo {
    margin: 0 0 0 -3px
}

.range-slider {
    width: 100%
}

.range-slider__range {
    -webkit-appearance: none;
    appearance: none;
    width: calc(100% - (73px));
    height: 10px;
    border-radius: 5px;
    background: #d7dcdf;
    outline: none;
    padding: 0;
    margin: 0
}

.range-slider__range::-webkit-slider-thumb {
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ff4343;
    cursor: pointer;
    transition: background 15ms ease-in-out
}

.range-slider__range::-webkit-slider-thumb:hover {
    background: #ffc3c3
}

.range-slider__range:active::-webkit-slider-thumb {
    background: #ffc3c3
}

.range-slider__range::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 50%;
    background: #ff4343;
    cursor: pointer;
    transition: background 15ms ease-in-out
}

.range-slider__range::-moz-range-thumb:hover {
    background: #ffc3c3
}

.range-slider__range:active::-moz-range-thumb {
    background: #ffc3c3
}

.range-slider__range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #ff4343
}

.range-slider__value {
    display: inline-block;
    position: relative;
    width: 60px;
    color: #020c1f;
    line-height: 20px;
    text-align: center;
    border-radius: 3px;
    background: #ff4343;
    padding: 5px 10px;
    margin-left: 8px
}

.range-slider__value:after {
    position: absolute;
    top: 8px;
    left: -7px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid #ff4343;
    border-bottom: 7px solid transparent;
    content: ""
}

::-moz-range-track {
    background: #d7dcdf;
    border: 0
}

input::-moz-focus-inner,
input::-moz-focus-outer {
    border: 0
}

.blocker {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 100;
    padding: 10px;
    box-sizing: border-box;
    background-color: #000;
    background-color: rgba(9, 21, 43, .7);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    text-align: center
}

.blocker:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.05em
}

.blocker.behind {
    background-color: transparent
}

.modal {
    display: none;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    max-width: 500px;
    box-sizing: border-box;
    width: 90%;
    background: #fff;
    padding: 15px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    text-align: left
}

.modal a.close-modal {
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-size: 1rem;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/images/svg/cerrar-blanco.svg);
    background-color: #ff4343;
    border-radius: 3rem
}

.modal-spinner {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    padding: 12px 16px;
    border-radius: 5px;
    background-color: #111;
    height: 20px
}

.modal-spinner>div {
    border-radius: 100px;
    background-color: #fff;
    height: 20px;
    width: 2px;
    margin: 0 1px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out
}

.modal-spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.modal-spinner .rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.modal-spinner .rect4 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

@-webkit-keyframes sk-stretchdelay {

    0%,
    40%,
    100% {
        -webkit-transform: scaleY(.5)
    }

    20% {
        -webkit-transform: scaleY(1)
    }
}

@keyframes sk-stretchdelay {

    0%,
    40%,
    100% {
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5)
    }

    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }
}

.name {
    color: #ff4343
}

@keyframes zuckSlideTime {
    0% {
        max-width: 0
    }

    100% {
        max-width: 100%
    }
}

@keyframes zuckLoading {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

#zuck-modal {
    outline: 0 !important;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background: rgba(0, 0, 0, .75);
    z-index: 100000;
    font-size: 14px;
    font-family: inherit
}

#zuck-modal-content {
    width: 100vw;
    height: 100%;
    top: 0;
    bottom: 0;
    position: absolute;
    overflow: hidden
}

#zuck-modal-content .story-viewer {
    width: 100vw;
    height: 100%;
    top: 0;
    bottom: 0;
    position: absolute;
    overflow: hidden
}

#zuck-modal-content .story-viewer>.slides {
    width: 100vw;
    height: 100%;
    top: 0;
    bottom: 0;
    position: absolute;
    overflow: hidden
}

#zuck-modal-content .story-viewer>.slides>* {
    width: 100vw;
    height: 100%;
    top: 0;
    bottom: 0;
    position: absolute;
    overflow: hidden
}

#zuck-modal * {
    user-select: none;
    outline: 0
}

#zuck-modal.with-effects {
    transform: scale(.01);
    transform-origin: top left;
    transition: .25s
}

#zuck-modal.with-effects.animated {
    transform: scale(1);
    border-radius: 0;
    margin-top: 0 !important;
    margin-left: 0 !important
}

#zuck-modal.with-effects.closed {
    transform: translateY(100%)
}

#zuck-modal .slider {
    width: 300vw;
    height: 100%;
    top: 0;
    bottom: 0;
    left: -100vw;
    position: absolute
}

#zuck-modal .slider>* {
    width: 100vw;
    height: 100%;
    top: 0;
    bottom: 0;
    position: absolute
}

#zuck-modal .slider>.previous {
    left: 0
}

#zuck-modal .slider>.viewing {
    left: 100vw
}

#zuck-modal .slider>.next {
    left: 200vw
}

#zuck-modal .slider.animated {
    -webkit-transition: -webkit-transform .25s linear;
    transition: -webkit-transform .25s linear;
    transition: transform .25s linear;
    transition: transform .25s linear, -webkit-transform .25s linear
}

#zuck-modal.with-cube #zuck-modal-content {
    perspective: 1000vw;
    transform: scale(.95);
    perspective-origin: 50% 50%;
    overflow: visible;
    transition: .3s
}

#zuck-modal.with-cube .slider {
    transform-style: preserve-3d;
    transform: rotateY(0deg)
}

#zuck-modal.with-cube .slider>.previous {
    backface-visibility: hidden;
    left: 100vw;
    transform: rotateY(270deg) translateX(-50%);
    transform-origin: center left
}

#zuck-modal.with-cube .slider>.viewing {
    backface-visibility: hidden;
    left: 100vw;
    transform: translateZ(50vw)
}

#zuck-modal.with-cube .slider>.next {
    backface-visibility: hidden;
    left: 100vw;
    transform: rotateY(-270deg) translateX(50%);
    transform-origin: top right
}

#zuck-modal-content .story-viewer.paused.longPress .head,
#zuck-modal-content .story-viewer.paused.longPress .slides-pointers,
#zuck-modal-content .story-viewer.paused.longPress .tip {
    opacity: 0
}

#zuck-modal-content .story-viewer.viewing:not(.paused):not(.stopped) .slides-pointers>*>.active>b {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

#zuck-modal-content .story-viewer.next {
    z-index: 10
}

#zuck-modal-content .story-viewer.viewing {
    z-index: 5
}

#zuck-modal-content .story-viewer.previous {
    z-index: 0
}

#zuck-modal-content .story-viewer.muted .tip.muted {
    display: block;
    bottom: 280px !important
}

#zuck-modal-content .story-viewer.loading .head .loading {
    display: block
}

#zuck-modal-content .story-viewer.loading .head .right .time,
#zuck-modal-content .story-viewer.loading .head .right .close {
    display: none
}

#zuck-modal-content .story-viewer .slides-pagination span {
    position: absolute;
    top: 50vh;
    font-size: 48px;
    color: #fff;
    line-height: 48px;
    width: 48px;
    margin: 6px;
    transform: translateY(-50%);
    z-index: 1;
    text-align: center
}

#zuck-modal-content .story-viewer .slides-pagination .previous {
    left: 0
}

#zuck-modal-content .story-viewer .slides-pagination .next {
    right: 0
}

#zuck-modal-content .story-viewer .slides-pointers {
    display: table;
    table-layout: fixed;
    border-spacing: 6px;
    border-collapse: separate;
    position: absolute;
    width: 100vh;
    top: 0;
    left: calc(50vw - 50vh);
    right: calc(50vw - 50vh);
    z-index: 100020
}

#zuck-modal-content .story-viewer .slides-pointers>* {
    display: table-row
}

#zuck-modal-content .story-viewer .slides-pointers>*>* {
    display: table-cell;
    background: rgba(255, 255, 255, .5);
    border-radius: 2px
}

#zuck-modal-content .story-viewer .slides-pointers>*>.seen {
    background: #fff
}

#zuck-modal-content .story-viewer .slides-pointers>*>*>b {
    background: #fff;
    width: auto;
    max-width: 0;
    height: 2px;
    display: block;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    border-radius: 2px
}

#zuck-modal-content .story-viewer .slides-pointers>*>.active>b {
    -webkit-animation-name: zuckSlideTime;
    animation-name: zuckSlideTime;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

#zuck-modal-content .story-viewer .head {
    position: absolute;
    height: 56px;
    left: 0;
    right: 0;
    line-height: 56px;
    z-index: 100010;
    color: #fff;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .35), 1px 0 1px rgba(0, 0, 0, .35);
    padding: 6px 12px;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

#zuck-modal-content .story-viewer .head .item-preview {
    overflow: hidden;
    vertical-align: top;
    background-size: cover;
    width: 42px;
    height: 42px;
    display: inline-block;
    margin-right: 9px;
    border-radius: 50%;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center
}

#zuck-modal-content .story-viewer .head .item-preview img {
    display: block;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    object-fit: cover
}

#zuck-modal-content .story-viewer .head .time {
    opacity: .75;
    font-weight: 500;
    font-size: 13px
}

#zuck-modal-content .story-viewer .head .left {
    line-height: 1 !important;
    display: inline-block;
    margin: 6px 0
}

#zuck-modal-content .story-viewer .head .left .info {
    display: inline-block;
    max-width: 30vw;
    vertical-align: middle
}

#zuck-modal-content .story-viewer .head .left .info>* {
    width: 100%;
    display: inline-block;
    line-height: 21px
}

#zuck-modal-content .story-viewer .head .left .info .name {
    font-weight: 500;
    color: #fff
}

#zuck-modal-content .story-viewer .head .right {
    float: right
}

#zuck-modal-content .story-viewer .head .right .close {
    font-size: 42px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    text-align: center
}

#zuck-modal-content .story-viewer .head .back {
    font-size: 42px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    text-align: center
}

#zuck-modal-content .story-viewer .head .left .back {
    display: none;
    width: 24px;
    margin: -9px -6px 0
}

#zuck-modal-content .story-viewer .head .right .time {
    display: none
}

#zuck-modal-content .story-viewer .head .loading {
    display: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin: 9px 0;
    border: 4px solid rgba(255, 255, 255, .2);
    box-sizing: border-box;
    border-top-color: #fff;
    -webkit-animation: zuckLoading 1s infinite linear;
    animation: zuckLoading 1s infinite linear
}

#zuck-modal-content .story-viewer .slides-pointers,
#zuck-modal-content .story-viewer .tip {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

#zuck-modal-content .story-viewer .slides .item {
    display: none;
    overflow: hidden;
    background: #000
}

#zuck-modal-content .story-viewer .slides .item:before {
    z-index: 4;
    background: transparent;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

#zuck-modal-content .story-viewer .slides .item>.media {
    height: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: auto
}

#zuck-modal-content .story-viewer .slides .item.active {
    display: block
}

#zuck-modal-content .story-viewer .slides .item.active .tip.link {
    display: block
}

#zuck-modal-content .story-viewer .tip {
    z-index: 5;
    text-decoration: none;
    display: none;
    border-radius: 30px;
    background: rgba(0, 0, 0, .5);
    font-size: 16px;
    position: absolute;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    padding: 12px 24px
}

@media(max-width:1024px) {
    #zuck-modal-content .story-viewer .head {
        top: 3px
    }

    #zuck-modal-content .story-viewer .head .loading {
        width: 24px;
        height: 24px;
        margin: 6px 0
    }

    #zuck-modal-content .story-viewer .head .item-preview {
        width: 30px;
        height: 30px;
        margin-right: 9px
    }

    #zuck-modal-content .story-viewer .head .left {
        font-size: 15px;
        margin: 15px 0
    }

    #zuck-modal-content .story-viewer .head .left>div {
        line-height: 30px
    }

    #zuck-modal-content .story-viewer .head .right .time {
        display: block;
        white-space: nowrap;
        font-size: 15px;
        margin: 15px 0;
        line-height: 30px
    }

    #zuck-modal-content .story-viewer .head .left>.back {
        display: none;
        background: transparent;
        z-index: 20;
        visibility: visible;
        position: absolute;
        height: 42px;
        width: 24px;
        line-height: 36px;
        text-align: left;
        vertical-align: top;
        text-shadow: none
    }

    #zuck-modal-content .story-viewer.with-back-button .head .left>.back {
        display: block
    }

    #zuck-modal-content .story-viewer.with-back-button .head .left .item-preview {
        margin-left: 18px
    }

    #zuck-modal-content .story-viewer .slides-pointers {
        width: 100vw;
        left: 0;
        right: 0
    }

    #zuck-modal-content .story-viewer .tip {
        font-size: 14px;
        padding: 16px 22px
    }

    #zuck-modal-content .story-viewer .head .left .time,
    #zuck-modal-content .story-viewer .head .right .close {
        display: none
    }
}

.stories.carousel {
    white-space: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.stories.carousel::-webkit-scrollbar {
    width: 0;
    background: transparent
}

.stories.carousel .story {
    display: inline-block;
    width: 70px;
    max-width: 70px;
    margin: 0 6px;
    vertical-align: top
}

.stories.carousel .story:first-child {
    margin-left: 0
}

.stories.carousel .story:last-child {
    margin-right: 0
}

.stories.carousel .story>.item-link {
    text-align: center;
    display: block
}

.stories.carousel .story>.item-link:active>.item-preview {
    transform: scale(.9)
}

.stories.carousel .story>.item-link>.item-preview {
    display: block;
    border-radius: .8rem;
    box-sizing: border-box;
    font-size: 0;
    overflow: hidden;
    transition: transform .2s;
    width: 70px;
    height: 70px
}

.stories.carousel .story>.item-link>.item-preview img {
    display: block;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    object-fit: cover
}

.stories.carousel .story>.item-link>.info {
    display: inline-block;
    margin-top: .5em;
    line-height: 1.2em;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #ff4343
}

.stories.carousel .story>.item-link>.info .name {
    font-weight: 300
}

.stories.carousel .story>.item-link>.info .time {
    display: none
}

.stories.carousel .story>.items {
    display: none
}

.stories.list {
    white-space: nowrap;
    overflow: auto
}

.stories.list .story {
    display: block;
    width: auto;
    margin: 6px;
    padding-bottom: 6px
}

.stories.list .story>.item-link {
    text-align: left;
    display: block
}

.stories.list .story>.item-link>.item-preview {
    height: 42px;
    width: 42px;
    max-width: 42px;
    margin-right: 12px;
    vertical-align: top;
    display: inline-block;
    box-sizing: border-box;
    font-size: 0;
    overflow: hidden
}

.stories.list .story>.item-link>.item-preview img {
    display: block;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center
}

.stories.list .story>.item-link>.info {
    display: inline-block;
    line-height: 1.6em;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top
}

.stories.list .story>.item-link>.info .name {
    font-weight: 500;
    display: block
}

.stories.list .story>.item-link>.info .time {
    display: inline-block
}

.stories.list .story>.items {
    display: none
}

strong.name.storyname {
    text-align: left;
    position: relative
}

.colorBrand {
    color: #ff4343
}

a {
    color: #ff4343;
    font-size: 16px;
    text-decoration: none
}

a:hover {
    color: #e9ecef
}

.text-foot {
    margin: 0;
    list-style: none;
    padding: 0;
    text-align: center
}

.text-foot li {
    margin-bottom: .5rem;
    font-size: 14px;
    color: #adb5bd;
    line-height: 1.5
}

h2 {
    font-size: 1.5rem;
    margin: 0
}

h3 {
    font-size: 1.3rem;
    margin: 0
}

h4 {
    font-size: 1.1rem;
    margin: 0
}

h5 {
    font-size: .9rem;
    margin: 0
}

.perfil-grid {
    grid-column: 1/-1
}

@media(min-width:1024px) {
    .perfil-grid {
        grid-column: 2/-2;
        margin-top: 1rem
    }
}

.perfil-grid-galeria,
.perfil-grid-comentarios {
    grid-column: 2/-2;
    padding-top: 1rem
}

.perfil_info {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px
}

@media(min-width:768px)and (max-width:1023px) {
    .perfil_info {
        grid-template-columns: 2fr;
        padding: 0 8px;
        margin-top: 1rem
    }
}

@media(min-width:1024px) {
    .perfil_info {
        grid-template-columns: 415px 425px auto;
        margin-top: 20px
    }

    .perfil_info .informacion {
        grid-column: 2/3
    }

    .perfil_info .descripcion {
        grid-column: 1/4
    }
}

@media(min-width:1280px) {
    .perfil_info .descripcion {
        grid-column: 3/4;
        margin-top: 6rem
    }
}

.portada {
    grid-column: 1/2
}

@media(min-width:1024px) {
    .portada {
        border-radius: 15px
    }
}

.informacion {
    position: relative;
    display: grid;
    grid-template-columns: 8px 1fr 8px
}

.informacion-b1 {
    grid-column: 2/3;
    position: absolute;
    top: -16px;
    z-index: 2;
    width: 100%
}

@media(min-width:768px) {
    .informacion-b1 {
        grid-column: 1/-1;
        position: relative;
        top: 0
    }
}

.informacion .fantasia {
    grid-column: 2/3;
    margin: 2rem 0 1rem
}

@media(min-width:768px) {
    .informacion .fantasia {
        grid-column: 1/-1;
        margin: 8px 0
    }
}

.informacion-b2 {
    grid-column: 2/3;
    margin: 2rem 0 1rem
}

@media(min-width:768px) {
    .informacion-b2 {
        grid-column: 1/-1;
        margin: 8px 0
    }
}

.informacion-b3 {
    grid-column: 2/3
}

@media(min-width:768px) {
    .informacion-b3 {
        grid-column: 1/-1
    }
}

.comentarios {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px
}

@media(min-width:768px)and (max-width:1023px) {
    .comentarios {
        grid-template-columns: 2fr
    }
}

@media(min-width:1024px) {
    .comentarios {
        grid-template-columns: 1fr 1fr
    }
}

@media(min-width:1280px) {
    .comentarios {
        grid-template-columns: 1fr 1fr
    }
}

.comentarios h3 {
    grid-column: 1/3
}

.comentarios .content-button {
    grid-column: 1/2
}

@media(min-width:1024px) {
    .comentarios .content-button {
        grid-column: 1/3
    }
}

.perfil_calificaciones {
    background-color: #020c1f;
    display: grid;
    grid-template-columns: 1fr;
    padding: 2rem 8px
}

.perfil_calificaciones .columna-1,
.perfil_calificaciones .columna-2 {
    grid-column: 1/2
}

.perfil_calificaciones .columna-1 h3,
.perfil_calificaciones .columna-2 h3 {
    margin: 1rem 0
}

@media(min-width:768px)and (max-width:1023px) {
    .perfil_calificaciones {
        padding: 0 8px;
        grid-template-columns: 350px 1fr;
        gap: 15px
    }

    .perfil_calificaciones .columna-1 {
        grid-column: 1/2
    }

    .perfil_calificaciones .columna-2 {
        grid-column: 2/3
    }
}

@media(min-width:1024px) {
    .perfil_calificaciones {
        grid-template-columns: 350px 1fr;
        margin: 0;
        padding: 2rem 30px;
        border-radius: 15px;
        gap: 20px
    }

    .perfil_calificaciones .columna-1 {
        grid-column: 1/2
    }

    .perfil_calificaciones .columna-2 {
        grid-column: 2/3
    }
}

@media(min-width:1280px) {
    .perfil_calificaciones {
        margin: 0;
        padding: 2rem 30px
    }

    .perfil_calificaciones .columna-1 {
        grid-column: 1/2
    }

    .perfil_calificaciones .columna-2 {
        grid-column: 2/3
    }
}

.columna-1 {
    grid-column: 1/2
}

.columna-2 {
    grid-column: 2/3
}

.sin-calificaciones {
    grid-column: 1/-1
}

.calificacion-promedio {
    grid-column: 1/2
}

.retoque {
    grid-column: 1/2
}

.rating {
    grid-column: 1/2
}

.tabla-full {
    grid-column: 1/2
}

.seccion-comentarios {
    grid-column: 1/2
}

@media(min-width:768px) {
    .seccion-comentarios {
        grid-column: 2/3;
        grid-row: 1/6
    }
}

.perfil-grid-comentarios h3 {
    margin-bottom: 1rem
}

.perfil-grid-comentarios .comentarios {
    grid-column: 1fr
}

@media(min-width:768px) {
    .perfil-grid-comentarios .comentarios {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(min-width:1280px) {
    .perfil-grid-comentarios .comentarios {
        grid-template-columns: repeat(3, 1fr)
    }
}

.verificacion {
    color: khaki
}

.content-button {
    text-align: center;
    width: 100%;
    margin: 3rem 0
}

.portada {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1/1;
    min-width: 375px;
    background: #081327 url(/images/planeta/logo2line.svg) no-repeat 50% center;
    box-shadow: inset 0 0 0 1px #122a55;
    background-size: 60%
}

@media(min-width:768px)and (max-width:1279px)and (orientation:portrait) {
    .portada {
        border-radius: 15px
    }
}

@media(min-width:1280px) {
    .portada {
        border-radius: 15px
    }
}

.portada::before {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 75%, rgba(9, 21, 43, 0.85) 100%);
    inset: 0 0 0 0;
    content: "";
    display: block;
    position: absolute;
    z-index: 1
}

.portada picture {
    line-height: 0
}

.oncall-block {
    height: 2rem;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 10rem;
    position: absolute;
    z-index: 3;
    top: .5rem;
    left: .5rem;
    backdrop-filter: blur(5px)
}

.oncall-block .onCall {
    top: .7rem;
    left: .7rem
}

.oncall-block p {
    color: #09152b;
    margin: 0 .9rem 0 0;
    line-height: 2rem;
    text-indent: 1.8rem;
    width: auto;
    white-space: nowrap
}

.nombre-perfil {
    font-weight: 400;
    font-family: oswald, sans-serif;
    font-size: 2.3rem;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    margin: 0;
    text-shadow: 0 0 5px #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: -36px;
    z-index: 1
}

@media(min-width:768px) {
    .nombre-perfil {
        position: relative;
        top: 0;
        text-align: left;
        display: flex;
        align-items: center
    }
}

.btn-favoritas {
    position: absolute
}

.btn-favoritas svg {
    fill: #ff8184;
    width: 2rem;
    height: 1.5rem
}

.btn-favoritas:hover svg {
    fill: #fff
}

@media(min-width:768px) {
    .btn-favoritas {
        position: relative
    }
}

.nombre-seccion {
    color: #c4bc23;
    font-family: abel, sans-serif;
    text-transform: uppercase;
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .2rem;
    text-align: center
}

@media(min-width:768px) {
    .nombre-seccion {
        text-align: left
    }
}

.fantasia {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    grid-column: 2/3;
    margin: 15px 0 5px
}

.fantasia_tab {
    display: flex;
    justify-content: space-evenly
}

@media(min-width:768px) {
    .fantasia_tab {
        justify-content: flex-start
    }
}

.fantasia_tab button {
    display: grid;
    grid-template-columns: repeat(1, 50px 1fr);
    gap: 10px;
    background-color: #020c1f;
    border-radius: 30px;
    padding: 5px;
    cursor: pointer;
    transition: background-color .3s, color .3s
}

.fantasia_tab button.active {
    background-color: #7e8ea9
}

.fantasia_tab button.active img {
    filter: grayscale(0);
    border-radius: 50px
}

.fantasia_tab button.active h5 {
    color: #020c1f
}

.fantasia_tab button:hover {
    background-color: #9da9bd
}

.fantasia_tab button:hover h5 {
    color: #020c1f
}

.fantasia-modelo_foto picture {
    width: 50px;
    height: auto;
    overflow: hidden
}

.fantasia-modelo_foto picture img {
    filter: grayscale(100%);
    border-radius: 50px
}

.fantasia-modelo_name {
    font-size: 16px !important;
    align-self: center;
    color: #e9ecef;
    margin-right: 1rem
}

.activo .fantasia-modelo_foto picture img {
    filter: grayscale(0)
}

.mini-btn-1 {
    border-radius: 7px;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 1;
    white-space: nowrap;
    background-color: #7e8ea9;
    font-weight: 700;
    color: #020c1f;
    margin-right: 5px
}

.mini-btn-1:last-child {
    margin-right: 0
}

@media(max-width:360px) {
    .mini-btn-1 {
        margin: 0 5px 5px 0
    }
}

.mini-btn-2 {
    border-radius: 7px;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 1;
    white-space: nowrap;
    background-color: #020c1f;
    color: #7e8ea9;
    border: 1px solid #7e8ea9;
    margin: 0 5px 5px 0
}

.mini-btn-2:last-child {
    margin-right: 0
}

.info-1 {
    margin: 0;
    list-style: none;
    padding: 0;
    display: flex;
    flex-flow: row wrap
}

.info-1:first-child {
    margin-bottom: 15px
}

@media(min-width:768px) {
    .info-1:first-child {
        margin-bottom: 8px
    }
}

.falta-verificacion {
    color: #ff8184;
    font-weight: 700
}

.b3-info {
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 12px
}

.b3-info:last-child {
    margin-bottom: 0
}

.b3-info .iconsvg {
    margin-right: 5px
}

.b3-info .iconsvg svg {
    fill: #ff4343
}

.b3-info .text {
    font-size: 14px
}

@media(min-width:768px) {
    .b3-info {
        margin-bottom: 6px
    }
}

.descripcion {
    padding: 0 8px
}

@media(min-width:768px)and (max-width:1023px) {
    .descripcion {
        grid-column: 1/3;
        padding: 0;
        margin: 0 0 1.5rem
    }
}

@media(min-width:1024px) {
    .descripcion {
        padding: 0
    }
}

.sobreMi {
    position: relative
}

.sobreMi h3 {
    margin: 1rem 0 0
}

@media(min-width:768px) {
    .sobreMi h3 {
        margin: 0
    }
}

.sobreMi-content {
    height: auto;
    max-height: none;
    overflow: visible
}

.sobreMi-content p {
    margin: 0;
    max-width: 100%
}

.sobreMi-content p::first-letter {
    text-transform: uppercase
}

@media(min-width:768px) {
    .sobreMi-content p {
        max-width: 100%
    }
}

.sobreMi_modal {
    z-index: 3;
    position: relative;
    width: 100%;
    height: 70px;
    background: linear-gradient(to bottom, rgba(9, 21, 43, 0) 0%, rgba(9, 21, 43, 0.9) 60%);
    margin-top: -45px;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.perfil_contacto {
    background-color: #020c1f;
    padding: 2rem 8px;
    margin: 1rem 0;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-areas: "contacto" "tarifa" "sale" "ubicacion" "horario" "servicios";
    gap: 15px
}

@media(min-width:768px)and (max-width:1023px) {
    .perfil_contacto {
        grid-template-areas: "contacto tarifa sale " "ubicacion horario servicios";
        margin: 0;
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(min-width:1024px) {
    .perfil_contacto {
        grid-template-areas: "contacto tarifa sale" "ubicacion horario servicios";
        grid-template-columns: repeat(3, 1fr);
        padding: 30px;
        border-radius: 1rem
    }
}

@media(min-width:1280px) {
    .perfil_contacto {
        margin: 1rem 0
    }
}

.parking {
    color: #7e8ea9
}

.btn-servicios {
    color: #7e8ea9
}

@media(max-width:768px) {
    .btn-servicios {
        display: none
    }
}

.text-2.grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column: 1/3;
    gap: 1rem
}

@media(min-width:768px) {
    .text-2.grid {
        display: none
    }
}

.mediosPago {
    padding: 0;
    margin: 0;
    display: flex;
    flex-flow: row wrap
}

.mediosPago li {
    font-size: 12px;
    font-weight: 700;
    margin: 0 10px;
    color: #7e8ea9
}

.servicios_info {
    display: flex;
    flex-direction: row;
    align-items: center
}

@media(min-width:768px) {
    .servicios_info {
        flex-direction: column;
        align-items: flex-start
    }
}

.incluidos,
.adicionales {
    margin: 0;
    list-style: none;
    padding: 0
}

.incluidos:first-child,
.adicionales:first-child {
    text-align: right
}

.incluidos li,
.adicionales li {
    line-height: 1.3;
    font-size: 15px
}

.incluidos li:first-child,
.adicionales li:first-child {
    color: #7e8ea9;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 3px
}

@media(min-width:768px) {

    .incluidos,
    .adicionales {
        display: none
    }
}

.servicios-modal {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column: 1/3;
    gap: 1rem
}

.servicios-modal .incluidos,
.servicios-modal .adicionales {
    display: block
}

.incluidos-modal,
.adicionales-modal {
    margin: 0;
    list-style: none;
    padding: 0
}

.incluidos-modal:first-child,
.adicionales-modal:first-child {
    text-align: right
}

.incluidos-modal li,
.adicionales-modal li {
    line-height: 1.3;
    font-size: 1rem;
    color: #343a40
}

.incluidos-modal li:first-child,
.adicionales-modal li:first-child {
    color: #ff4343;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px
}

.contacto {
    display: grid;
    grid-template-columns: 50px 1fr;
    column-gap: 10px
}

.contacto_svg svg {
    fill: #ff4343;
    width: 3rem;
    height: 3rem
}

.contacto_info .text-1 {
    font-size: 22px;
    font-weight: 700
}

.contacto_info .text-1>span {
    color: #ff4343;
    margin-right: 5px
}

.contacto_info .text-1 p {
    font-size: 22px;
    font-weight: 700;
    margin: 0
}

.contacto_info .text-1 p span {
    color: #7e8ea9;
    margin-left: 5px
}

.contacto_info .text-2 p {
    font-size: 15px;
    margin: 0
}

.tarifa {
    display: grid;
    grid-template-columns: 50px 1fr;
    column-gap: 10px
}

.tarifa_svg svg {
    fill: #ff4343;
    width: 3rem;
    height: 3rem
}

.tarifa_info .text-1 {
    font-size: 22px;
    font-weight: 700
}

.tarifa_info .text-1>span {
    color: #ff4343;
    margin-right: 5px
}

.tarifa_info .text-1 p {
    font-size: 22px;
    font-weight: 700;
    margin: 0
}

.tarifa_info .text-1 p span {
    color: #7e8ea9;
    margin-left: 5px
}

.tarifa_info .text-2 p {
    font-size: 15px;
    margin: 0
}

.sale {
    display: grid;
    grid-template-columns: 50px 1fr;
    column-gap: 10px
}

.sale_svg svg {
    fill: #ff4343;
    width: 3rem;
    height: 3rem
}

.sale_info .text-1 {
    font-size: 22px;
    font-weight: 700
}

.sale_info .text-1>span {
    color: #ff4343;
    margin-right: 5px
}

.sale_info .text-1 p {
    font-size: 22px;
    font-weight: 700;
    margin: 0
}

.sale_info .text-1 p span {
    color: #7e8ea9;
    margin-left: 5px
}

.sale_info .text-2 p {
    font-size: 15px;
    margin: 0
}

.ubicacion {
    display: grid;
    grid-template-columns: 50px 1fr;
    column-gap: 10px
}

.ubicacion_svg svg {
    fill: #ff4343;
    width: 3rem;
    height: 3rem
}

.ubicacion_info .text-1 {
    font-size: 22px;
    font-weight: 700
}

.ubicacion_info .text-1>span {
    color: #ff4343;
    margin-right: 5px
}

.ubicacion_info .text-1 p {
    font-size: 22px;
    font-weight: 700;
    margin: 0
}

.ubicacion_info .text-1 p span {
    color: #7e8ea9;
    margin-left: 5px
}

.ubicacion_info .text-2 p {
    font-size: 15px;
    margin: 0
}

.servicios {
    display: grid;
    grid-template-columns: 50px 1fr;
    column-gap: 10px
}

.servicios_svg svg {
    fill: #ff4343;
    width: 3rem;
    height: 3rem
}

.servicios_info .text-1 {
    font-size: 22px;
    font-weight: 700
}

.servicios_info .text-1>span {
    color: #ff4343;
    margin-right: 5px
}

.servicios_info .text-1 p {
    font-size: 22px;
    font-weight: 700;
    margin: 0
}

.servicios_info .text-1 p span {
    color: #7e8ea9;
    margin-left: 5px
}

.servicios_info .text-2 p {
    font-size: 15px;
    margin: 0
}

.horario {
    display: grid;
    grid-template-columns: 50px 1fr;
    column-gap: 10px
}

.horario_svg svg {
    fill: #ff4343;
    width: 3rem;
    height: 3rem
}

.horario_info .text-1 {
    font-size: 22px;
    font-weight: 700
}

.horario_info .text-1>span {
    color: #ff4343;
    margin-right: 5px
}

.horario_info .text-1 p {
    font-size: 22px;
    font-weight: 700;
    margin: 0
}

.horario_info .text-1 p span {
    color: #7e8ea9;
    margin-left: 5px
}

.horario_info .text-2 p {
    font-size: 15px;
    margin: 0
}

.contacto_info {
    display: grid
}

.contacto_info .text-1 a {
    align-self: center;
    font-size: 28px;
    color: #e9ecef
}

@media(min-width:768px)and (max-width:1023px) {
    .contacto_info .text-1 a {
        font-size: 20px
    }
}

@media(min-width:1024px) {
    .contacto_info .text-1 a {
        font-size: 20px
    }
}

@media(min-width:1280px) {
    .contacto_info .text-1 a {
        align-self: center;
        font-size: 28px
    }
}

.contacto_info .text-1 a span {
    color: #7e8ea9
}

.horario_info {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center
}

.perfil_galeria {
    padding: 0 8px 20px
}

.perfil_galeria>p {
    margin: 0 0 15px;
    font-size: 14px
}

@media(min-width:768px)and (max-width:1024px) {
    .perfil_galeria {
        margin-top: 20px;
        min-height: 20rem
    }
}

@media(min-width:1280px) {
    .perfil_galeria {
        padding: 0 0 20px
    }
}

.perfil-grid-galeria>p {
    margin: 0 0 15px;
    font-size: 14px
}

.historias-perfil .stories {
    margin: 1rem 0
}

.multimedia_tab button {
    background-color: #020c1f;
    font-weight: 700;
    color: #ff4343;
    padding: 1em 2em;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color .3s, color .3s
}

.multimedia_tab button:first-child {
    margin-right: .5rem
}

.multimedia_tab button.activo {
    background-color: #ff4343;
    color: #020c1f
}

.multimedia_tab button:hover {
    background-color: #ff7676;
    color: #000
}

.multimediaTabcontent h3 {
    margin: 1rem 0
}

.perfil-fotos {
    grid-column: 2/-2
}

.ficha-galeria {
    margin: 0;
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
    gap: 10px
}

.ficha-galeria li {
    line-height: 0
}

.ficha-galeria li a {
    height: 110px;
    width: auto;
    display: block;
    overflow: hidden;
    border-radius: 10px;
    line-height: inherit;
    border: 1px solid #020c1f;
    position: relative;
    cursor: pointer
}

.ficha-galeria li a:hover {
    box-shadow: 0 0 16px #000;
    transform: scale(1.03)
}

.ficha-galeria li a img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

@media(max-width:359px)and (orientation:portrait) {
    .ficha-galeria li a {
        height: 90px;
        width: auto
    }
}

@media(min-width:360px)and (orientation:portrait) {
    .ficha-galeria li a {
        height: 100px;
        width: auto
    }
}

@media(min-width:375px)and (orientation:portrait) {
    .ficha-galeria li a {
        height: 110px;
        width: auto
    }
}

@media(min-width:414px)and (orientation:portrait) {
    .ficha-galeria li a {
        height: 120px;
        width: auto
    }
}

@media(min-width:768px)and (orientation:portrait) {
    .ficha-galeria li a {
        height: 140px;
        width: auto
    }
}

@media(min-width:768px)and (orientation:landscape) {
    .ficha-galeria li a {
        height: 130px;
        width: auto
    }
}

@media(min-width:768px)and (orientation:landscape) {
    .ficha-galeria li a {
        height: 160px;
        width: auto
    }
}

@media(min-width:1024px) {
    .ficha-galeria li a {
        height: 180px;
        width: auto
    }
}

@media(min-width:1280px) {
    .ficha-galeria li a {
        height: 170px;
        width: auto
    }
}

@media(min-width:768px)and (max-width:1023px) {
    .ficha-galeria {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media(min-width:1024px) {
    .ficha-galeria {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media(min-width:1280px) {
    .ficha-galeria {
        grid-template-columns: repeat(7, 1fr);
        padding: 0
    }
}

.lg-backdrop {
    background: rgba(9, 21, 43, .9);
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px)
}

.lg-toolbar {
    background: rgba(9, 21, 43, .5)
}

.lg-toolbar .lg-icon,
.lg-toolbar #lg-counter {
    color: #ff4343
}

.lg-prev,
.lg-next {
    cursor: pointer;
    width: 30px;
    height: 30px;
    background: #f0f8ff;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center
}

.contenedorFotoLogo {
    position: absolute;
    padding: 0 5px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.contenedorFotoLogo:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

.cero-retoque {
    position: absolute;
    top: 40%;
    transform: translateY(50%);
    z-index: 1;
    width: 7rem;
    padding-left: 2px
}

@media screen and (max-width:768px) {
    .cero-retoque {
        left: 6px;
        width: 4rem;
        max-width: 4rem !important;
        padding-left: 0
    }
}

img.mini-retoque {
    width: 30px !important;
    height: 30px !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media(min-width:1024px) {
    img.mini-retoque {
        width: 40px !important;
        height: 40px !important
    }
}

.alerta-retoque {
    background-color: #ff4343;
    padding: 1rem;
    border-radius: 10px;
    margin-bottom: 1rem
}

.alerta-retoque span {
    display: flex;
    align-items: center
}

.alerta-retoque span svg {
    fill: #020c1f;
    margin-right: .3rem;
    width: 2rem;
    height: 2rem
}

.alerta-retoque h4 {
    color: #020c1f !important;
    margin: 0;
    text-transform: uppercase
}

.alerta-retoque p {
    margin: 0;
    color: #020c1f;
    line-height: 1
}

.perfil-grid-comentarios .speech-bubble_content {
    background-color: #020c1f
}

.perfil-grid-comentarios .speech-bubble_content::after {
    border-top-color: #020c1f
}

.sin-calificaciones h3 {
    margin: 0
}

.promedio h4 {
    margin-bottom: .5rem
}

.promedio p {
    margin-top: .5rem;
    font-size: 14px
}

.retoque {
    margin-top: 2rem
}

.retoque h4 {
    margin-bottom: .5rem
}

.retoque-content {
    display: flex;
    position: relative;
    border-radius: 10px;
    padding: 10px
}

.porcentaje {
    font-family: abel, sans-serif;
    color: #e9ecef;
    font-size: 3.5rem;
    margin-right: 1rem;
    display: flex;
    align-items: center
}

.speech-retoque {
    position: relative;
    height: auto;
    width: auto
}

.speech-retoque_content {
    position: relative;
    background: #0a1d3f;
    border-radius: 10px;
    padding: 10px
}

.speech-retoque_content:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-right-color: #0a1d3f;
    border-left: 0;
    margin-top: -15px;
    margin-left: -15px
}

.speech-retoque_content-text {
    margin: 0;
    padding: 5px
}

.speech-retoque_content-text b {
    color: #fff
}

.rating {
    margin-top: 2rem
}

.rating h4 {
    margin-bottom: .5rem
}

.rating p {
    font-size: 14px;
    margin-top: 0
}

.corazones {
    height: 48px;
    width: 235px;
    margin: 1.2rem auto;
    position: relative
}

.corazones-content__background,
.corazones-content__foreground {
    position: absolute;
    top: 0;
    left: 0;
    overflow: visible;
    width: inherit
}

.corazones-content__background {
    position: relative;
    z-index: 0;
    height: 48px;
    width: 100%
}

.corazones-content__background .colorred,
.corazones-content__background .colorgray {
    height: 48px;
    display: inherit;
    position: absolute;
    top: 0;
    left: 0
}

.corazones-content__background .colorred {
    background-color: #ff4343;
    z-index: 1
}

.corazones-content__background .colorgray {
    background-color: #e9ecef;
    width: 100%;
    z-index: 0
}

.corazones-content__foreground {
    z-index: 1
}

.corazones-content__foreground span {
    height: 48px;
    width: 48px;
    display: inline-block;
    margin: 0 -2px
}

.corazones-content__foreground span .icon-fav-negative {
    fill: #020c1f;
    height: inherit;
    width: inherit
}

.corazones-content__foreground span:nth-child(3) {
    margin-left: -3px
}

.corazones-content__foreground span:nth-child(5) {
    margin-left: -3px
}

.tabla-full {
    margin-top: 2rem
}

.tabla-full h4 {
    margin-bottom: .5rem
}

.tabla-full p {
    font-size: 14px;
    margin-top: 0
}

.tabla-notas {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px
}

.tabla-notas tr:nth-child(even) {
    background-color: rgba(10, 29, 63, .5)
}

.tabla-notas tr td {
    padding: 5px 0 5px 5px
}

.tabla-notas tr td:last-child {
    text-align: center
}

.tabla-notas tr td[colspan="2"] {
    text-align: left;
    color: #ff4343
}

.promedio-content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px
}

.promedio-content span {
    border: 2px solid #ff4343;
    border: 2px solid #7e8ea9;
    border-radius: 4px;
    grid-template-columns: 1fr;
    grid-template-rows: 100px;
    padding: .7rem 0
}

.promedio-content span h5 {
    font-size: 2.3rem;
    text-align: center
}

@media(max-width:360px) {
    .promedio-content span h5 {
        font-size: 2rem
    }
}

.promedio-content span p {
    color: #fff;
    margin: 0;
    text-align: center;
    font-size: 1rem
}

@media(max-width:360px) {
    .promedio-content span p {
        font-size: .8rem
    }
}

.promedio-content span:last-child {
    border-color: #ff1493
}

.seccion-comentarios h3 {
    margin: 2rem 0 1rem
}

.speech-bubble {
    position: relative;
    height: auto;
    width: auto
}

.speech-bubble_content {
    position: relative;
    background-color: #0a1d3f;
    border-radius: 10px;
    padding: 20px;
    min-height: 145px;
    height: auto
}

.speech-bubble_content:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 22px solid transparent;
    border-top-color: #0a1d3f;
    border-bottom: 0;
    margin-left: -22px;
    margin-bottom: -22px
}

.speech-bubble_content-text {
    margin: 0;
    min-height: 40px
}

.speech-bubble_content-info {
    margin-top: auto
}

.speech-bubble_content-info .rating-container {
    margin: 1rem 0
}

.speech-bubble_content-info .rating-container .heart-container {
    width: 24px;
    height: 24px
}

.speech-bubble_content-info_info {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center
}

.speech-bubble h3.cliente {
    color: #ff4343;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
    text-transform: capitalize;
    letter-spacing: 0;
    margin: 2rem 0 0
}

.speech-bubble .date-comment {
    text-align: center;
    color: whtie;
    font-size: .8rem;
    margin-top: 0
}

.sb-retoque,
.sb-nota {
    display: flex;
    color: #dee2e6;
    margin: 0
}

.sb-retoque dd,
.sb-nota dd {
    margin-left: 3px;
    color: #fff;
    font-weight: 700
}

.sb-retoque {
    margin: 0 2rem 0 0
}

.perfil_amigas {
    margin-top: 20px;
    padding-left: 12px
}

.perfil_amigas h3 {
    margin-bottom: 15px
}

.amigas_content {
    display: flex;
    flex-flow: row nowrap;
    align-items: baseline;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 1rem;
    -webkit-overflow-scrolling: touch;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important
}

.amigas_content::-webkit-scrollbar {
    display: none
}

.amiga-link {
    display: block;
    height: 100%;
    width: 100%
}

.amiga-link_portada {
    width: 5rem;
    height: 5rem;
    display: block;
    border-radius: .5rem;
    overflow: hidden;
    background: #081327 url(/images/planeta/logo2line.svg) no-repeat 50% center;
    box-shadow: inset 0 0 0 1px #122a55;
    background-size: 60%
}

.amiga-link_portada img {
    width: 100%;
    object-fit: cover
}

.amiga-text {
    margin-top: .5rem
}

.amiga-text p {
    font-size: .8rem;
    font-weight: 700;
    margin: 0;
    color: #fff;
    text-align: center;
    max-width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 90px
}

.amiga-text p a {
    font-size: .7rem;
    color: #ff4343;
    font-weight: 400
}

.contacto_perfil {
    background: rgba(9, 21, 43, .9);
    backdrop-filter: blur(10px);
    border-top: 1px solid #394355;
    position: fixed;
    bottom: 0;
    z-index: 9;
    width: 100%;
    height: 60px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-evenly
}

@media(min-width:431px) {
    .contacto_perfil {
        display: none
    }
}

.phoneApp {
    padding: .5em .6em;
    border-radius: 30px;
    min-width: 100px
}

@media(max-width:360px) {
    .phoneApp {
        padding: .3em .5em;
        border-radius: 20px;
        min-width: 90px
    }
}

.phoneApp a {
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

@media(max-width:360px) {
    .phoneApp a {
        justify-content: center;
        line-height: 0
    }
}

.phoneApp_icon {
    width: 1rem;
    margin-right: 5px;
    align-items: center;
    display: flex
}

@media(max-width:360px) {
    .phoneApp_icon {
        width: auto;
        margin-right: 0
    }

    .phoneApp_icon svg {
        width: 2rem;
        height: 2rem
    }
}

.phoneApp_icon svg {
    fill: #020c1f
}

.phoneApp_text {
    font-weight: 700;
    color: #020c1f
}

@media(max-width:360px) {
    .phoneApp_text {
        display: none
    }
}

.phoneApp.call {
    background-color: #7e8ea9
}

.phoneApp.wsp {
    background-color: #1ec25a
}

.phoneApp.tele {
    background-color: #2aabee
}

.perfil_notas {
    grid-column: 2/-2;
    display: grid;
    grid-template-columns: 1fr
}

.perfil_notas .titulo {
    grid-column: 1/4
}

.perfil_notas-foto {
    grid-column: 1/-1;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    overflow: hidden;
    margin: 1rem auto
}

@media(min-width:768px) {
    .perfil_notas-foto {
        width: 230px;
        height: 230px
    }
}

.perfil_notas-pregunta {
    grid-column: 1/-1
}

@media(min-width:768px) {
    .perfil_notas-pregunta {
        grid-column: 1/-1;
        align-self: center
    }
}

.perfil_notas-pregunta p {
    text-align: center
}

.perfil_notas-respuesta {
    grid-column: 1/-1;
    grid-row: 4/5;
    display: flex;
    justify-content: center
}

.perfil_notas-respuesta .btn-1 {
    display: inline-block;
    width: 50px !important;
    text-align: center
}

.perfil_notas-respuesta .btn-1:first-child {
    margin-right: 2rem
}

@media(min-width:768px) {
    .perfil_notas-respuesta {
        grid-column: 1/-1;
        align-self: center
    }
}

.form-calificar .accordion li {
    margin: .5rem 0
}

.perfil_notas-alerta {
    grid-column: 1/4
}

@media(min-width:768px) {
    .perfil_notas-alerta {
        grid-column: 1/2
    }
}

.perfil_notas-calificar {
    grid-column: 1/4
}

.perfil_notas-calificar .calificacion-promedio {
    margin-top: 2rem
}

.califica-consideracion {
    padding-left: 20px
}

.califica-consideracion li {
    font-size: 14px
}

.form-calificar {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    min-height: 10rem
}

.form-calificar .icon-like {
    width: 5rem;
    height: 5rem;
    margin: 2rem 0
}

.form-calificar__content-titulo h3 {
    margin-bottom: 0
}

.form-calificar__content-slider {
    margin-bottom: .5rem
}

.form-calificar__content-slider p {
    margin: 0 0 1rem
}

.form-calificar .accordion {
    width: 100%
}

.form-calificar .accordion li a {
    font-weight: 700
}

.form-comentario p {
    margin: 0;
    line-height: 1.2
}

.rating-calificar {
    width: 288px;
    height: 51px;
    margin: auto;
    display: block;
    overflow: hidden;
    unicode-bidi: bidi-override;
    direction: rtl
}

.rating-calificar:not(:checked)>input {
    display: none
}

#like {
    bottom: -65px
}

#like:not(:checked)>label svg {
    cursor: pointer;
    float: right;
    width: 50px;
    height: 50px;
    display: block;
    fill: rgba(233, 236, 239, .4);
    line-height: 33px;
    text-align: center
}

#like:not(:checked)>label:hover,
#like:not(:checked)>label:hover~label svg {
    fill: rgba(255, 67, 67, .4)
}

#like>input:checked+label:hover,
#like>input:checked+label:hover~label svg,
#like>input:checked~label:hover,
#like>input:checked~label:hover~label svg,
#like>label:hover~input:checked~label svg {
    fill: #ff4343
}

#like>input:checked~label svg {
    fill: #ff4343
}

.txtDesc {
    color: #343a40
}