/*GLOBAL*/

body, h1, h2, h3, h4, h5, h6, p {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    color: #0D0E0F;
}

.normal {
    font-weight: 400;
}

.semibold {
    font-weight: 500;
}


/*INTRO*/
.border-p-g {
    border: 1.2px solid #A2B260 !important;
}

.c-princi {
    background-color: #F6F7EF !important;
}

.bg-green-20 {
    background-color: #ECF5F6;
}

.t-blue-o {
    color: #3F9DA9;
}

.t-verde {
    color: #A2B260;
}

.t-verde-o {
    color: #616B3A;
}

.img-atras {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.img-atras2 {
    position: absolute;
    height: 51px;
    z-index: 0;
    width: 99px;
    left: 0;
    top: 513px;
    right: 0;
    margin: auto;
}

.me-9 {
    margin-right: -5rem !important;
}

.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
    display: none;
    background-color: transparent;
}

/* image intro */
.image-vuelve {
    position: relative;
}

.begin {
    position: relative;
    padding-right: 2rem;
    overflow: hidden;
    margin-top: 1rem;
}

.begin a {
    width: 50%;
    margin-top: 2rem;
}

.img-intro {
    /* height: 77vh; */
    object-fit: contain;
    /* display: block;
    margin-top: 2rem; */
}

.img-atras {
    position: absolute;
    bottom: -5rem;
    right: 0;
    z-index: -1;
    height: 32vh;
}

.begin h3 {
    font-size: 4.75rem;
    line-height: 1.25;
}


@media (max-width: 992px) {
    .img-intro {
        height: 32vh;
    }

    .begin a {
        width: 70%;
    }

    .introFluid {
        padding: 1rem 7rem;
    }

    .begin a {
        width: 100%;
    }

    /* intro aliados */
    .begin-button {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .begin-info {
        margin-top: 2rem;
    }

    .begin-info a {
        width: 48%;
        padding: 1.25rem 0;
    }

    .begin {
        margin-bottom: 2rem;
    }

    .mt-19 {
        margin-top: 7rem !important;
    }
}

@media (max-width: 768px) {
    .begin a {
        margin-top: 2rem;
    }

    .begin h3 {
        font-size: 2.15rem;
    }

    .introFluid {
        padding: 1rem 6rem;
    }

    .begin-info a {
        width: 46%;
        padding: 1.25rem 0;
    }

    .begin {
        margin-bottom: 1rem;
    }
}

@media (max-width: 600px) {
    .align-items-sm-center {
        align-items: center;
    }

    .text-sm-center {
        text-align: center;
    }

    .introFluid {
        padding: 1rem 2rem;
    }

    .img-intro {
        height: 24vh;
        margin-top: 2rem;
    }

    .begin-info a {
        width: 100%;
        padding: 1.25rem 0;
    }

    .image-vuelve img {
        height: 34vh;
    }

    .begin-button .me-4 {
        margin-right: 0 !important;
    }

    .begin-button.mt-5 {
        margin-top: 2rem !important;
    }

    .begin {
        padding-right: 0;
    }

    .extras-bottom a {
        width: 100% !important;
    }
}

@media (max-width: 320px) {
    .img-intro {
        height: 30vh;
        margin-top: 1rem;
    }

    .mt-19 {
        margin-top: 7rem !important;
    }
}

/*ELEGIR SERVICIOS*/

.mt-13 {
    margin-top: 13rem;
}

.mo-1 {
    margin-top: 2.6rem;
}

.mo-2 {
    margin-top: 10.8rem;
}


/*BUTTON*/
.btn-outline-dark {
    --bs-btn-color: #0D0E0F;
    --bs-btn-border-color: #CFCFCF;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0D0E0F;
    --bs-btn-hover-border-color: #0D0E0F;
    --bs-btn-focus-shadow-rgb: 52, 71, 103;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0D0E0F;
    --bs-btn-active-border-color: #0D0E0F;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #0D0E0F;
    --bs-btn-disabled-bg: transparent;
    --bs-gradient: none;
}

.btn-outline-dark:hover:not(.active) {
    background-color: transparent;
    opacity: .75;
    box-shadow: none;
    color: #0D0E0F;
}

.btn-success {
    --bs-btn-color: #0D0E0F;
    --bs-btn-bg: #A2B260;
    --bs-btn-border-color: #A2B260;
    --bs-btn-hover-color: #0D0E0F;
    --bs-btn-hover-bg: #8ea922;
    --bs-btn-hover-border-color: #8ea922;
    --bs-btn-focus-shadow-rgb: 180, 198, 108;
    --bs-btn-active-color: #0D0E0F;
    --bs-btn-active-bg: #8ea922;
    --bs-btn-active-border-color: #8ea922;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #0D0E0F;
    --bs-btn-disabled-bg: #A2B260;
    --bs-btn-disabled-border-color: #A2B260;
}

.btn-success:hover, .btn.bg-gradient-success:hover {
    background-color: #8ea922;
    border-color: #8ea922;
}

.btn-success:not(:disabled):not(.disabled):active {
    background-color: #8ea922;
}

/*CLIENTE*/

.img-left {
    background-image: url('../../Assets/img/form_banner.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


/*HR*/
hr {
    background-color: #CFCFCF;
    opacity: 1;
}

.hr-o {
    background-color: #CFCFCF;
    opacity: 0.45;
}

.hr-t {
    opacity: 0;
}

.hr-v {
    background-color: #A2B260;
    height: 2px;
}


/*TEXT*/
.text-dark {
    color: #0D0E0F !important;
}


.text-trasparent {
    color: #00000000;
    opacity: 0;
}

.text-secondary {
    color: #6E6E6F !important;
}

.text-secondary2 {
    color: #9E9F9F;
}


/*FORM*/
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #8ea922;
    outline: 0;
    box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, 0.1);
}

.form-select:focus {
    border-color: #8ea922;
    outline: 0;
    box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, 0.1);
}

