.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {

    background:darkslategray !important;

    background-color:darkslateblue !important;

    color:white !important;

    text-shadow: transparent !important;

    box-shadow: none;

    border-color:#ca0606 !important;

}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {

    background: darkslategray !important;

    color:white !important;

    text-shadow: transparent !important;

    border-color:#ca0606 !important;

}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

    background: darkslategray !important;

    box-shadow: none;

    background-color:darkslategray !important;

    color:white !important;

    text-shadow: transparent !important;

    border-color:#ca0606 !important;

}

@media only screen and (max-width: 767px) {
    .site-header {
        background-image: none !important;
    }

    /* Landing COLORBOX*/
    .cb-landing-content {
        width: 100%;
        height: 100%;
        overflow: overlay;
        /*min-height: 290px;*/
        /*!*min-width: 576px;*!*/
        /*margin-left: auto;*/
        /*margin-right: auto;*/
        /*transform:translate(0, 70%);*/
        /*border-radius: 10px;*/
    }
    .colorbox-body {
        height: 100%;
    }

    .container {
        padding-top: 30%;
    }
}

@media only screen and (min-width: 768px) {
    /* Landing Colorbox */
    .cb-landing-content {
        width: 100%;
        height: auto;
        min-height: 290px;
        min-width: 576px;
        margin-left: auto;
        margin-right: auto;
        transform:translate(0, 7em);
        border-radius: 10px;
    }
    .colorbox-body {
        height: 100%;
    }
}

/* Landing COLORBOX*/
.cb-landing-content {
    background-color: #fffffc;
    /*font-family: RobotoCondensed !important;*/
    text-transform: initial !important;
    color: #00a6a0;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0 !important;
}

.colorbox-body {
    background-color: rgba(47, 79, 79, 0.8);
    overflow: auto;
}

.cb-landing-method-container {
    line-height: normal;
    text-align: left;
    text-transform: none;
    border: none;
    width: auto;
    height: auto;
    display: block;
    text-transform: none;
    letter-spacing: normal;
    padding: 0;
    max-width: none;
    width: auto;
    height: 200px;
    border: 1px solid #00a6a0;
    background-size: cover;
    position: relative;
    transition: border-color .1s linear,box-shadow .1s linear;
    opacity: .8;
    background-color: #D6CCC5;
    margin: 0 15px 30px 15px !important;
    border-radius: 10px;
}

.cb-landing-method-container .cb-landing-icon-image {
    position: relative;
    transition: box-shadow .1s linear;
    height: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1em;
    border-bottom: 1px solid #00a6a0;
}
.cb-landing-method-container i {
    font-size: 82px!important;
    transition: color .1s linear;
    /*color: #6f001d;*/
    color: #00a6a0;
}

.cb-landing-method-container:hover i {
    font-size: 82px!important;
    transition: color .1s linear;
    /*color: #6f001d;*/
    color: #D6CCC5;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cb-landing-method-container .cb-landing-icon-title {
    /* height: 100%; */
    display: flex;
    justify-content: center;
    -webkit-flex-align: flex-start;
    /* align-items: flex-start; */
    flex-direction: column;
    text-align: center;
    width: 100%;
    padding-top: 1em;
}

.cb-landing-method-container .cb-landing-icon-title h2 {
    color: #00a6a0;
    font-size: 30px!important;
    /* border-bottom: 1px solid grey; */
    padding-bottom: 5px;
    margin: 0 0 10px 0!important;
    transition: color .1s linear,border-color .1s linear;
}

.cb-landing-method-container .cb-landing-icon-title p {
    color: #00a6a0;
    font-size: 18px!important;
    font-weight: 400;
    line-height: 1.1!important;
    padding: 0!important;
    margin: 0 !important;
}
.site-header {
    border-bottom-color: #f0f0f0;
    position: unset;
}

img:not([draggable]), embed, object, video {
    max-width: 100%;
    height: 90%;
}

