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

*{
    box-sizing: border-box;
    /* clear: both; */
}

:root{
    /* ======= Font Porto ======= */
    --font-caps:'PortobestoCaps-Regular';
    /* ======= Color ======= */
    --grey-black-10: #F5F5F5;
    --grey-black-50: #F5F5F5;
    --caribean-100: #ECF5F6;
    --caribean-200: #D9EBEE;
    --green-p-200: #ECF0DF;
    --green-p-300: #DAE0BF;
    --primary-700: #828E4D;
    --eden--main: #276359;
    --surface-primary: #F6F7EF;
    --btn-surface-primary: #A2B260;
    --btn-surface-hover: #8ea922;
    --white-color: #fff;
    --black-color: #0D0E0F;
    --label-placeholder: #6E6E6F;
    --color-secondary: #3F9DA9;
    --grey-color: #6E6E6F;
    --chaos-grey-300: #AAABAB;
    --eden-600: #276359;
    /* BORDER RADIUS */
    --border-r-l: border-radius: 1.0625rem;

    /* ======= background transparent ======= */
    --color-aw-60: rgba(255, 255, 255, 0.6);
    --transparent-text: rgba(255, 255, 255, 0.90);
    --bg-transparent-50: rgba(255, 255, 255, 0.05);
    --border-alpha-white-2: rgba(255, 255, 255, 0.20);
    --bg-eden-10: #E9EFEE;

    /* ======= Headline & Text ======= */
    --display-m: 4.5rem;
    --display-s: 3.8125rem;
    --Headline-H1: 3.063rem;
    --Headline-H2: 2.438rem;
    --Headline-H3: 1.938rem;
    --Headline-H4: 1.728rem;
    --Headline-H5: 1.563rem;
    --Headline-H6: 1.125rem;
    /* --body-text: 1rem; */
    --body-text: 0.875rem;
    --label-text: 0.875rem;
    --text-s: 0.75rem;

    /* ======= border radius ======= */
    --box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.25), 0px 4px 56px -8px rgba(0, 0, 0, 0.12); ;
    --shadow-card: box-shadow: 0px 34px 98px 0px rgba(0, 0, 0, 0.03), 0px 221px 133px 0px rgba(0, 0, 0, 0.02), 0px 329px 157px 0px rgba(0, 0, 0, 0.01), 0px 615px 172px 0px rgba(0, 0, 0, 0.01);;

    /* ======= border radius ======= */
    --border-radius: 1.313rem;
}

/* badge item tabs nav compostario*/
.bg-soft-dark {
    background-color: rgba(19,33,68,.1);
}
.badge-item {
    --bs-badge-padding-x: 0.75em;
    --bs-badge-padding-y: 0.57em;
    --bs-badge-font-size: 0.85em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: 0.3125rem;
    --bottom-badge: -1rem;
    font-family: "Plus Jakarta Sans", sans-serif;
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius);
    top: var(--bottom-badge);
  }

/* ========== */
.border-l{ border-radius: var(--border-r-l);}
.rounded-4{border-radius: 1.3125rem;}

/* ======= btn Primary ======= */
.btn {
    box-shadow: none !important;
    letter-spacing: .268px !important;
    font-weight: 500 !important;
}

/* ======= Size Headelines ======= */
h1, h2, h3, h4, h5, h6, p, label, .display-m, .display-s{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    /* color: var(--black-color); */
}

/*  font weight general */
.f-weight-light{font-weight: lighter !important;}
.f-weight-10{ font-weight: 100 !important;}
.f-weight-20{ font-weight: 200 !important;}
.f-weight-40{ font-weight: 400 !important;}
.f-weight-50{font-weight: 500;}
.f-weight{ font-weight: 600;}
.f-weight-70{font-weight: 700;}
.f-weight-90{font-weight: 900;}


.head-h1{ font-size: var(--Headline-H1);}
.head-h2{font-size: 2.4375rem;}
.head-h3{font-size: var(--Headline-H3)}
.headline-h5{font-size: var(--Headline-H5);}
.display-m{ font-size: var(--display-m);}
.display-s{font-size: var(--display-s);}

.h4{
    font-size: var(--Headline-H4);
    color: var(--black-color);
}

.subtitle{
    font-weight: 600;
    font-size: var(--Headline-H6);
    letter-spacing: .09px;
    line-height: 1.25rem;
}

/* ======= Size Text ======= */
.body-t-m{font-size: var(--text-s);}
.p-service{
    position: absolute;
    margin: auto;
    left: 4.72rem;
    top: .4rem;
    display: inline-block;
    color:  rgba(255, 255, 255, 0.80);

}

/* .fs-5{ font-weight: 400 !important;} */

.text-caps{
    font-family: var(--font-caps);
    /* font-size: 2.875rem; */
}

.text-small{
    font-size: var(--label-text);
    font-weight: 500;
}

.header-strong{
    font-size: var(--label-text);
    font-weight: 600;
    font-style: normal;
    line-height: 1rem;
    font-optical-sizing: auto;
}

.paragraph{
    font-size: var(--label-text);
    font-weight: 500;
    line-height: 1.25rem;
    list-style: none;
}