.form-check-input:checked[type="radio"] {
    background-image: linear-gradient(310deg, #a2b260 0%, #a2b260 100%);
}


/*ORDER PARCEL*/
.orden {
    width: 30px;
    height: 30px;
    line-height: 30px;
}


/*BACKGROUND*/
.bg-info {
    background-color: #3F9DA9 !important;
}

.bg-blue-o {
    background-color: #3F9DA9 !important;
}

.bg-blue-b {
    background-color: #D9EBEE !important;
}

.bg-blue-s {
    background-color: #ECF5F6 !important;
}

.bg-success {
    background-color: #A2B260 !important;
}

.bg-success2 {
    background-color: #276359 !important;
}

.bg-success-bj {
    background-color: #F6F7EF;
}

.bg-success-s {
    background-color: #DAE0BF !important;
}

.bg-success-serv {
    background-color: #ECF0DF !important;
}

.bg-white-transparent {
    background-color: #FFFFFF33 !important;
}

.bg-white-transparent-2 {
    background-color: #FFFFFF0D !important;
}

.bg-amari {
    background-color: #D3A84A !important;
}


/*BORDER*/
.border {
    border: 1px solid #CFCFCF !important;
}

.border-success {
    border-color: #A2B260 !important;
}

.border-2 {
    border-width: 2px !important;
}

.border-danger {
    border-color: #f5365c !important;
}

.border-white {
    border: 2px solid #ffffff !important;
}

.icono-check {
    width: 25px;
    height: 25px;
}

.border-light-subtle {
    border-color: #FFFFFF33 !important;
}

.rounded-top {
    border-top-left-radius: 0.65rem !important;
    border-top-right-radius: 0.65rem !important;
}

.rounded-bottom {
    border-bottom-right-radius: 0.65rem !important;
    border-bottom-left-radius: 0.65rem !important;
}


/*FONT SIZE*/
/* .fs-7{
    font-size: 0.75rem;
}

.fs-8{
    font-size: 0.85rem;
}

.fs-9{
    font-size: 3rem;
}

.fs-10{
    font-size: 0.65rem;
} */

.servicio {
    height: 97.3% !important;
}


/* MARGIN */
.mt-13 {
    margin-top: 43.5rem !important;
}

.mt-14 {
    margin-top: 13.3rem !important;
}


.mt-15 {
    margin-top: 13rem !important;
}

.mt-16 {
    margin-top: 13.9rem !important;
}

.mt-18 {
    margin-top: 19rem !important;
}


.mt-19 {
    margin-top: 18.2rem !important;
}

.mt-n5 {
    margin-top: -18.2rem !important;
}

/******************************/
@media (max-width: 990px) {
    .mt-15 {
        margin-top: 1rem !important;
    }
}

.w-16 {
    width: 4.5rem !important;
}

/* .no-select {
    user-select: none;
} */

.h-60 {
    height: 68% !important;
}

.alert-success {
    background-color: #34AA44 !important;
    background-image: none;
}

.form-check-input:checked[type="checkbox"] {
    background-image: none;
    background-color: #a2b260;
}

.medida {
    width: 10rem;
}

.pd-redes {
    padding-top: 0.2rem;
}


@media (min-width: 1200px) {
    .sidenav.fixed-start + .main-content {
        margin-left: 15.6rem;
    }
}

.navbar-vertical .navbar-nav > .nav-item .nav-link.active {
    color: #ffffff;
    background-color: #a2b260 !important;
}

.mt--2 {
    margin-top: -0.3rem;
}

.notifi {
    width: 32px;
    height: 32px;
}

.option {
    width: 53px;
    height: 53px;
}

.option2 {
    width: 35px;
    height: 35px;
    color: #9E9F9F;
    border: 1px solid #9E9F9F;
    background-color: #F6F7EF;
    transition: all 0.3s ease;

    &:hover {
        color: white;
        border: 1px solid #A2B260;
        background-color: #A2B260;
    }
}

.option3 {
    color: #DAE0BF;
    transition: all 0.3s ease;

    &:hover {
        color: #A2B260;
    }
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 35px;
    height: 6px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #a2b260;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
    transition: opacity 0.6s ease;
}

.carousel-indicators .active {
    opacity: 1 !important;
}


/* .estado{
    width: 0px;
}

.estado2{
    width: 140px;
}

.estado3{
    width: 190px;
} */

.status-chip {
    width: 117px;
}

.mt-not {
    margin-top: 1px;
}

.img-atras3 {
    position: absolute;
    height: 213px;
    z-index: -1;
    width: 99px;
    top: 0;
    right: 0;

}

.img-atras5 {
    position: absolute;
    height: 160px;
    z-index: 0;
    width: 170px;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
}

@media (min-width: 992px) {
    .dropdown .dropdown-toggle:after, .dropup .dropdown-toggle:after, .dropstart .dropdown-toggle:after, .dropend .dropdown-toggle:after {
        content: "" !important;
        font: normal normal normal 14px/1 FontAwesome;
        border: none;
        vertical-align: middle;
        font-weight: 600;
    }
}

@media (min-width: 60px) {
    .image-dash {
        width: 100%;
        margin: 0px;
    }

    .nuevo-comienzo {
        margin-top: 4rem !important;
        margin-bottom: 3rem !important;
    }

    .mt-17 {
        margin-top: 23.5rem !important;
    }

    .img-atras4 {
        position: absolute;
        height: 61px;
        z-index: 0;
        width: 41px;
        left: 14px;
        top: 100px;
        right: 0;
    }
}

@media (min-width: 760px) {
    .image-dash {
        width: 80%;
        margin: 10px;
    }
}

@media (min-width: 768px) {
    .img-atras4 {
        position: absolute;
        height: 61px;
        z-index: 0;
        width: 41px;
        left: 14px;
        top: 152px;
        right: 0;
    }
}

@media (min-width: 814px) {
    .image-dash {
        width: 80%;
        margin: 10px;
    }
}

@media (min-width: 888px) {
    .image-dash {
        width: 50%;
        margin: 10px;
    }
}

@media (min-width: 993px) {
    .image-dash {
        width: 80%;
        margin: 10px;
    }

    .nuevo-comienzo {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important;
    }
}

@media (min-width: 1440px) {
    .image-dash {
        width: 50%;
        margin: 10px;
    }

    .nuevo-comienzo {
        margin-top: 1rem !important;
        margin-bottom: 1.5rem !important;
    }
}

@media (min-width: 1800px) {
    .image-dash {
        width: 38%;
        margin: 10px;
    }

    .mt-17 {
        margin-top: 30rem !important;
    }
}

.con-recojo {
    height: 96%;
}

@font-face {
    font-family: 'Caps';
    src: url('../fonts/PortobestoCaps-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

.caps {
    font-family: 'Caps';
}

.tabset > input[type="radio"] {
    position: absolute;
    left: -200vw;
}

.tabset .tab-panel {
    display: none;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
    display: block;
}

.tabset > label {
    position: relative;
    display: inline-block;
    padding: 15px 10px 13px;
    border-bottom: 0;
    cursor: pointer;
    font-weight: 600;
}

.tabset > label::after {
    /* content: ""; */
    position: absolute;
    left: 15px;
    bottom: 10px;
    width: 22px;
    height: 4px;
    /* background: #a5a5a5; */
    transition: all 0.3s ease;
}

/*
 input:focus-visible + label {
   outline: 2px solid rgb(0, 0, 0);
   border-radius: 3px;
 }

 .tabset > label:hover,
 .tabset > input:focus + label,
 .tabset > input:checked + label {
   color: rgb(2, 2, 2);
 }

*/
.tabset > input:checked + label {
    border-bottom: 2px solid #A2B260;
    margin-bottom: -1px;
}

.tab-panel {
    padding: 30px 0;
    /* border-top: 1px solid #ccc;*/
}

/* label, .form-label {
  font-size: 0.85rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: #6E6E6F;
  margin-left: 0.25rem;
} */

.tabset {
    max-width: 100%;
}

label, .form-label {
    font-size: 0.85rem;
    font-weight: 700;
    margin-bottom: -0.5rem;
    color: #6E6E6F;
    margin-left: 0.25rem;
}

.alert-dismissible .btn-close {
    position: absolute;
    top: -7px;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem;
}

/******************************/

/* SCAMP RESUMEN */
.proximo {
    background-color: #0000001A;
    color: #9E9F9F;

}

.cuota {
    width: 25px;
    height: 25px;
}

/* .accordion .accordion-button {
    font-size: 24px !important;
} */

.rounded-4 {
    border-radius: 1.5rem !important;
}


/* ADMIN - VUELVE A CASA */
.dataTable-top, .dataTable-info {
    /* display: none; */
}

.dataTable-wrapper .dataTable-bottom .dataTable-pagination .dataTable-pagination-list .active a {
    background: #A2B260;
    box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
    color: #fff;
    border: none;
    border-radius: 50% !important;

    &:hover {
        background: #A2B260;
    }
}

/* tables head */

/* table head tr th */
.dataTable-wrapper .dataTable-container .table thead tr th {
    color: #6E6E6F !important;
    font-weight: 600 !important;
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-optical-sizing: auto;
}


.input-group .form-control:focus {
    border-left: 1px solid #A2B260 !important;
    border-right: 1px solid #A2B260 !important;
}

.input-group.focused .input-group-text {
    border-color: #A2B260 !important;
}

a:hover {
    color: #9E9F9F; /* Color inicial del texto */
    text-decoration: none; /* Para quitar la subrayado predeterminado del enlace */
}

.costado {
    margin-right: -29px !important
}

.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #096DD9;
}

.btn-primary:hover, .btn.bg-gradient-primary:hover {
    background-color: #096DD9;
    border-color: #096DD9;
}

.btn-primary {
    --bs-btn-color: #000;
    --bs-btn-bg: #096DD9;
    --bs-btn-border-color: #096DD9;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #7687e8;
    --bs-btn-hover-border-color: #6e80e7;
    --bs-btn-focus-shadow-rgb: 80, 97, 194;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #7e8ee9;
    --bs-btn-active-border-color: #6e80e7;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #096DD9;
    --bs-btn-disabled-border-color: #096DD9;
}

.transition {
    transition: all 0.3s ease;
}