.cb-landing-method-container .cb-landing-icon, .cb-landing-method-container:hover .cb-landing-icon-hover {
    display: block;
}

.cb-landing-method-container:hover .cb-landing-icon, .cb-landing-method-container .cb-landing-icon-hover {
    display: none;
}

.cb-landing-method-container:hover {
    background-color: #00a6a0;
}

.cb-landing-method-container:hover .cb-landing-icon-title h2, .cb-landing-method-container:hover .cb-landing-icon-title p {
    color: #D6CCC5;
}

.cb-landing-title {
    padding: 10px 0;
}
.cb-landing-title > h2 {
    font-size: 1.5em;
    color: #00a6a0;
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 100% !important;
}
.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 100% !important;
}

#cb-landing-postcode-row {
    padding-bottom: 2em !important;
}

.cb-landing-title-error {
    color: red !important;
}

.cb-landing-cp-error {
    color: red !important;
}

.hide {
    display: none !important;
}

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0 !important; left:0; z-index:9999; overflow:hidden;}

#cb-landing-btn {
    float: right;
    background-color: #00a6a0;
    color: #D6CCC5 !important;
}

#cb-landing-btn:hover {
    background-color: #D6CCC5;
    color: #00a6a0 !important;
}

.checkout-landing-btn {
    /*float: right;*/
    background-color: #00a6a0;
    color: #FFFFFF !important;
    padding: 1em;
    margin-bottom: 1em;
}

.checkout-landing-btn:hover {
    background-color: #D6CCC5;
    color: #00a6a0 !important;
}

#cboxClose {
    display: none !important;
}
#cb-landing-cp-valid {
    display: none;
}

#cb-landing-cp-error {
    display: none;
    color: red;
}

.cb-landing-cp-error-row {
    padding-top: 2em;
}

#cb-landing-cp {
    outline-color: #00a6a0;
}

#order_review_heading {
    margin-bottom: 2em;
}

.ics-landing-checkout-row-btn {
    margin: 2em 0 2em 0;
}

.site-header {
    /*display: none !important;*/
}
.search-field {
    display: none !important;
}
.site-search {
    display: none !important;
}
/*.entry-header {*/
/*    display: none !important;*/
/*}*/
body {
    --form-input-width: 220px;
    background-color: white;
    color: #00a6a0;
}
.site-footer {
    background-color: white;
    color: #00a6a0;
}

.storefront-handheld-footer-bar {
    display: none;
}
.quiron-home h1.entry-title, .quiron-landing-rrhh h1.entry-title, .quiron-bonos-empleados h1.entry-title,
.quiron-bonos-rrhh h1.entry-title {
    display: none
}
.quiron-home .main-navigation, .quiron-landing-rrhh .main-navigation, .quiron-bonos-empleados .main-navigation,
.quiron-bonos-rrhh .main-navigation {
    display: none
}
/*.home h1.entry-title { display: none }*/
.home header.entry-header {
    /*padding-bottom: 5em;*/
}
.home header.entry-header::before {
    content: " ";
    width: 225px;
    height: 110px;
    display: block;
    background-repeat: no-repeat;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    background-size: contain;
}

.content-area {
    margin: 0 !important;
}

.container-login {
    padding: 0 !important;
}

.container-login div {
    padding: 0 !important;
    text-align: center;
}
.container-login .row:first-child {
    margin: 0em;
}
.container-login .row:nth-child(2) {
    margin: 1em 0em;
}
.container-login .row {
    margin: 2em 0em;
}

.input-container-usuario {
    margin-top: 3em;
}
.input-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin-bottom: 1em;
}

.inputbox {
    position: relative;
    width: var(--form-input-width);
}

.inputbox input {
    position: relative;
    width: 100%;
    padding: 20px 10px 10px;
    background: transparent;
    outline: none;
    box-shadow: none;
    border: none;
    color: #23242a;
    font-size: 1em;
    letter-spacing: 0.05em;
    transition: 0.5s;
    z-index: 10;
    border-radius: 10px;
}