.text-thead{
    color: var(--grey-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
}

.text-thead-two {
    color: var(--grey-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-size: var(--text-m);
}

.text-td{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    color: var(--black-color);
}

.text-td-two{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    color: var(--black-color);
    font-size: var(--text-m);
}

.labeltext{
    font-size: var(--body-text);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-optical-sizing: auto;
}

.headline-h6{font-size: var(--Headline-H6);}

.light-text{
    font-weight: 100;
    color: var(--black-color);
    font-size: var(--Headline-H3);
}

/* ======= Background Colors ======= */
.bg-grey-10{ background-color: var(--grey-black-10);}
.c-eden-60{ color: var(--eden--main);}
.c-eden-10{ background-color: var(--bg-eden-10);}
.gb-50{ background-color: var(--grey-black-50);}
.alpha-w-60{ color: var(--color-aw-60);}
.bg-alp-w-50{ background-color: var(--bg-transparent-50);}
.bg-eden-60{background-color: var(--eden--main);}
.bg-g-30{ background-color: var(--green-p-300);}
.dashed{ border: 1.496px dashed var(--black-color); }
.border-caribean{ border: 1.996px solid #3F9DA9;}
.caribean-primary{ color: #3F9DA9;}
.bg-caribean-20{ background-color: var(--caribean-200)}
.alpa-white-5{color: #ffffff96;}
.chaos-grey{ color: var(--chaos-grey-300);}
.bg-chaos-3{ background-color: var(--chaos-grey-300);}
.white-color{color: #fff;}
.black-main{ color: var(--black-color);}
.bg-surface-t{background-color: var(--color-secondary);}
.surface-color{color: var(--primary-700);}
.bg-white{ background-color: var(--white-color);}
.bg-secondary{ background-color: var(--color-secondary) !important; }
.bg-surface-primary{background-color: var(--btn-surface-primary);}
.color-grey{color: var(--grey-color);}
.color-font-white{ color: var(--white-color);}
.alpha-white{ color: var(--transparent-text);}


/* ======= Icons remix ======= */
/* -- font-size 24 -- */
.ri-search-2-line, .ri-user-3-line,
.ri-arrow-left-s-line, .ri-arrow-down-s-line,
.ri-add-line, .ri-settings-3-line
{ font-size: 24px;}

.ri-notification-4-line, .ri-user-line, .ri-group-line
{font-size: 20px;}

.ri-arrow-down-s-line{ font-size: 24px !important;}

/* ======= Boton principal ======= */
.btn:not([class*="btn-outline-"]) {border: 0;}

.btn:hover {
    color: var(--white-color);
    background-color: var(--btn-surface-hover);
}

.btn:hover:not(.btn-icon-only) {
    box-shadow: none;
    transform: translateY(-1px);
}

.btn-outline-dark {
    box-shadow: none;
}

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


/* =================== STYLE BODY GENERAL =================== */
/* ======= Body ======= */
body{
    background-color: var(--surface-primary);
    color: var(--black-color);
    margin: 0;
    padding: 0;
    position: relative;
}

/* ============== FORM CLIENTE ============== */
/* cards intro */
.vuelve-parent{
    display: flex;
    height: 47.625rem;
    text-align: center;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}
.vuelve-plan{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4.5rem;
}

/* -- input sign in -- */
input:focus-visible + label {
    outline: none !important ;
    border-radius: 3px;
}

/* -- olvidaste contraseña -- */
.link-p:hover {
    color: var(--color-secondary) !important;
    text-decoration: none;
    transition: cubic-bezier(0.1, 0.7, 1.0, 0.1) !important;
  }

/* ======= check div ======= */
.checkbox-option{ padding-bottom: 1.2rem;}
.checkbox-option > div{
    background-color: var(--surface-primary);
    padding: .5rem 3rem;
    margin-right: 2rem;
    border-radius: 50vw;
}

.label__otro{ padding-bottom: 2rem;}

.card__center{
    min-height: 75vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 1.75rem;
}

.headline-title{
    font-size: var(--Headline-H2);
    font-weight: 600;
}

.headline-sub-title{
    font-size: var(--Headline-H5-M);
    font-weight: 500;
    padding-bottom: 2rem;
}

/* ========  ADMIN ======== */

/*  placeholder mi perfil*/
::placeholder{
    font-family: "Plus Jakarta Sans", sans-serif !important;
}

.place-h::placeholder{
    color: var(--black-color) !important;
    font-size: var(--body-text);
    font-weight: 500;
}

/*  placeholder mi perfil*/
label.text-dark {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    color: var(--black-color) !important;
    font-size: var(--body-text);
}

/* baser de datos */
.button-bd{
    display: flex;
    flex-wrap: wrap;
}
.button-bd a{
    flex: 1 1 auto;
    margin-right: .75rem;
}
.button-bd a:nth-child(4){
    margin-right: 0;
}


/* avatar profile edit admin setting */
.profile-cover-avatar {
    display: flex;
    background-color: #fff;
    border: 0.25rem solid #fff;
}

.avatar-xxl {
    width: 7.875rem !important;
    height: 7.875rem !important;
}

.avatar-uploader {
    cursor: pointer;
    display: inline-block;
    transition: .2s;
    margin-bottom: 0;
}

.avatar-xxl .avatar-uploader-icon {
    width: 2.40625rem;
    height: 2.40625rem;
    display: inline-flex;
    z-index: 1;
}

.avatar-uploader-trigger {
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
    border-radius: 50%;
}

.avatar-uploader-icon {
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--black-color);
    background-color: #fff;
    border-radius: 50%;
    transition: .2s;
}

.shadow-sm {
    box-shadow: 0 .375rem .75rem rgba(140, 152, 164, 0.096) !important;
}

.avatar input{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
}

.avatar-circle { border-radius: 50%;}
.avatar img{ border-radius: 50%;}

.avatar-uploader:hover .avatar-uploader-icon {
    color: var(--caribean-100);
    background-color: var(--btn-surface-primary);
}

.avatar{
    position: relative;
}

/* ========= Nav - Aside - a ========= */
/* -- margin bottom para los aside --*/
.ul-nav>.li-nav{ margin-bottom: 0rem;}

.b-rd-tab {
    border-radius: 22.5rem !important;
    padding: 1.25rem 3.5rem;
}

a.type-text{ font-weight: 300;letter-spacing: .124px;}

/* navbar tab general */
.navbar .nav-link {
    /*padding: .75rem 3rem .75rem 1rem;*/
    font-weight: 400;
}

/*  iniciar sesion */
.background__z-index img{
    object-fit: cover;
    background-repeat: no-repeat;
    height: 90vh;
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: -3rem;
    position: fixed;
}

.form-floating {
    position: relative;
}

/* ====== ====== */
/* .w-100{
    width: 35vw !important;
    height: auto;
    padding: 1.5rem 3rem;
    background-color: var(--white-color);
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius);
    margin-top: 15.67%;
} */

.holder-password{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: var(--label-placeholder) !important;
    font-size: var(--body-text);
}

/* ====== ADMIN ====== */
/* Iniciar sesión */
.admin{ top: 40%;}
.sign-admin i{
    position: absolute;
    z-index: 1;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 25px;
    font-weight: 400;
    cursor: pointer;
}

.head-signin{
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
    position: relative;
    clear: both;
}

.profile{
    width: 6.5rem;
    height: 6.5rem;
    border-radius: 100%;
    position: absolute;
    top: -6.75rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.profile img{
    height: 100%;
    display: block;
    object-fit: cover;
}


/* ====== INICIO ADMIN ====== */
/* resumen */
.card-header {
    /*
        padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
        margin-bottom: 0;
        color: var(--bs-card-cap-color);
        border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
    */
    background-color: #fff0;
}

.h-100{ height: 100% !important;}

/* timeline de operarios */
.timeline-conductor{
    border-bottom: 1.5px solid var(--black-color);
}

.chips-conductor img:first-child{
    margin-top: 1.23rem;
    height: 3.75rem;
    filter: drop-shadow( 0px 9px 10px #0f0f0f21);
    margin-left: 2.12rem;
}

.chips-conductor img:nth-child(2){
    margin-top: 1.23rem;
    height: 3.75rem;
    margin-left: 5.214rem;
    filter: drop-shadow( 0px 9px 10px #0f0f0f21);
}

/* ============== ADMIN  ============= */

/* ============== CLIENTE FORM  ============= */
.arbol img{
    height: 17.7vh;
}

/* cliente form votación */
.pill-redes{
    padding: 1rem 2.75rem;
    background-color: #F6F7EF;
    cursor: pointer;
    outline: none;
    transition: cubic-bezier(0.23, 1, 0.320, 1) .32s;
}

.pill-redes:hover{
    background-color: #ECF0DF;
}
.pill-redes footer a:hover{
   color: #ECF0DF;
}

/* tabs compost */
.tabsNavtop {
    /* overflow: auto; */
}

.tabsNavtop .nav-tabs{
    /* margin-left: 1.874rem; */
    display: grid;
    /* flex-wrap: nowrap; */
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.tabsNavtop .nav-tabs::before{
    content: "";
    position: absolute;
    width: 2.867%;
    height: 1px;
    background-color: #DEE2E6;
    left: 0;
    bottom: 0;
}

.tabsNavtop .nav-tabs .nav-item{
    /* width: 20%; */
}

.tabsNavtop .nav-tabs .nav-link{
  /* padding: 1.15rem 3rem !important; */
}

.tabsNavtop ul li a:nth-child(2):hover{
    background-color: #828E4D !important;
}

.tabsNavtop .nav-tabs .nav-item .nav-link.active{
    color: var(--black-color) !important;
}

.select-redes h1{
    font-size: calc(3rem + 0.2vw);
}
/* BD tabs */
.tab-nav-tabs .nav .overflow-x {
    flex-wrap: nowrap;
    padding-bottom: 1px;
    display: flex;
    overflow-x: auto;
}

.tab-nav-tabs .nav-tabs .nav-item {
    /* margin-left: 1.25rem; */
    margin-right: 1.25rem;
}

.tab-nav-tabs .nav .overflow-x .nav-item {
    width: auto;
    max-width: 100%;
    flex: none;
}

.tab-nav-tabs .nav-tabs .nav-item:first-child {
    margin-left: 0;
}

.tab-nav-tabs .nav-link {
    /* padding: var(--x-nav-link-padding-y) var(--x-nav-link-padding-x); */
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    display: block;
    cursor: pointer;
    color: var(--grey-color);
}

.tab-nav-tabs .nav-tabs .nav-link {
    margin-bottom: calc(-1* 1px);
    border: 1.25px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: 0 0;
}

.tab-nav-tabs .nav-tabs .nav-link {
    border-width: 0 0 1px;
    border-bottom-style: solid;
    padding: 1.25rem 0;
}

.tab-nav-tabs  .nav-tabs  .nav-link.active {
    color: var(--black-color);
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) var(--btn-surface-primary);
}

.tab-nav-tabs .nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--black-color);
    --bs-nav-link-hover-color: var(--black-color);
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

/* icon edit table bd */
.btn-square.btn-sm {
    width: 2.25rem;
    height: 2.25rem;
}

.btn-square {
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
}
.btn-square {
    width: 2.875rem;
    height: 2.875rem;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
}

.btn-neutral {
    --x-btn-color: #16192c;
    --x-btn-bg: #fff;
    --x-btn-border-color: #e7eaf0;
    --x-btn-hover-color: #16192c;
    --x-btn-hover-bg: #e7eaf0;
    --x-btn-hover-border-color: #e7eaf0;
    --x-btn-focus-shadow-rgb: 200, 203, 211;
    --x-btn-active-color: #16192c;
    --x-btn-active-bg: #e7eaf0;
    --x-btn-active-border-color: #e7eaf0;
    --x-btn-active-shadow: 0 0 0 0 transparent;
    --x-btn-disabled-color: #000;
    --x-btn-disabled-bg: #fff;
    --x-btn-disabled-border-color: #e7eaf0;
}

.btn-sm, .btn-group-sm>.btn {
    --x-btn-padding-y: .5rem;
    --x-btn-padding-x: 1rem;
    --x-btn-font-size: .875rem;
    --x-btn-border-radius: .375rem;
    border: 1px solid #e7eaf0;
    border-radius: .375rem;
    user-select: none;
    --x-btn-disabled-opacity: .65;
    cursor: pointer;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* border para los cards */
.border-aw-20{ border: 1px solid var(--border-alpha-white-2);}
.bg-g-20{ background-color: var(--green-p-200);}
.greese-green{ border: 1px solid #C7D1A0}
.caribean{ border: 1px solid #65B1BA;}

/*  compostario admin  */
.card-animals{
    display: flex;
    flex-wrap: nowrap;
}

.card-pets{
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}

.card-animals .card-pets >div:hover {
    background-color: rgb(246, 247, 239);
    cursor: pointer;
    transition: all 0.35s ease 0s;
}

.card-animals .card-pets img { height: 19.567vh; }
.card-animals .card-pets img:hover{
    transform: scale(1.1);
    transition: all 0.35s ease 0s;
}


/* sombras para cards por defecto */
.shadow-default{ filter: drop-shadow(0px 8px 0px #E7E7E7);}
/* sombras cards finalizados*/
.shadow-z-card{ filter: drop-shadow(0px 8px 0px #B2D8DD);}
.shadow-z{ filter: drop-shadow(0px 8px 0px #E7E7E7);}
.c-100{ background-color: var(--caribean-100);}
.card{ box-shadow: none !important;}
.shadow-czi{ filter: drop-shadow(0px 11px 74px rgba(0, 0, 0, 0.11));}
.bs-primary{ color: #096DD9 !important;}
.filter-shadow{ filter: drop-shadow(0px 14px 40px rgba(0, 0, 0, 0.10));
}

.b-radius{ border-radius: 0.5625rem 0.5625rem 0rem 0rem;}

/* ========  SERVCIO MICHINA ========*/
/* Timeline conductor */
.rodolfo{
    padding: 1rem .75rem;
    border-radius: 1.3125rem;
    border: 1.5px solid var(--border-line-grey, #CFCFCF);
    font-weight: 500;
    font-size: var(--Headline-H5);
}

/* ========= TIMELINE CONDUCTOR LINE BADGE ==============*/

.timeline-label{
    position: relative;
    padding: 0 2rem;
}
/* .recojo-mascota{ padding: 2rem 0;} */
.timeline-label .timeline-item{
    position: relative;
    display: flex;
    align-items: flex-start;
}
/* .timeline-item:nth-child(2){
    margin-top: 3.43rem;
}
.timeline-item:nth-child(3){
    margin-top: 3.43rem;
}
.timeline-item:nth-child(4){
    margin-top: 3.43rem;
}
.timeline-item:nth-child(5){
    margin-top: 3.43rem;
} */

/* .item-border:nth-child(1)::after,
.item-border:nth-child(2)::after,
.item-border:nth-child(3)::after,
.item-border:nth-child(4)::after,
.item-border:nth-child(5)::after {
    content: "";
    position: absolute;
    height: .067rem;
    width: 92.86%;
    right: -2rem;
    bottom: 0;
    background-color: #CFCFCF;
    overflow: hidden;
    z-index: 0;
} */

.timeline-label::before {
    content: "";
    position: absolute;
    left: 50px;
    width: 2px;
    top: 0;
    bottom: 0;
    background-color: #CFCFCF;
    overflow: hidden;
    z-index: 0;
}

.label-date{
    width: 5.53vw;
    height: 38px;
    flex-shrink: 0;
    align-items: center;
    position: relative;
    color: var(--bs-gray-800);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.timeline-label .timeline-badge {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    position: relative;
}

.badge-circle{
    width: 38px;
    height: 38px;
}

.timeline-content {
    position: relative;
    padding-bottom: 1.674rem;
}
.confirmar{ padding:1.75rem 0 2rem 2rem;}
.input-name{
    position: relative;
    border-radius: 0.4375rem;
    margin-bottom: 1.75rem;
    border: 1px solid #CFCFCF;
    padding: .65rem 0;
    background-color: #0d0e0f07;
}
.input-name i{
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 1rem;
}

.input-name span{
    font-weight: 500;
    font-size: var(--Headline-H6);
    padding-left: 2.965rem;
}

/* ========== OPERARIO ========== */
/* card mascotas en compostario */
.servicio-casa> div:first-child{
    padding-right: 1.24rem;
}
.servicio-juntos> div:first-child{
    padding-right: 0.67rem; ;
}

/*  */
.pets{
    position: relative;
    display: flex;
    overflow-x: auto;
    justify-content: space-between;
    padding-top: 1rem;
}

.cardPets{
    flex: 0 0 23.62%;
    max-width: 23.62%;
    min-height: calc(100% - 4rem);
    position: relative;
}

.contentCard{
    /* clip-path: polygon(calc(100% - 15px) calc(100% - 0px), calc(100% - 15px) calc(100% - 0px), calc(100% - 12.566988px) calc(100% - 0.19633199999998px), calc(100% - 10.258944px) calc(100% - 0.76473599999997px), calc(100% - 8.106756px) calc(100% - 1.674324px), calc(100% - 6.141312px) calc(100% - 2.894208px), calc(100% - 4.3935px) calc(100% - 4.3935px), calc(100% - 2.894208px) calc(100% - 6.141312px), calc(100% - 1.674324px) calc(100% - 8.106756px), calc(100% - 0.76473600000003px) calc(100% - 10.258944px), calc(100% - 0.19633200000001px) calc(100% - 12.566988px), calc(100% - 2.8421709430404E-14px) calc(100% - 15px), calc(100% - 0px) calc(50% - 101.7994px), calc(100% - 0px) calc(50% - 101.7994px), calc(100% - 0.19633199999998px) calc(50% - 104.23248462px), calc(100% - 0.76473599999994px) calc(50% - 106.54057016px), calc(100% - 1.674324px) calc(50% - 108.69277414px), calc(100% - 2.894208px) calc(50% - 110.65821408px), calc(100% - 4.3935px) calc(50% - 112.4060075px), calc(100% - 6.141312px) calc(50% - 113.90527192px), calc(100% - 8.106756px) calc(50% - 115.12512486px), calc(100% - 10.258944px) calc(50% - 116.03468384px), calc(100% - 12.566988px) calc(50% - 116.60306638px), calc(100% - 15px) calc(50% - 116.79939px), calc(50% - -53.387px) calc(50% - 116.79939px), calc(50% - -53.387px) calc(50% - 116.79939px), calc(50% - -53.110199px) calc(50% - 116.80194371px), calc(50% - -52.833632px) calc(50% - 116.80960048px), calc(50% - -52.557353px) calc(50% - 116.82235377px), calc(50% - -52.281416px) calc(50% - 116.84019704px), calc(50% - -52.005875px) calc(50% - 116.86312375px), calc(50% - -51.730784px) calc(50% - 116.89112736px), calc(50% - -51.456197px) calc(50% - 116.92420133px), calc(50% - -51.182168px) calc(50% - 116.96233912px), calc(50% - -50.908751px) calc(50% - 117.00553419px), calc(50% - -50.636px) calc(50% - 117.05378px), calc(50% - -1.364px) calc(50% - 126.245606px), calc(50% - -1.364px) calc(50% - 126.245606px), calc(50% - -1.091249px) calc(50% - 126.2938518248px), calc(50% - -0.81783200000002px) calc(50% - 126.3370471424px), calc(50% - -0.54380299999998px) calc(50% - 126.3751853576px), calc(50% - -0.26921600000001px) calc(50% - 126.4082598752px), calc(50% - 0.0058750000000032px) calc(50% - 126.4362641px), calc(50% - 0.28141600000001px) calc(50% - 126.4591914368px), calc(50% - 0.55735300000001px) calc(50% - 126.4770352904px), calc(50% - 0.83363199999999px) calc(50% - 126.4897890656px), calc(50% - 1.110199px) calc(50% - 126.4974461672px), calc(50% - 1.387px) calc(50% - 126.5px), 15px calc(50% - 126.5px), 15px calc(50% - 126.5px), 12.56691996px calc(50% - 126.30367502px), 10.25883648px calc(50% - 125.73528896px), 8.10663252px calc(50% - 124.82572514px), 6.14119104px calc(50% - 123.60586688px), 4.393395px calc(50% - 122.1065975px), 2.89412736px calc(50% - 120.35880032px), 1.67427108px calc(50% - 118.39335866px), 0.76470912px calc(50% - 116.24115584px), 0.19632444px calc(50% - 113.93307518px), 2.4833291992551E-31px calc(50% - 111.5px), 0px calc(100% - 15px), 0px calc(100% - 15px), 0.19632471px calc(100% - 12.566988px), 0.76471008px calc(100% - 10.258944px), 1.67427297px calc(100% - 8.106756px), 2.89413024px calc(100% - 6.141312px), 4.39339875px calc(100% - 4.3935px), 6.14119536px calc(100% - 2.894208px), 8.10663693px calc(100% - 1.674324px), 10.25884032px calc(100% - 0.76473600000003px), 12.56692239px calc(100% - 0.19633199999998px), 15px calc(100% - 0px), calc(100% - 15px) calc(100% - 0px)); */
    transition:  .16s ease-in-out;
    outline: none;
    margin: 0;
    background-color: #F9F9F4;
    height: 100%;
}

.contentCard .parent{
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

.border-grey{
    /* clip-path: polygon(0.999999px calc(100% - 15px), 0.99999px calc(50% - 111.5px), 0.99999px calc(50% - 111.5px), 1.18322655px calc(50% - 113.77086843px), 1.71372px calc(50% - 115.92507544px), 2.56264605px calc(50% - 117.93379661px), 3.7011804px calc(50% - 119.76820752px), 5.10049875px calc(50% - 121.39948375px), 6.7317768px calc(50% - 122.79880088px), 8.56619025px calc(50% - 123.93733449px), 10.5749148px calc(50% - 124.78626016px), 12.72912615px calc(50% - 125.31675347px), 15px calc(50% - 125.49999px), calc(50% - 1.387px) calc(50% - 125.49999px), calc(50% - 1.387px) calc(50% - 125.49999px), calc(50% - 1.128743px) calc(50% - 125.49760905px), calc(50% - 0.87062399999996px) calc(50% - 125.4904644px), calc(50% - 0.61272099999999px) calc(50% - 125.47856235px), calc(50% - 0.35511199999999px) calc(50% - 125.4619092px), calc(50% - 0.097874999999988px) calc(50% - 125.44051125px), calc(50% - -0.158912px) calc(50% - 125.4143748px), calc(50% - -0.41517100000002px) calc(50% - 125.38350615px), calc(50% - -0.67082400000001px) calc(50% - 125.3479116px), calc(50% - -0.92579300000001px) calc(50% - 125.30759745px), calc(50% - -1.18px) calc(50% - 125.26257px), calc(50% - -50.453px) calc(50% - 116.0707px), calc(50% - -50.453px) calc(50% - 116.0707px), calc(50% - -50.743808px) calc(50% - 116.0192421px), calc(50% - -51.035384px) calc(50% - 115.9731728px), calc(50% - -51.327656px) calc(50% - 115.9324987px), calc(50% - -51.620552px) calc(50% - 115.8972264px), calc(50% - -51.914px) calc(50% - 115.8673625px), calc(50% - -52.207928px) calc(50% - 115.8429136px), calc(50% - -52.502264px) calc(50% - 115.8238863px), calc(50% - -52.796936px) calc(50% - 115.8102872px), calc(50% - -53.091872px) calc(50% - 115.8021229px), calc(50% - -53.387px) calc(50% - 115.7994px), calc(100% - 15px) calc(50% - 115.7994px), calc(100% - 15px) calc(50% - 115.7994px), calc(100% - 12.729124px) calc(50% - 115.616164px), calc(100% - 10.574912px) calc(50% - 115.085672px), calc(100% - 8.566188px) calc(50% - 114.236748px), calc(100% - 6.731776px) calc(50% - 113.098216px), calc(100% - 5.1005px) calc(50% - 111.6989px), calc(100% - 3.701184px) calc(50% - 110.067624px), calc(100% - 2.562652px) calc(50% - 108.233212px), calc(100% - 1.713728px) calc(50% - 106.224488px), calc(100% - 1.183236px) calc(50% - 104.070276px), calc(100% - 1px) calc(50% - 101.7994px), calc(100% - 1px) calc(100% - 15px), calc(100% - 1px) calc(100% - 15px), calc(100% - 1.1832359999999px) calc(100% - 12.729124px), calc(100% - 1.7137279999999px) calc(100% - 10.574912px), calc(100% - 2.562652px) calc(100% - 8.566188px), calc(100% - 3.701184px) calc(100% - 6.7317759999999px), calc(100% - 5.1005px) calc(100% - 5.1005px), calc(100% - 6.731776px) calc(100% - 3.701184px), calc(100% - 8.566188px) calc(100% - 2.562652px), calc(100% - 10.574912px) calc(100% - 1.713728px), calc(100% - 12.729124px) calc(100% - 1.183236px), calc(100% - 15px) calc(100% - 1px), 15px calc(100% - 1px), 15px calc(100% - 1px), 12.729128859px calc(100% - 1.183236px), 10.574919672px calc(100% - 1.7137279999999px), 8.566196793px calc(100% - 2.562652px), 6.731784576px calc(100% - 3.701184px), 5.100507375px calc(100% - 5.1005px), 3.701189544px calc(100% - 6.731776px), 2.562655437px calc(100% - 8.566188px), 1.713729408px calc(100% - 10.574912px), 1.183235811px calc(100% - 12.729124px), 0.999999px calc(100% - 15px), calc(100% - 0px) calc(100% - 15px), calc(100% - 2.8421709430404E-14px) calc(50% - 101.7994px), calc(100% - 0.19633200000001px) calc(50% - 104.23246032px), calc(100% - 0.76473600000003px) calc(50% - 106.54053176px), calc(100% - 1.674324px) calc(50% - 108.69273004px), calc(100% - 2.894208px) calc(50% - 110.65817088px), calc(100% - 4.3935px) calc(50% - 112.40597px), calc(100% - 6.141312px) calc(50% - 113.90524312px), calc(100% - 8.106756px) calc(50% - 115.12510596px), calc(100% - 10.258944px) calc(50% - 116.03467424px), calc(100% - 12.566988px) calc(50% - 116.60306368px), calc(100% - 15px) calc(50% - 116.79939px), calc(100% - 15px) calc(50% - 116.79939px), calc(50% - -53.387px) calc(50% - 116.79939px), calc(50% - -53.110199px) calc(50% - 116.8019437px), calc(50% - -52.833632px) calc(50% - 116.8096004px), calc(50% - -52.557353px) calc(50% - 116.8223535px), calc(50% - -52.281416px) calc(50% - 116.8401964px), calc(50% - -52.005875px) calc(50% - 116.8631225px), calc(50% - -51.730784px) calc(50% - 116.8911252px), calc(50% - -51.456197px) calc(50% - 116.9241979px), calc(50% - -51.182168px) calc(50% - 116.962334px), calc(50% - -50.908751px) calc(50% - 117.0055269px), calc(50% - -50.636px) calc(50% - 117.05377px), calc(50% - -50.636px) calc(50% - 117.05377px), calc(50% - -1.364px) calc(50% - 126.245616px), calc(50% - -1.091249px) calc(50% - 126.2938591634px), calc(50% - -0.81783200000001px) calc(50% - 126.3370523392px), calc(50% - -0.543803px) calc(50% - 126.3751888758px), calc(50% - -0.269216px) calc(50% - 126.4082621216px), calc(50% - 0.0058750000000032px) calc(50% - 126.436265425px), calc(50% - 0.28141599999999px) calc(50% - 126.4591921344px), calc(50% - 0.55735299999999px) calc(50% - 126.4770355982px), calc(50% - 0.83363199999997px) calc(50% - 126.4897891648px), calc(50% - 1.110199px) calc(50% - 126.4974461826px), calc(50% - 1.387px) calc(50% - 126.5px), calc(50% - 1.387px) calc(50% - 126.5px), 15px calc(50% - 126.5px), 12.56691996px calc(50% - 126.30367502px), 10.25883648px calc(50% - 125.73528896px), 8.10663252px calc(50% - 124.82572514px), 6.14119104px calc(50% - 123.60586688px), 4.393395px calc(50% - 122.1065975px), 2.89412736px calc(50% - 120.35880032px), 1.67427108px calc(50% - 118.39335866px), 0.76470912px calc(50% - 116.24115584px), 0.19632444px calc(50% - 113.93307518px), 0px calc(50% - 111.5px), 0px calc(50% - 111.5px), 2.4833328970406E-31px calc(100% - 15px), 0.19632471px calc(100% - 12.566988px), 0.76471008px calc(100% - 10.258944px), 1.67427297px calc(100% - 8.106756px), 2.89413024px calc(100% - 6.141312px), 4.39339875px calc(100% - 4.3935px), 6.14119536px calc(100% - 2.894208px), 8.10663693px calc(100% - 1.674324px), 10.25884032px calc(100% - 0.76473599999997px), 12.56692239px calc(100% - 0.19633199999998px), 15px calc(100% - 0px), 15px calc(100% - 0px), calc(100% - 15px) calc(100% - 0px), calc(100% - 12.566988px) calc(100% - 0.19633199999998px), calc(100% - 10.258944px) calc(100% - 0.76473600000003px), calc(100% - 8.106756px) calc(100% - 1.674324px), calc(100% - 6.141312px) calc(100% - 2.894208px), calc(100% - 4.3935px) calc(100% - 4.3935px), calc(100% - 2.894208px) calc(100% - 6.141312px), calc(100% - 1.674324px) calc(100% - 8.106756px), calc(100% - 0.76473599999994px) calc(100% - 10.258944px), calc(100% - 0.19633199999998px) calc(100% - 12.566988px), calc(100% - 0px) calc(100% - 15px),calc(100% - 0px) calc(100% - 15px)); */
    width: 100%;
    height: 100%;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.cardPets:last-child{margin-right: 0;}
.cardPets img{
    /* height: 12vh; */
    /* margin-top: 1.75rem; */
    margin-left: auto;
    margin-right: auto;
}
.cardPets .text-caps{
    /* font-size: 2.074rem;
    line-height: 0%;
    margin-top: 1rem; */
}
.contentCard:hover{
    background-color: #ECF0DF;
}

.cardPets .progress-wrapper{
  padding: 1rem 0 .56rem 0;
}

.cardPets .card-body{ padding: 1.35rem !important;}
.resumenCompost .card-header{ padding-bottom: 0 !important;}

/* Nav bar compostario */
.b-rd-active{
    border-radius: 0.5625rem 0.5625rem 0rem 0rem;
    padding: 0 1.5rem;
    margin-right: 1.25rem;
    display: flex;
    justify-content: center;
}

/* -- Sombra card gracias.html --*/
.shadow-card-box{
    box-shadow: 0px 1px 12px -2px rgba(0, 0, 0, 0.07), 0px 7px 40px -5px rgba(0, 0, 0, 0.05);
}

/* -- altura de servicio refugio --*/
.h-vh{
    height: 62vh;
    position: relative;
}

/* -- altura de servicio refugio --*/
.navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"]:after {
    content: "\f107";
    color: var(--black-color);
}

/* -- hover of nav aside --*/
.link-aside:focus{
    background-color: #ECF0DF !important;
}

/* Shadow Sign in user customer */
.shadow-signin{
    box-shadow: 0px 3px 4px -2px rgba(0, 0, 0, 0.08),
                0px 2px 15px -2px rgba(0, 0, 0, 0.09) !important;
}

/* -- banner register --*/
.bg-landscape {
    position: relative;
    width: 100%;
    height: 130vh;
    border-radius: 1.5rem;
    background-color: #3F9DA9;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
    .bg_signin{
        background-image: url("../img/bg_banner.png");
        width: 100%;
        background-position: center;
        background-repeat: no-repeat;
        object-fit: cover;
        position: absolute;
        top: 0;
    }

/* ========= CREAR CONTRASEÑA ========== */
/* header */
.header-nav{
    position: absolute;
    z-index: -1;
    width: 90%;
    display: block;
    padding-left: 6.83rem;
}

/* Card slider pets */
.card-height{
    position: relative;
    fill: #FFF;
    width: 13.375rem;
    /* height: 20rem; */
    filter: drop-shadow(0px 15px 15px rgba(0, 0, 0, 0.096));
    box-sizing: border-box;
    z-index: 1;
}

.header-label{
    height: 4.375rem;
    flex-shrink: 0;
    border-radius: 0.9375rem;
}

.header-label p:first-child{
    display: flex;
    height: 1rem;
    flex-direction: column;
    justify-content: center;
    font-family: "Plus Jakarta Sans";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.40);
    padding-top: 1.25rem;
}

.header-label p:nth-child(2){
    color:  #FFF;
    font-family: "Plus Jakarta Sans";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    border-bottom: .1rem;
}

/* ============ Inicio Usuario ============ */
/* Card slider pets size */
.card-height img{
    height: 30vh;
}

/* ============ MI SERVICIO ============ */
/*  Card img oreja */
.tabs-catalogo a:first-child{
    width: 13vw;
    height: 7vh;
    border-radius: 0.6225rem 0rem 0rem 0.6275rem;
}

.tabs-catalogo a:nth-child(2){
    width: 13vw;
    height: 7vh;
    border-radius: 0rem 0.6225rem 0.6275rem 0rem;
}

/* Card selecionar maceta */
.colors{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    /* padding-right: 60px; */
    /* padding: .55rem;   */
}
.cont-macetaplanta{
    border: 1px dashed #A2B260;
    background-color: #F6F7EF;
}

.cont-macetaplanta.active{
    background-color: white;
}

.servicios-items{
    /* width: 25%;
    padding-right: 0px; */
}

.servicios-items.extras-3{
    /* width: 25%;
    padding-right: 0px; */
}

.servicios-items .servicios-items-image{
    height: 140px;
    width: 130px;
    border: 1px solid #CFCFCF;
    background-color:transparent;
    line-height: 40px;
    padding: 0px;
    border-radius: 31px;
    text-align: center;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}
.servicios-items .servicios-items-image.active{
    background-color: white;
}


.servicios-items .servicios-items-description{

}

.servicios-items .servicios-items-description span{
    color: #9E9F9F;
}

.servicios-items .servicios-items-description p{

}



.dijes-items{
    width: 20%;
    margin-bottom: 20px;
    padding-right: 15px;
    position: relative;
}

.dijes-items label{
    border: 1px solid #CFCFCF;
    background-color:white;
    line-height: 40px;
    padding: 20px 0px;
    border-radius: 31px;
    text-align: center;
    cursor: pointer;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0;
}

.dijes-items label .bgc{
    height: 80px;
    width: 80px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 100%;
}

.dijes-items input:checked + label {
    /* border: 1px solid  black; */
    background-color: #F5F5F5;
    color: white !important;
}


.plantas-items{
    width: 50%;
    margin-bottom: 20px;
    padding: 0 10px;
}

.plantas-items label{
    border: 1px solid #CFCFCF;
    background-color: #F6F7EF;
    line-height: 40px;
    padding: 0;
    border-radius: 12px;
    text-align: center;
    cursor: pointer;
    width: 100%;
    margin-left: 0px;
}
.plantas-items input:checked + label {
    border: 1px solid #A2B260;
    background-color: #A2B260;
    color: white !important;
}

.btn-visita{
    background: #ECF0DF ;
}

.btn-visita:hover,
.btn-visita.active-btn{
    background: #A2B260 ;
    color: white;
}

.flatpickr-calendar .flatpickr-day.selected{
    background: #A2B260  !important;
}

.horario-items{
    position: relative;
}

.horario-items label {
    border-radius: 12px;
}

.horario-items input:checked + label {
    border: 1px solid #A2B260;
    background-color: #A2B260;
    color: white !important;
}

.horario-items input{
    opacity: 0;
    position: absolute;
    left: -22px;
}



.maceta-items{
    width: 25%;
    padding-left: 10px;
    margin-bottom: 20px;
}


.maceta-items label{
    border: 1px solid #CFCFCF;
    background-color: #F6F7EF;
    line-height: 40px;
    padding: 0;
    border-radius: 12px;
    text-align: center;
    cursor: pointer;
    width: 100%;
    margin-left: 0px;
}

.maceta-items input:checked + label {
    border: 1px solid black;
    border: 1px solid #A2B260;
    background-color: #A2B260;
    color: white !important;
}

.color-items{
    width: 20%;
    padding-left: 10px;
    margin-bottom: 20px;
}

.color-items label{
    border: 1px solid #CFCFCF;
    padding: 6px;
    border-radius: 100%;
    margin: 0;
}

.color-items input:checked + label {
    border: 1px solid black;
}

.color-items input,
.dijes-items input,
.plantas-items input,
.maceta-items input{
    opacity: 0;
    position: absolute;
    left: -22px;
}



.colors>a>img{
    width: 4.2rem;
    margin: 0 1.25rem 1rem 0;
}

/* Resumen de catálogo */
.card > .date-selec input{
    border: 1px solid rgba(255, 255, 255, 0.50);
    background-color: rgba(255, 255, 255, 0.05);
}

/* input resumen catalogo fecha*/
/* icon */
.ri-calendar-line, .ri-time-line{
    font-size: 17px;
}

.field-date input{
    position: relative;
    border-radius: 0.4375rem;
}

.field-date label{
    position: absolute;
    left: 0;
    padding-left: 1.5rem;
    pointer-events: none;
    color: #fff;
    margin-top: .37rem;
}

/* ============ SIGN IN CUSTOMER ============ */
/*  images absolute */
.images-absolute img:first-child{
    position: absolute;
    left: 1rem;
    bottom: 0;
    width: 23.04675rem;
    z-index: -1;
}

.images-absolute img:nth-child(2){
    position: absolute;
    top: 12rem;
    left: 10rem;
}

.images-absolute img:nth-child(3){
    position: absolute;
    top: 20rem;
    left: 17rem;
}

.images-absolute img:nth-child(4){
    position: absolute;
    right: 4.56rem;
    bottom: 0;
    width: 17.48rem;
    z-index: -1;
}

.images-absolute img:nth-child(5){
    position: absolute;
    top: 10rem;
    right: 21rem;
}

.images-absolute img:nth-child(6){
    position: absolute;
    bottom: 14.25rem;
    right: 15rem;
    z-index: -1;
}

/* ============ MI SERVICIO ============ */
/*  base de datos pagination */
.dataTable-pagination-list{
    display: flex;
}

.dataTable-wrapper .dataTable-bottom .dataTable-pagination .dataTable-pagination-list .active a {
    box-shadow: none;
}

/* ============ SERVICIO MICHINA ============ */
/*  Card img oreja */
.box-body{
    width: 14.4375rem;
    height: 17.35rem;
    position: relative;
    display: block;
    border-radius: 1.338rem;
    overflow: hidden;
    clear: both;
}

/* =========== Upload Service michina logist ============= */
/*upload*/
/* .visually-hidden-focusable:not(:focus):not(:focus-within)*/
.visually-hidden{
    width: 1px !important;
    height: 1px !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
}

/* class i f-size */
.ri-upload-cloud-2-fill{ font-size: var(--Headline-H4);}
/* card upload function */
.top-0 { top: 0 !important;}
.cursor-pointer { cursor: pointer !important;}
.start-0 { left: 0 !important;}
.h-full { height: 100% !important;}
.w-full { width: 100% !important;}

.upload-hover, .download-file{
    background-color: #F6F7EF;
    border: 1px dashed #a7a7a8;
}

.upload-hover:hover{
    background-color: #DAE0BF;
    transition: .35s ease-in-out;
}

/* card upload function  image icon */
.icon-i .ri-zoom-in-line{
    position: absolute;
    bottom: 4rem;
    right: .27rem;
    z-index: 1;
    display: block;
    font-size: 20px;
    cursor: pointer;
    outline: none;
}

.icon-i .ri-delete-bin-7-line{
    position: absolute;
    bottom: .75rem;
    right: .27rem;
    z-index: 1;
    display: block;
    font-size: 20px;
    cursor: pointer;
    outline: none;
}

.icon-i .ri-zoom-in-line:hover,
.icon-i .ri-delete-bin-7-line:hover{
   color: #3F9DA9;
   transition: all .3s ease-in;
}

/* pop up image constance zoom */
.pop-pup-image{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #0d0e0f8e;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}

.pop-pup-image .ri-close-circle-line{
    position: absolute;
    right: 3rem;
    top: 8rem;
    color: #fff;
    font-size: 32px;
    cursor: pointer;
    font-weight: 500;
}

.pop-pup-image img{
    position: absolute;
    width: 20%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* image filter photo2 pets upload */
.image-constance-4 img{
    background-color: #3f9da94f;
    filter: blur(.425rem);
}

/* accordion header */
.item-line::after{
    content: '';
    width: 90%;
    height: 2px;
    border-bottom: 1.24px solid #0D0E0F;
    display: inline-block;
    z-index: 999;
    margin-left: 6.27rem;
}

.accordion-item h2 button .main-mensaje,
.accordion-item h2 button .main-tentrega
{
    display: inline-block;
    margin-left: 3.49rem;
}

.accordion-item h2 button .icon-ad-l,
.accordion-item h2 button .icon-ad-line{
    display: inline-block;
    position: absolute;
    right: .8rem;
}

.accordion-item h2 button .main-actividades{
    display: inline-block;
    position: relative;
    margin-left: 3.49rem;
}

.accordion-item h2 button .icon-add{
    display: inline-block;
    position: absolute;
    right: .8rem;
}
.accordion-row .accordion-content .header-main{
    cursor: pointer;
    transition: .2s ease-in;
}

/* ============= SERVICIO MICHINA - PEDIDOS ============= */
/* PLANTS */
.entrega-input{
    position: relative;
    display: block;
}
.entrega-input input{ border: none; position: relative;}
.entrega-input input::placeholder{
    font-size: var(--Headline-H6);
    font-weight: 600;
    color: var(--black-color) !important;
    padding-left: .75rem;
}

/* input icon time select*/
.entrega-input .ri-calendar-line{
    position: absolute;
    right: 0;
}

/* Cuotas cards */
.chip-top{
    display: inline-flex;
    height: 1.65rem;
    padding: .57rem;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 0.8125rem;
    background: var(--Surface, #FFF);
}

/* ============= OPERARIO ============= */
/* sign in */
.sign-center{
    top: 56%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* ============= OPERARIO KANBAN ACTIVITIES ============= */
/* kanban */
.scrollbar{ overflow: auto;}
.kanban-container {
    padding-bottom: 0.25rem;
    white-space: nowrap;
}

.kanban-items-container {
    outline: none;
    transition-delay: .2s;
    min-height: 1rem;
    overflow-y: auto;
    overflow-x: hidden;
    transition: opacity .4s ease-out;
    margin: 0;
    padding: 0;
}

.kanban-item{
    background-color: #f6f7ef !important;
    /* cursor: pointer; */
}

.c-activities {
    /* box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15) !important; */
}

.kanban-column {
    display: inline-block !important;
    width:21rem;
    white-space: normal;
    vertical-align: top;
    margin-right: 1rem;
    position: relative;
    overflow: hidden;
    padding: 0;
}

/* .kanban-column:nth-child(3){ margin-right: 0;} */
/* kanban card */
.kanban-text p:nth-child(2){
    line-height: 2.25rem;
    margin-top: .265rem;
}

.k-date i{ color: #9E9F9F !important;}
.k-date p{
    color: #6E6E6F;
    font-weight: 400;
}
.chip-service{
   width: 11rem;
   display: flex;
   padding: .365rem 0;
   justify-content: center;
   align-items: center;
   border-radius: 1rem;
   position: relative;
}

.kanban-header .tag{
    padding: .325rem .978rem;
    border-radius: .567rem;
}

/* button realizado screen operario monitoreo */
.end-0{ right: 0;}

.monitor .button-absolute{
    position: absolute;
    top: 0;
    right: -6.78rem;
    z-index: 1;
}

/* button cosecha realizado screen operario */
.cosecha-label label{
    position: absolute;
    top: .45rem;
    left: 1rem;
    z-index: 1;
    font-size: var(--label-text);
}

/* ============ CONDUCTOR  ============ */
/* list card pets */
/* .por-recoger:nth-child(-n + 3){
    margin-bottom: 1.5rem;
} */

.por-recoger{ margin: 0 1.12rem;}

.por-recoger .card-body{padding: 1.233rem !important;}

/* progress bar */
.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: var(--bs-progress-bar-color);
    text-align: center;
    white-space: nowrap;
    transition: width 0.6s ease;
}
.opacity-50 { opacity: .5 !important;}

/* span text small card xl-12 */
.item-plus span{
    line-height: 1.15rem;
    margin: -.345rem 0 0 .789rem;
    font-weight: 300;
}

.body-overflow{
    position: relative;
    overflow: hidden;
    margin-top: 3rem;
    display: block;
}

.will{
    position: relative;
    display: block;
    z-index: 1;
}

.image-absolute img:first-child{
    height: 85vh;
    position: absolute;
    top: -4.84rem;
    right: -15.25rem;
}

.image-absolute img:nth-child(2){
    height: 32vh;
    position: absolute;
    top: 5rem;
    right: -9.528rem;
    z-index: 1;
}

/* timeline conductor */
.text-asignado {
    border-radius: .8625rem;
    border: 1.5px solid var(--border-line-grey, #CFCFCF);
    padding: .76rem 2rem;
    display: inline-flex;
}

/* *image description */
.description{
    margin-bottom: 3rem;
}

.imagePets{
    width: 13.1875rem;
    height: 15.5rem;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: #fff;
}

.imagePets img{
    /* height: 42vh; */
    display: block;
}

/* timeline input conductor asignado entrega de planta */
.input-asigned-conductor{ position: relative; margin-top: .75rem;}
.input-asigned-conductor label{
    width: 100%;
    display: block;
    border: none;
    padding: 0.615rem 1rem 0.615rem 1rem;
    border-radius: .56rem;
    border: 1px solid #d2d6da;
}

.our-asigned-conductor label{
    width: 100%;
    display: block;
    border: none;
    padding: 1.795rem 1rem 1.795rem 1rem;
    border-radius: .56rem;
    border: 1px solid #d2d6da;
    position: relative;
}

.our-asigned-conductor{
    position: relative;
    margin-top: .75rem;
}

.our-asigned-conductor i{
    position: absolute;
    z-index: 1;
    left: 1.25rem;
    top: .4rem;
}

.our-asigned-conductor p{
    position: absolute;
    z-index: 1;
    top: .5rem;
    right: 4rem;
    display: inline-flex;
}

/* pricing */
.vuelve-wrapper{
    display: inline-flex;
    height: 47.625rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}

.iti{
    width: 100%;
}

span.maceta-items-color {
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 100%;
    border: 1px solid #e9e9e9;
}



.btn-close-mascota{
    display: block;
    position: absolute;
    right: 20px;
    top: 38px;
    background: #A2B260 !important;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 100%;
    padding-left: 2px;
}


.color-servi {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border: 1px solid #CFCFCF;
}


.numero-etapa{
    background: #A2B260 !important;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 100%;
    margin: 0 auto;
    color: white;
    margin-bottom: 10px;
}

.item-etapa{
    color: #A2B260;
    margin-bottom: 10px;
    font-weight: 600;
}


.tabsNavtop .nav-item .nav-link.active{
    opacity: 1;
}

.tabsNavtop .nav-item .nav-link{
    opacity: 0.5;
}


.tabsNavtop.admin .nav-tabs .nav-item .nav-link.active{
    background: #A2B260 !important;
    color: white !important;
}

.tabsNavtop.admin .nav-tabs .nav-item .nav-link{

    background: #CFCFCF !important;
    color: black !important;
}

.option-right-slider{
    width: 35px;
    height: 35px;
    color: #9E9F9F;
    border: 1px solid #9E9F9F;
    background-color: #F6F7EF;
    transition: all 0.3s ease;
    position: absolute;
    top: 0;
    margin: auto;
    bottom: 0;
    right: 25px;
    &:hover{
        color: white;
        border: 1px solid #A2B260;
        background-color: #A2B260;
    }
}

.option-left-slider{
    width: 35px;
    height: 35px;
    color: #9E9F9F;
    border: 1px solid #9E9F9F;
    background-color: #F6F7EF;
    transition: all 0.3s ease;
    position: absolute;
    top: 0;
    margin: auto;
    bottom: 0;
    left: 25px;
    &:hover{
        color: white;
        border: 1px solid #A2B260;
        background-color: #A2B260;
    }
}

.img-mascota img{
    max-height: 200px;
}







/* ============ MEDIA QUERIES ============ */
@media (max-width: 1280px){
    .image-absolute img:nth-child(2) {
        height: 28vh;
        top: 5rem;
        right: -10.527999999999999rem;
    }
}

@media (max-width: 992px){
    /* USERS ADMIN */
    .users-label .row > .col-lg-3 > label{
        margin-top: .86rem;
    }
    .card-pets > .card-body >.text-caps{
        font-size: 2.175rem !important;
    }
    .services{
        overflow: scroll;
    }
    /* cliente form intro */
    .text-caps{
        font-size: 1.88rem;
    }
    .pricing-service{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow: auto;
    }
    .text-pricing{ padding: 0 3rem; font-weight: 600;}
    .vuelve-parent{
        height: 40.115rem;
    }
    .pricing-vuelve a.labeltext{ font-size: var(--Headline-H6);}
    /* cliente form compost img */
    .con-recojo img{ height: 11vh;}
    .con-recojo p:nth-child(2){ padding-top: 1.23rem;}

    /* cliente form votación */
    .select-redes .mx-6{ margin: 0 3rem !important;}
    .pill-redes{
        padding: .76rem 1rem;
    }
    .select-redes .input-redes{
        margin: 2rem 0 !important;
    }

    /* home conductor lista recoger */
    /*.info-pending .headline-h6:first-child{*/
    /*    font-size: var(--Headline-H5) !important;*/
    /*    font-weight: 500;*/
    /*}*/

    /*.info-pending .text-sm:nth-child(3n + 2){*/
    /*    font-size: var(--Headline-H6) !important;*/
    /*    font-weight: 500;*/
    /*}*/
    .item-plus{ margin-right: 1rem;}

    /* img conductor */
    .image-absolute img:nth-child(2) {
        height: 20vh;
        top: 2rem;
        right: -10.527999999999999rem;
    }

    /* conductor servicio */
    /* .imagePets { height: 18rem !important;}
    .imagePets img {
        height: 32vh;
    } */

    /* operario inicio mascotas */
    .cardPets{
        flex: 0 0 27%;
        max-width: 27%;
        margin-right: 1rem;
    }
}

@media (max-width: 768px){

    .T-tab-content>.tab-pane{
        display: block;
    }
    .T-fade:not(.show){
        opacity: 1;
    }

    .maceta-items{
        width: 50%;
    }

    .color-items{
        width: 33.3%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    iframe{
        width: 100%;
    }

    .tabsNavtop .nav-tabs{
        width: 1200px;
        overflow: hidden;
    }

    .tabsNavtop{
        overflow: scroll;
    }
    /* compostario admin */


    .image-absolute img:first-child {
        display: none;
    }

    .image-absolute img:nth-child(2) {
        height: 21vh;
        top: 6rem;
        right: -5.527999999999999rem;
    }

    .item-plus {
        display: inline-block !important;
        border: 1px solid #3F9DA9;
    }

    /*.item-plus span {margin: 0;}*/

    .item-plus p:first-child {
        font-size: var(--Headline-H1);
        margin-bottom: 0 !important;
    }
    .input-name span:first-child {
        padding-left: 1.15rem !important;
    }
    .m-b-md{margin-bottom: 2rem !important;}
    .subtitle-mascota h5{ margin-bottom: 2rem !important;}
    .servicio-casa{
        justify-content: flex-start !important;
    }
    .servicio-casa > div:first-child {
        padding-right: 1.8rem;
    }
    .servicio-casa > div:nth-child(2){
        text-align: left !important;
    }
    .recordatorio{
        display: flex !important;
        flex-wrap: wrap;
    }
    .recordatorio div:first-child{
        padding: 1.45rem 3.45rem 1.45rem 1.45rem!important;
        width: 100% !important;
    }
    .recordatorio >div:nth-child(n+2){
        width: 50% !important;
        margin-bottom: 2rem;
        padding: 2rem !important;
    }
}

@media (max-width: 576px){
    /* INDEX HOME ADMIN*/

    .plantas-items{
        width: 100%;
    }
    .item-t-xs{
        display: flex;
        align-items: center;
    }
    .item-t-xs p{
        margin-left: 1rem !important;
        font-size: var(--Headline-H6);
    }
    .head a{ margin-top: 2rem;}
    .timeline-operarios{
        overflow-x: scroll;
    }

    .timeline-operarios .timeline-conductor >span{
        width: 70%;
    }
    .cambios{
        width: 100% !important;
    }
     /* PERFIL ADMIN */
     .two-points{ display: none;}
     .label-first{
        margin-bottom: .75rem;
        display: inline-flex;
    }
     .avatar-center{
        display: flex;
        justify-content:
        flex-start !important;
        margin-bottom: 1.75rem;
    }

    .date-profile{
        display: flex;
    }

    /* compostario cards  */
    .card-animals .card-pets img {
        height: 12.156vh;
        margin-bottom: 1.25rem;
    }
    .text-caps{ font-size: 1.867rem;}

    .card-pets .card .card-body {
        padding: 1rem .5rem !important;
    }

    .card-pets> a{
        font-size: var(--label-text);
    }

    /* base de datos admin button top */
    .button-bd a:nth-child(4){
        margin-right: 0;
    }

    .button-bd a{
        flex-basis: 50%;
    }

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

    /* Intro cliente cards pricing */
    .pricing-vuelve a{
        --bs-btn-padding-y: 0.875rem;
        --bs-btn-padding-x: 4rem;
        padding: 0.675rem 1rem !important;
    }

    .vuelve h1{
        font-size: var(--Headline-H3);
    }

    .vuelve .display-s{
        font-size: var(--Headline-H2);
    }

    .pricing-service{
        display: flex;
        flex-wrap: wrap;
    }

    /* form cliente */
    .card-plain .btn,
    .card-plain a{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    /* votacion */
    .body-white{ background-color: #fff !important;}
    .shadow-czi{ filter: none !important;}
    .select-redes{
        position: relative;
        display: flex;
        flex-wrap: wrap;
    }
    .select-redes{
        padding: 5.176rem;
    }
    .input-redes{
        display: flex;
        flex-wrap: wrap;
    }
    .pill-redes{
        width: 100%;
    }

     .mx-6 {
        margin: 0 !important;
    }

    .select-redes .pill-redes:nth-child(1n+1){
        margin-bottom: 1rem;
    }
    .select-redes.p-5 {
        padding: 0 !important;
    }
    .select-redes a{
        width: 100%;
    }

    .select-redes .mx-6 {
        margin: 0 1.635rem !important;
    }
    .select-redes h1{
        font-size: var(--Headline-H3);
    }
    .nav-bar-princi{ background-color: #fff !important;}
    .item-plus {
        display: flex;
        flex-wrap: wrap;
    }
    .image-absolute img:nth-child(2) {
        display: none;
    }

    /* conductor */
    .body-overflow .card-header{
        padding-bottom: 0 !important;
    }
    .body-overflow .card-body{
        padding-top: 0 !important;
    }
    .will p{
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    .tabla-servicio{
        display: block !important;
    }
    .tabla-top.card-header{
        padding-bottom: 0 !important;
    }
    .tabs-list-service{
        margin-top: 1rem !important;
    }
    .col-xs-12{
        width: 100% !important;
    }

    .list-recojo .card-body > img,
    .bg-alp-w-50 .card-body > img{
        height: 9.15vh !important;
        margin-right: 1rem !important;
    }
    /*.info-pending .headline-h6:first-child {*/
    /*    font-size: var(--Headline-H3) !important;*/
    /*}*/

    /*.info-pending .text-sm:nth-child(3n+2) {*/
    /*    font-size: var(--Headline-H5) !important;*/
    /*}*/

    .top-title-vuelve.card-header {
        padding: 1.5 0 0 0 !important;
        margin: 0 !important;
    }
    .will p{
        font-size: var(--Headline-H2) !important;
    }
    .top-title-vuelve p{font-size: var(--Headline-H6) !important;}
    .will.ms-3{ margin: 0 !important;}
    .item-plus {
        display: flex !important;
    }

    .item-plus p:first-child {
        width: 5rem;
        margin-bottom: 0 !important;
    }
    .item-plus.ms-2 {
        margin: 0 !important;
    }

    #tableUser{
        width: 100%;
        padding-top: 1.15rem;
        padding-bottom: 1.15rem;
    }

    #tableUser:nth-child(1n+1){ margin-top: .75rem;}
    #tableUser.text-xs{ font-size: var(--text-m) !important;}
    .chart-analisis{
        margin-top: 2rem !important;
    }

    /* kanban actividades conductor */
    .c-activities:nth-child(2){
        margin-top: 2rem !important;
    }

    /* timeline conductor */
    .timeline-label {
        padding: 0 1rem;
    }

    .timeline-label::before {
       display: none;
    }

    .timeline-label .timeline-item {
        position: relative;
        display: block;
    }

    .label-date{
        display: inline-flex;
        width: 12vw;
        align-items: center;
    }

    .timeline-content{
        width: 100% !important;
        margin-left: 0;
        top: 0;
        margin: 1.37rem 0;
    }

    .timeline-label .timeline-badge{
        top: 0;
        display: inline-flex;
    }
    .timeline-item a{
        width: 100%;
        padding: .97rem 0;
        font-size: var(--Headline-H6);
        position: relative;
        overflow: hidden;
    }

    .item-border:nth-child(1)::after,
    .item-border:nth-child(2)::after,
    .item-border:nth-child(3)::after,
    .item-border:nth-child(4)::after,
    .item-border:nth-child(5)::after {
        width: 83.68vw;
        left: 50%;
        transform: translate(-50%);
        bottom: -1rem;
    }
    /*.timeline-item:nth-child(2){*/
    /*    margin-top: 3.89rem;*/
    /*}*/
    /*.timeline-item:nth-child(3){*/
    /*    margin-top: 3.89rem;*/
    /*}*/
    /*.timeline-item:nth-child(4){*/
    /*    margin-top: 3.89rem;*/
    /*}*/
    /*.timeline-item:nth-child(5){*/
    /*    margin-top: 3.89rem;*/
    /*}*/
    .confirmar {
     display: flex;
     flex-direction: column-reverse;
     order: 1;
    }
    /*.asignado {width: 100%;}*/
    .input-name span:first-child {
        padding-left: 1rem;
    }
    .headline-main h2{ margin-top: 2rem !important;}
    /* description servicio conductor*/
    .dates-pets{
        display: flex;
    }

    /* inicio operario */
    .h2-vulve{ padding-bottom: 2rem !important;}
    .servicio-juntos {
        justify-content: flex-start !important;
    }
    .servicio-juntos > div:first-child {
        padding-right: 1.35rem;
    }
    .servicio-casa{
       margin-bottom: 1rem;
    }
    /* margin small */
    .mt-s{ margin-top: .825rem;}
    .recordatorio div:nth-child(n+1){
        display: block !important;
    }
    .recordatorio div:nth-child(3) img{
        height: 9.25vh;
    }
    .recordatorio div:nth-child(3) .ps-3{
        padding-left: 0 !important;
    }
    .recordatorio div >p{
        padding-top: 1rem;
        font-size: var(--Headline-H5) !important;
        line-height: 1.425;
        font-weight: 400;
    }
    .recordatorio div .text-sm{
        font-size: 1.15rem !important;
    }

    .text-td-two{
        font-weight: 400 !important;
        font-size: .95rem !important;
    }
    .table > :not(caption) > * > *{
        padding: 0.85rem 0.75rem !important;
    }
    .p-1{
        padding: .5rem .85rem !important;
    }

    /* mascotas tablero operario */
    .cardPets{
        flex: 0 0 38.25%;
        max-width: 38.25%;
        margin-right: .74rem;
    }

}

@media (max-width: 360px){
    .list-recojo .card-body > img,
    .bg-alp-w-50 .card-body > img {
        height: 7.671vh !important;
        margin-right: .65rem !important;
    }
    /*.info-pending .headline-h6:first-child {*/
    /*    font-size: var(--Headline-H4) !important;*/
    /*}*/
    /*.info-pending .text-sm:nth-child(3n+2) {*/
    /*    font-size: var(--Headline-H6) !important;*/
    /*}*/
    .analisis{ display: block !important;}
    .analisis select{
        display: inline-block;
        width: 100% !important;
        margin-top: 1rem;
    }
    /* input header general */
    .input-group{
        margin-top: 1rem !important;
    }
    .navbar-nav-top{
        display: flex !important;
        justify-content: space-between !important;
    }

    .navbar-nav-top .nav-link:first-child {
        padding: 0.5rem 0;
    }

    .navbar-nav-top .nav-item:nth-child(3){
        margin-right: -2.52rem;
    }
    .kanban-column {
        width: 18rem !important ;
        margin-right: 1rem;
        padding: 0;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    /* inicio operario */
    .total-sm-flex{
        display: flex;
        align-items: center;
    }
    .total-sm-flex .paragraph{
        margin-bottom: 0 !important;
    }

    .col-md-3>.total-sm-flex h4:nth-child(1){
        margin-right: 1rem !important;
    }

    .fxs-1 h4{
        margin-right: 2.14rem !important;
    }

    .fxs-2 h4{
        margin-right: 2.57rem !important;
    }
    p.head-h1{font-size: var(--display-m) !important;}
    span.head-h1{
        font-size: var(--display-m) !important;
        font-weight: 100 !important;
    }
    p.white-color{ font-size: var(--Headline-H5);}

    /* recordatorio */
    .recordatorio > div:nth-child(n+2) {
        width: 100% !important;
        margin-bottom: 2rem;
        padding: 2rem !important;
    }

    .recordatorio div:first-child {
        padding-right: 2.45rem !important;
    }
    .recordatorio .icon-noti{
        display: none !important;
    }
    .recordatorio div:nth-child(n+3).py-4{
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

     /* margin small */
     .mt-m{ margin-top: 2rem;}
     /* operario card mascotas en compost */
     .cardPets {
        flex: 0 0 71.315%;
        max-width: 71.315%;
        margin-right: .74rem;
      }
}

@media (max-width: 320px){
    .pricing-vuelve:last-child{
        margin-top: 1rem;
    }
    .vuelve-plan { gap: 2.3rem;}
    .vuelve-parent {height: 45.1rem;}
    .navbar-nav-top .nav-item:nth-child(3) {
        margin-right: -1rem;
    }
}

@media (max-width: 500px) {

    footer.c-princi .d-flex {
        flex-direction: column;
    }

    footer.c-princi .d-flex p {
        margin: 10px 0;
    }

    .img-fluid,
    #imgloquiero {
        display: none;
    }
}