:root {
    --color-focus: #A00AC8;
    --color-font: #6D6D6D;
    --color-pitaya: #E5005C;
    --color-error: #E60D00;
    --color-borde: #D8D8D8;
    --color-negro: #0C0C0C;
}

/*****************
** DESKTOP *******
******************/
.pnt-contenedor-buscador-modelos-esim {
    border: solid 1px var(--color-borde);
    border-radius: 8px;
    padding: 1rem;
}

.pnt-buscador-equipos-compatibles {
    margin: 0 16px;
}

.pnt-reemplazo-chip .pnt-buscador-equipos-compatibles {
    margin: 0 auto;
}

.pnt-formulario-portabilidad .pnt-buscador-equipos-compatibles {
    margin: 0 auto;
    max-width: 30rem;
}

.pnt-pregunta-esim {
    display: inline-block;
    margin-top: 15px;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 600;
    line-height: 20px;
    color: #1558D6;
    cursor: pointer;
}

.card .card-content p.pnt-pregunta-esim {
    margin-top: 16px;
    margin-bottom: 16px;
}

.pnt-chevron-buscador-equipos {
    transition: transform .2s ease;
    transform: rotate(0deg);
}

.pnt-chevron-buscador-equipos-desplegado {
    transform: rotate(180deg);
}

.pnt-sub-texto-buscador-modelo-compatible {
    color: var(--color-font);
    font-size: 1.1rem;
}

.pnt-input-field-modelo-compatible-esim {
    position: relative;
}

.pnt-input-field-modelo-compatible-esim ul.autocomplete-content {
    max-height: 250px !important;
}

.pnt-input-field-modelo-compatible-esim ul.autocomplete-content::-webkit-scrollbar-thumb {
    background: var(--color-focus);
}

.pnt-input-field-modelo-compatible-esim ul.autocomplete-content::-webkit-scrollbar-thumb:hover {
    background: #8E07B3;
}

.pnt-input-field-modelo-compatible-esim ul.autocomplete-content li span span.highlight {
    color: var(--color-focus);
}

.pnt-input-field-modelo-compatible-esim ul.autocomplete-content li {
    display: flex;
    align-items: center;
    padding-left: 8px;
}

.pnt-formulario-portabilidad .pnt-input-field-modelo-compatible-esim ul.autocomplete-content li {
    padding-left: 0;
}

.pnt-icono-buscador-modelo-compatible-esim {
    position: absolute;
    top: 30%;
    left: 8px;
    transform: translateY(-50%);
}

.pnt-input-field-modelo-compatible-esim input:focus ~ .pnt-icono-buscador-modelo-compatible-esim,
.pnt-input-field-modelo-compatible-esim label.active ~ .pnt-icono-buscador-modelo-compatible-esim {
    fill: var(--color-focus) !important;
    width: 15px;
    height: 15px;
}

.pnt-contenedor-buscador-modelos-esim input[type=text]:not(.browser-default).pnt-input-modelo-compatible-esim {
    font-family: Roboto;    
    border: 1px var(--color-borde) solid;
    border-radius: 4px;
    margin-bottom: 4px;
    box-shadow: 0 0;
    padding-left: 40px;
    width: 100%;
    box-sizing: border-box;
}

.pnt-contenedor-buscador-modelos-esim .pnt-label-modelo-compatible-esim  {
    left: 40px;
}

.pnt-helper-text-modelo-compatible {
    font-size: 14px;
    color: #9e9e9e;
    padding: 0;
}

.input-field>label:not(.label-icon).active.pnt-label-modelo-compatible-esim {
    color: var(--color-font);
    transform: translate(2px, 0px) scale(0.8);
    font-size: 15px;
    gap: 4px;
}

.pnt-texto-modelo-no-compatible {
    color: var(--color-error);
}

.pnt-texto-modelo-compatible {
    color: #057844;
}

.pnt-buscador-equipos-compatibles .pnt-dropdown {
    margin: 16px auto 0;                                                                                                                                   
}

.pnt-buscador-equipos-compatibles .pnt-dropdown .select-dropdown {
    height: fit-content !important;
    max-height: 212px !important;
}

.pnt-contenedor-buscador-equipos-compatibles .pnt-buscador-equipos-compatibles .pnt-dropdown li>span {
    color: #0C0C0C;
}

/*****************
** MOBILE *******
******************/

@media only screen and (max-width: 550px) {

    .pnt-buscador-equipos-compatibles {
        margin: 0;
        font-size: 16px;
    }

    .pnt-formulario-portabilidad .pnt-buscador-equipos-compatibles {
        margin: 16px 0;
    }

    .pnt-contenedor-buscador-modelos-esim input[type=text]:not(.browser-default).pnt-input-modelo-compatible-esim {
        padding-left: 36px;
    }

    .pnt-input-field-modelo-compatible-esim ul.autocomplete-content li {
        padding-left: 0;
    }

    .pnt-nuevo-chip .pnt-input-field-modelo-compatible-esim ul.autocomplete-content li {
        padding-left: 8px;
    }

    .pnt-contenedor-buscador-modelos-esim .pnt-label-modelo-compatible-esim {
        left: 36px;
    }

    .pnt-texto-modelo-no-compatible {
        font-size: 12px;
    }

    .pnt-buscador-equipos-compatibles .pnt-dropdown .select-dropdown {
        font-size: 14px;
    }
}