.inputbox span {
    position: absolute;
    left: 0;
    padding: 10px 10px 10px;
    font-size: 1em;
    color: #8f8f8f;
    letter-spacing: 00.05em;
    transition: 0.5s;
    pointer-events: none;
}

.inputbox input:valid ~span,
.inputbox input:focus ~span {
    /*color: #ffffff;*/
    /*color: #b9944b;*/
    color: #000000;
    transform: translateX(-10px) translateY(-36px);
    font-size: 0.75em;
}

.inputbox i {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #ffffff;
    border-radius: 10px;
    transition: 0.5s;
    pointer-events: none;
    z-index: 9;
}

.inputbox input:valid ~i,
.inputbox input:focus ~i {
    height: 44px;
}

.input-container button {
    --primary-color: #fff;
    --secondary-color: #000000;
    /*--hover-color: #b9944b;*/
    --hover-color: #00a6a0;
    --arrow-width: 10px;
    --arrow-stroke: 2px;
    box-sizing: border-box;
    border: 0;
    border-radius: 20px;
    color: var(--secondary-color);
    padding: 1em 1.8em;
    background: var(--primary-color);
    display: flex;
    transition: 0.2s background;
    align-items: center;
    gap: 0.6em;
    font-weight: bold;
    width: var(--form-input-width);
    justify-content: center;
    border: 1px solid #00a6a0;
}

.input-container button .arrow-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.input-container button .arrow {
    margin-top: 1px;
    width: var(--arrow-width);
    background: var(--primary-color);
    height: var(--arrow-stroke);
    position: relative;
    transition: 0.2s;
}

.input-container button .arrow::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    border: solid var(--secondary-color);
    border-width: 0 var(--arrow-stroke) var(--arrow-stroke) 0;
    display: inline-block;
    top: -3px;
    right: 3px;
    transition: 0.2s;
    padding: 3px;
    transform: rotate(-45deg);
}

.input-container button:hover {
    background-color: var(--hover-color);
}

.input-container button:hover .arrow {
    background: var(--secondary-color);
}
.ics-login-panel {

    border: 1px solid #00a6a0;
    width: 350px;
    max-width: 350px;
    padding-top: 5em !important;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px
}

.input-container button:hover .arrow:before {
    right: 0;
}
.ics-quiron-login-title {
    font-size: 2em;
}
.ics-quiron-login-subtitle {
    font-size: 1.5em;
}
.ics-quiron-login-subtitle {

}
.woocommerce-shipping-fields {
    display: none;
}
body.home .page {
    /*background-color: #00a6a0;*/
}

.page {
    /*background-color: #00A6A0;*/
}
.ics-bonos-panel {
    /*font-family: sans-serif;*/
    /*display: flex;*/
    /*gap: 1rem;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*height: 100vh;*/
    /*background-color: #f4f4f4;*/

    /*border: 1px solid #00a6a0;*/
    width: 350px;
    max-width: 350px;
    padding-top: 5em !important;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px
}
.btn-bono {
    padding: 12px 28px;
    border-radius: 8px;
    font-size: 16px;
    text-decoration: none;
    color: white;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
a.btn-bono:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.btn-bono-empleado {
    background-color: darkslategray !important;
}
.btn-bono-rrhh {
    background-color: darkslategray !important;
}
.container-bonos {
    color: #00a6a0;
    position: relative;
    width: 100%;
    /*min-height: 300px;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 30px auto;
    text-align: center;
    font-family: sans-serif;
}

.container-bonos h1 {
    font-size: 28px;
    margin-bottom: 10px;
    color: #00a6a0;
}

.container-bonos h2 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 30px;
    color: darkslategray !important;
}

.bonos-btn-container {
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(6px);
    border-radius: 12px;
    padding: 40px 60px;
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.btn-logout {
    display: inline-block;
    padding: 10px 20px;
    background-color: #e74c3c;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    transition: background-color 0.2s ease;
}
.btn-logout:hover {
    background-color: #c0392b;
}