/* ══════════════════════════════════════════
   CARDS DE RESULTADOS — conozcoaun.com
   Agregá esto en style.css
   ══════════════════════════════════════════ */
 
/* ── Header de resultados ── */
.resultados-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    background: #1a1a1a;
    border: 1px solid #252525;
    border-radius: 8px;
    padding: 14px 20px;
    margin-bottom: 20px;
}
.resultados-count {
    font-size: 1.3rem;
    font-weight: 800;
    color: #F5C400;
    margin-right: 8px;
}
.resultados-label {
    font-size: 0.88rem;
    color: #888;
}
.resultados-label strong {
    color: #ddd;
}
 
/* ── Card de emprendimiento ── */
.emp-result-card {
    background: #1a1a1a;
    border: 1px solid #252525;
    border-radius: 10px;
    overflow: hidden;
    transition: border-color 0.25s, transform 0.25s, box-shadow 0.25s;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}
.emp-result-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: #F5C400;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}
.emp-result-card:hover {
    border-color: #F5C400;
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(0,0,0,0.5);
}
.emp-result-card:hover::before {
    transform: scaleX(1);
}
 
/* Header de la card */
.erc-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 18px 12px;
    background: #111;
    border-bottom: 1px solid #222;
}
.erc-avatar {
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background: #1a1a1a;
    border: 1px solid #2e2e2e;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: 800;
    color: #F5C400;
    flex-shrink: 0;
}
.erc-title-wrap {
    min-width: 0;
}
.erc-name {
    font-size: 0.95rem;
    font-weight: 700;
    color: #fff;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
 
/* Body */
.erc-body {
    padding: 14px 18px 0;
    flex: 1;
}
.erc-desc {
    font-size: 0.82rem;
    color: #777;
    line-height: 1.6;
    margin: 0 0 6px 0;
}
.erc-ver-mas {
    font-size: 0.78rem;
    color: #F5C400;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 8px;
}
.erc-ver-mas:hover {
    text-decoration: underline;
    color: #F5C400;
}
 
/* Divider */
.erc-divider {
    border: none;
    border-top: 1px solid #222;
    margin: 12px 0 0;
}
 
/* WhatsApp */
.erc-whatsapp {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    color: #4ade80;
    font-size: 0.83rem;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s;
    border-bottom: 1px solid #1e1e1e;
}
.erc-whatsapp i {
    font-size: 1rem;
}
.erc-whatsapp:hover {
    color: #22c55e;
}
 
/* Redes sociales */
.erc-redes {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px 18px;
    border-bottom: 1px solid #1e1e1e;
}
.red-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 5px;
    text-decoration: none;
    border: 1px solid transparent;
    transition: background 0.2s, color 0.2s;
}
.red-btn.instagram { color: #c13584; border-color: #c13584; }
.red-btn.instagram:hover { background: #c13584; color: #fff; }
.red-btn.facebook  { color: #1877f2; border-color: #1877f2; }
.red-btn.facebook:hover  { background: #1877f2; color: #fff; }
.red-btn.tiktok    { color: #e0e0e0; border-color: #333; }
.red-btn.tiktok:hover    { background: #222; color: #fff; }
.red-btn.website   { color: #4ade80; border-color: #4ade80; }
.red-btn.website:hover   { background: #4ade80; color: #111; }
 
/* Mapa */
.erc-mapa {
    padding: 10px 18px 14px;
}
.btn-mapa {
    width: 100%;
    padding: 7px 12px;
    background: transparent;
    border: 1px solid #2e2e2e;
    border-radius: 6px;
    color: #888;
    font-size: 0.78rem;
    cursor: pointer;
    transition: border-color 0.2s, color 0.2s;
    text-align: center;
}
.btn-mapa:hover {
    border-color: #F5C400;
    color: #F5C400;
}
 
/* ── Card de publicidad ── */
.card-publi {
    background: #111;
    border: 1px dashed #2e2e2e;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    height: 100%;
    min-height: 200px;
    text-align: center;
    transition: border-color 0.2s;
}
.card-publi:hover {
    border-color: #F5C400;
}
.publi-badge {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #F5C400;
    background: rgba(245,196,0,0.08);
    border: 1px solid rgba(245,196,0,0.2);
    border-radius: 4px;
    padding: 3px 10px;
}
.publiImagen{
    width: 100%;
    height: auto;
    object-fit: cover;
}
 
/* ── Sin resultados ── */
.sin-resultados {
    text-align: center;
    padding: 60px 20px;
    color: #555;
}
.sin-resultados-icon {
    font-size: 3rem;
    margin-bottom: 16px;
    opacity: 0.5;
}
.sin-resultados-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: #888;
    margin-bottom: 8px;
}
.sin-resultados-sub {
    font-size: 0.88rem;
    color: #555;
    margin-bottom: 12px;
}
.sin-resultados-sub strong,
.sin-resultados-cta strong {
    color: #F5C400;
}
.sin-resultados-cta {
    font-size: 0.88rem;
    color: #555;
}



input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.bgFooter{
    /*background: #c8c8c8;   */
    position: static;
    bottom: 0;
    width: 100%;
    height: 40px;
    color: rgb(78, 78, 78);
}
.cardPubli{
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: ;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: #242424;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex
;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: #a6a6a6;
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
}
/* Para Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
.alert-resultado{
    -webkit-box-shadow: 0px 0px 26px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 26px 1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 26px 1px rgba(0,0,0,0.75);
    background-color: #ffcb00;
}
element.style {
    position: absolute;
    z-index: 1000;
    width: inherit;
    display: block;
}
body{
    background-color: #ebebeb;
}
.alertMsj{
    color: #ff0707;
}
.bgW{
    --bs-bg-opacity:1;
    background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important;
}
.tituloPlanes{
    margin-top: 3%;
}
.color-link{
    color: #ffcb00;
}
.accordion-button:not(.collapsed) {
    color: #0068ff;
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.labelBlack{
    color: #fff;
}
.espacio{
    margin-top: 5%;
}
.img-perfil{
    width: 32px; /* Ajusta el ancho de la imagen */
    height: 32px; /* Asegúrate de mantener proporciones */
    object-fit: cover; /* Recorta la imagen si es necesario */
}


.btnNavbar{
    &::before {
        left: -65%;
        width: 100%;
        height: 150%;
        transform: rotate(45deg);
    }

    &:hover{
        &::before{
            left: 100%;
        }
    }
}
.btnMap{
    padding-bottom: 0px;
    padding-top: 0px;
    border-left-width: 0px;
    padding-left: 0px;
    padding-right: 0px;
    border-top-width: 0px;
}
.navbarra{
    background: #EDAF53;
    background: linear-gradient(90deg, rgba(237, 175, 83, 1) 0%, rgba(255, 208, 0, 1) 50%, rgba(237, 175, 83, 1) 100%);
    color: #000000;
    box-shadow: -1px 7px 23px -3px rgba(0,0,0,0.6);
    -webkit-box-shadow: -1px 7px 23px -3px rgba(0,0,0,0.6);
    -moz-box-shadow: -1px 7px 23px -3px rgba(0,0,0,0.6);
}
.navbarra1{
    background: #EDAF53;
    background: linear-gradient(90deg, rgb(26, 23, 20) 0%, rgb(56, 98, 33) 50%, rgb(28, 25, 22) 100%);
    color: #c9c9c9;
}
.bottom{
    border-bottom-color: #ffcb00;
    border-bottom-width: medium;
    border-radius: inherit;
}
.bottom-search{
    --bs-btn-color: #000000;
    --bs-btn-bg: #ffcb00;
    --bs-btn-border-color: #ffcb00;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #9f8000;
    --bs-btn-hover-border-color: #9f8000;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
    border-radius: inherit;
}
.centered-form {
    max-width: 600px; /* Ajusta el ancho máximo del formulario según sea necesario */
    margin: 0 auto;   /* Centra el formulario horizontalmente */
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: #fdce0d;
    border-color: #dffd0d;
    opacity: var(--bs-btn-disabled-opacity);
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}
.deco {
    text-decoration: none;
    color: black;
}
.linkvertical{
    color: #ffcb00;
}
.linkvertical:hover{
    color: #ff5d00;
}

.linkvertical.active{
    color: #b3ff00;
    font-weight: bold;
    border-radius: 5px;
}
.margen{
    margin: 1%;
}

.sabias{
    border-left-color: #ffc107;
    border-left-width: thick;
}
.importante{
    border-left-color: #ff0707;
    border-left-width: thick;
}
.sombrita{
    text-shadow: 2px 3px 6px rgba(0,0,0,0.60);
}
.centered-form {
    max-width: 600px; /* Ajusta el ancho máximo del formulario según sea necesario */
    margin: 0 auto;   /* Centra el formulario horizontalmente */
}

.modal-body-cl{
    background-color: rgb(26 26 25);
}
.background-image {
    position: relative;
    width: 100%;
    height: 55vh; /* O ajusta según el tamaño deseado */
    background-image: url('../img/backhead.jpg'); /* Cambia esta URL por la de tu imagen */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}
.background-image-cv {
    position: relative;
    width: 100%;
    height: 55vh; /* O ajusta según el tamaño deseado */
    background-image: url('../img/cv.jpg'); /* Cambia esta URL por la de tu imagen */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}
.registro {
    position: relative;
    width: 100%;
    background-image: url('../img/Registro1.jpg'); /* Cambia esta URL por la de tu imagen */
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lw{
    color:white;
    text-shadow: 25%;
}
.bottom-search{
    --bs-btn-color: #000000;
    --bs-btn-bg: #ffcb00;
    --bs-btn-border-color: #ffcb00;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #9f8000;
    --bs-btn-hover-border-color: #9f8000;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
    border-radius: inherit;
}
.bottom-plan-semilla{
    --bs-btn-color: #000000;
    --bs-btn-bg: #799f3d;
    --bs-btn-border-color: #799f3d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #556f2b;
    --bs-btn-hover-border-color: #556f2b;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #374d14;
    --bs-btn-active-border-color: #374d14;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #556142;
    --bs-btn-disabled-border-color: #556142;
    border-radius: inherit;
}
.plan-semilla{
    color: #799f3d;
}
.bottom-plan-impulso{
    --bs-btn-color: #000000;
    --bs-btn-bg: #ffcb00;
    --bs-btn-border-color: #ffcb00;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #9f8000;
    --bs-btn-hover-border-color: #9f8000;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4f451a;
    --bs-btn-active-border-color: #4f451a;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #4f451a;
    --bs-btn-disabled-border-color: #4f451a;
    border-radius: inherit;
}
.plan-impulso{
    color: #c59d00;
}
.titleCard{
    color: black;
}

.space-info-card{
    margin-top: 5%;
}
.bottom-plan-destacado{
    --bs-btn-color: #000000;
    --bs-btn-bg: #607aef;
    --bs-btn-border-color: #607aef;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #364eb7;
    --bs-btn-hover-border-color: #364eb7;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #364eb7;
    --bs-btn-active-border-color: #364eb7;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #3c477a;
    --bs-btn-disabled-border-color: #3c477a;
    border-radius: inherit;
}
.plan-destacado{
    color: #607aef;
}
.dropdown-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-top: none;
    border-radius: 0 0 0.375rem 0.375rem;
    z-index: 1000;
    display: none;
    max-height: 200px;
    overflow-y: auto;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    font-size: 0.95rem;
}

.dropdown-autocomplete div {
    padding: 0.5rem 0.75rem;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

.dropdown-autocomplete div:hover,
.dropdown-autocomplete .active-item {
    background-color: #ffcb00;
    color: #000000;
;
}

.img_timeout{
    height: 50%;
    width: 50%;
}
/* Ajustar inputs, selects y textarea solo en pantallas chicas */
@media (max-width: 768px) {
  input.form-control,
  select.form-select,
  textarea.form-control {
    font-size: 14px;   /* texto más chico */
    padding: 6px 8px;  /* menos espacio interno */
    height: auto;      /* se adapta al contenido */
  }
  .pt-md-4 {
        padding-top: 0rem !important;
    }
    .space-card{
        margin-top: 5%;
    }
    .bottom{
        border-bottom-color: #ffcb00;
        border-bottom-width: medium;
        border-radius: inherit;
    }
}
@media (max-width: 576px) {
    .bottom{
        border-bottom-color: #ffcb00;
        border-bottom-width: medium;
        border-radius: inherit;
    }
    .tituloInicial {
        font-size: 1.3rem;
        line-height: 1.4;
    }

    .segundotituloInicial {
        font-size: 1rem;
        line-height: 1.2;
    }

    .bottom-search {
        font-size: 1rem;
        padding: 0.5rem 1rem;
    }

    .form-control,
    .form-select {
        font-size: 0.95rem;
        padding: 0.4rem 0.75rem;
    }

    .form-select {
        min-height: 40px;
    }

    #searchForm > div {
        margin-bottom: 0.5rem;
    }

    .bottom-search {
        font-size: 1rem;
        padding: 0.6rem;
    }
    .background-image {
        position: relative;
        width: 100%;
        height: 75vh;
        background-image: url(../img/backhead.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .form-control{
        display: block;
        width: 100%;
        padding: .375rem .75rem;
        font-size: 2rem;
        font-weight: 400;
        line-height: 1.5;
        color: var(--bs-body-color);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: var(--bs-body-bg);
        background-clip: padding-box;
        border: var(--bs-border-width) solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }
    .form-select {
        --bs-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e);
        display: block;
        width: 100%;
        padding: .375rem 2.25rem .375rem .75rem;
        font-size: 2rem;
        font-weight: 400;
        line-height: 1.5;
        color: var(--bs-body-color);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: var(--bs-body-bg);
        background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
        background-repeat: no-repeat;
        background-position: right .75rem center;
        background-size: 16px 12px;
        border: var(--bs-border-width) solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }
    .dropdown-autocomplete {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: #fff;
        border: 1px solid #ced4da;
        border-top: none;
        border-radius: 0 0 0.375rem 0.375rem;
        z-index: 1000;
        display: none;
        max-height: 200px;
        overflow-y: auto;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
        font-size: 2rem;
    }
    .w-100 {
        width: 100% !important;
        font-size: 2rem;
    }
    .navbar .nav-link,
    .navbar-brand {
        font-size: 1.1rem;
    }

    .img-perfil {
        width: 32px;
        height: 32px;
    }
}