/*Extra small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap*/

.block-ocensa-core-buscador-ocensa-header .ocw-header-principal__nav__aux {
    position: relative;
    right: 1rem;
}

.block-ocensa-core-buscador-ocensa-header .ocw-header-principal__nav__aux .ocw-header-principal__nav__aux__search {
	cursor: pointer;
}

.block-ocensa-core-buscador-ocensa-header .ocw-header-principal__search-form {
    display: none;
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    align-items: center;
    gap: .75rem;

    padding: .75rem;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,.15);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-10px);

    transition:
        opacity .25s ease,
        transform .25s ease,
        visibility .25s ease;
}

.block-ocensa-core-buscador-ocensa-header .ocw-header-principal__search-form.is-open {
    display: flex;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    z-index: 999;
}

.block-ocensa-core-buscador-ocensa-header .ocw-header-principal__search-input {
    width: 220px;
    height: 42px;
    padding: 0 .75rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none;
}

.block-ocensa-core-buscador-ocensa-header .ocw-header-principal__search-input:focus {
    border-color: #005eb8;
}

.block-ocensa-core-buscador-ocensa-header .ocw-header-principal__search-button {
    height: 42px;
    padding: 0 1rem;
    border: 0;
    border-radius: 4px;
    border-color: #19a301;
    background-color: #19a301;
    color: #FFFFFF;
    cursor: pointer;
}


.block-ocensa-core-buscador-ocensa-header .ocw-header-principal__search-button::hover {
    color: #19a301;
    background-color: #fff;
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .block-ocensa-core-buscador-ocensa-header .ocw-header-principal__nav__aux {
        position: relative;
        right: unset;
    }

    .block-ocensa-core-buscador-ocensa-header .ocw-header-principal__nav__aux .ocw-header-principal__nav__aux__search {
        cursor: pointer;
    }

    .block-ocensa-core-buscador-ocensa-header::hover .ocw-header-principal__nav__aux .ocw-header-principal__nav__aux__search svg g {
        stroke: #19a301;
    }

    .block-ocensa-core-buscador-ocensa-header .ocw-header-principal__search-form {
        display: none;
        position: absolute;
        top: calc(100% + 12px);
        right: 0;
        align-items: center;
        gap: .75rem;

        padding: .75rem;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 8px 24px rgba(0,0,0,.15);

        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-10px);

        transition:
            opacity .25s ease,
            transform .25s ease,
            visibility .25s ease;
    }

    .block-ocensa-core-buscador-ocensa-header .ocw-header-principal__search-form.is-open {
        display: flex;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
        z-index: 999;
    }

    .block-ocensa-core-buscador-ocensa-header .ocw-header-principal__search-input {
        width: 220px;
        height: 42px;
        padding: 0 .75rem;
        border: 1px solid #ccc;
        border-radius: 4px;
        outline: none;
    }

    .block-ocensa-core-buscador-ocensa-header .ocw-header-principal__search-input:focus {
        border-color: #005eb8;
    }

    .block-ocensa-core-buscador-ocensa-header .ocw-header-principal__search-button {
        height: 42px;
        padding: 0 1rem;
        border: 0;
        border-radius: 4px;
        border-color: #19a301;
        background-color: #19a301;
        color: #FFFFFF;
        cursor: pointer;
    }


    .block-ocensa-core-buscador-ocensa-header .ocw-header-principal__search-button::hover {
        color: #19a301;
        background-color: #fff;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {}

/*Extra extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) {}