.cocu-home-content,
.cocu-home-content * {
    box-sizing: border-box;
}

.cocu-home-content {
    --cocu-blue: #0878d6;
    --cocu-teal: #06aeb8;
    --cocu-green: #34c772;
    --cocu-dark: #102a36;
    --cocu-muted: #607783;
    --cocu-bg: #f5fbfc;
    --cocu-card: #ffffff;
    --cocu-line: rgba(16, 42, 54, 0.10);
    --cocu-shadow: 0 24px 70px rgba(9, 72, 91, 0.12);
    --cocu-shadow-soft: 0 14px 38px rgba(9, 72, 91, 0.08);

    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    color: var(--cocu-dark) !important;
    background:
        radial-gradient(circle at 8% 8%, rgba(8, 120, 214, 0.11), transparent 28%),
        radial-gradient(circle at 90% 10%, rgba(52, 199, 114, 0.12), transparent 28%),
        linear-gradient(180deg, #f8fcfd 0%, #f3fbfa 44%, #ffffff 100%) !important;
    overflow: hidden;
    width: 100%;
    min-height: 100%;
}

.cocu-home-content h1,
.cocu-home-content h2,
.cocu-home-content h3,
.cocu-home-content p,
.cocu-home-content a,
.cocu-home-content span,
.cocu-home-content small,
.cocu-home-content strong,
.cocu-home-content button,
.cocu-home-content div,
.cocu-home-content section,
.cocu-home-content article {
    font-family: inherit !important;
}

.cocu-home-content h1,
.cocu-home-content h2,
.cocu-home-content h3,
.cocu-home-content p {
    margin-top: 0 !important;
}

.cocu-home-content a {
    text-decoration: none !important;
    color: inherit !important;
}

.cocu-home-content button {
    font-family: inherit !important;
}

.cocu-home-content .cocu-container {
    width: min(1180px, calc(100% - 40px)) !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* BOTONES */

.cocu-home-content .cocu-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    padding: 0 22px !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    transition: 0.2s ease !important;
    border: 1px solid transparent !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

.cocu-home-content .cocu-btn:hover {
    transform: translateY(-2px);
}

.cocu-home-content .cocu-btn-primary {
    color: #fff !important;
    background: linear-gradient(135deg, var(--cocu-blue), var(--cocu-teal) 55%, var(--cocu-green)) !important;
    box-shadow: 0 18px 40px rgba(6, 174, 184, 0.25) !important;
}

.cocu-home-content .cocu-btn-light {
    color: #155061 !important;
    background: #fff !important;
    border-color: var(--cocu-line) !important;
    box-shadow: 0 12px 30px rgba(9, 72, 91, 0.07) !important;
}

.cocu-home-content .cocu-btn-ghost {
    color: #176678 !important;
    background: rgba(255, 255, 255, 0.65) !important;
    border-color: rgba(6, 174, 184, 0.18) !important;
}

/* UTILIDADES */

.cocu-home-content .cocu-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 8px 14px !important;
    border-radius: 999px !important;
    color: #067c91 !important;
    background: rgba(6, 174, 184, 0.09) !important;
    border: 1px solid rgba(6, 174, 184, 0.14) !important;
    font-weight: 850 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    margin-bottom: 20px !important;
}

.cocu-home-content .cocu-kicker::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--cocu-green);
    box-shadow: 0 0 0 5px rgba(52, 199, 114, 0.14);
    flex: 0 0 auto;
}

.cocu-home-content .cocu-gradient-text {
    background: linear-gradient(90deg, var(--cocu-blue), var(--cocu-teal) 52%, var(--cocu-green)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
}

.cocu-home-content .cocu-check {
    width: 19px !important;
    height: 19px !important;
    min-width: 19px !important;
    border-radius: 999px !important;
    display: inline-grid !important;
    place-items: center !important;
    color: #148d56 !important;
    background: rgba(52, 199, 114, 0.14) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

/* HERO */

.cocu-home-content .cocu-hero {
    padding: 86px 0 72px !important;
}

.cocu-home-content .cocu-hero-grid {
    display: grid !important;
    grid-template-columns: 1.02fr 0.98fr !important;
    gap: 54px !important;
    align-items: center !important;
}

.cocu-home-content .cocu-hero h1 {
    font-size: clamp(42px, 6.5vw, 78px) !important;
    line-height: 0.96 !important;
    letter-spacing: -0.07em !important;
    font-weight: 850 !important;
    margin: 0 0 24px !important;
    max-width: 760px !important;
    color: var(--cocu-dark) !important;
}

.cocu-home-content .cocu-hero p {
    font-size: 20px !important;
    line-height: 1.5 !important;
    color: var(--cocu-muted) !important;
    max-width: 650px !important;
    margin: 0 0 31px !important;
}

.cocu-home-content .cocu-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    align-items: center !important;
    margin-bottom: 30px !important;
}

.cocu-home-content .cocu-proof {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    color: #526d78 !important;
    font-size: 14px !important;
    font-weight: 750 !important;
}

.cocu-home-content .cocu-proof span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
}

/* MOCKUP */

.cocu-home-content .cocu-app-card {
    position: relative !important;
    background: rgba(255, 255, 255, 0.76) !important;
    border: 1px solid rgba(16, 42, 54, 0.08) !important;
    border-radius: 38px !important;
    padding: 18px !important;
    box-shadow: var(--cocu-shadow) !important;
}

.cocu-home-content .cocu-dashboard {
    background: linear-gradient(180deg, #ffffff 0%, #f7fbfc 100%) !important;
    border: 1px solid rgba(16, 42, 54, 0.08) !important;
    border-radius: 28px !important;
    overflow: hidden !important;
}

.cocu-home-content .cocu-dash-top {
    height: 64px !important;
    padding: 0 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-bottom: 1px solid var(--cocu-line) !important;
}

.cocu-home-content .cocu-dots {
    display: flex !important;
    gap: 7px !important;
}

.cocu-home-content .cocu-dots i {
    width: 10px !important;
    height: 10px !important;
    border-radius: 999px !important;
    background: #d8e8ec !important;
    display: block !important;
}

.cocu-home-content .cocu-dash-badge {
    padding: 7px 12px !important;
    border-radius: 999px !important;
    color: #158559 !important;
    background: rgba(52, 199, 114, 0.13) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
}

.cocu-home-content .cocu-dash-body {
    display: grid !important;
    grid-template-columns: 1.12fr 0.88fr !important;
    gap: 16px !important;
    padding: 18px !important;
}

.cocu-home-content .cocu-panel {
    background: #fff !important;
    border: 1px solid rgba(16, 42, 54, 0.08) !important;
    border-radius: 23px !important;
    padding: 18px !important;
    box-shadow: 0 12px 30px rgba(9, 72, 91, 0.045) !important;
}

.cocu-home-content .cocu-panel h3 {
    margin: 0 0 16px !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em !important;
    color: var(--cocu-dark) !important;
}

.cocu-home-content .cocu-turno {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px !important;
    border-radius: 17px !important;
    background: #f5fbfb !important;
    border: 1px solid rgba(16, 42, 54, 0.05) !important;
    margin-bottom: 10px !important;
}

.cocu-home-content .cocu-time {
    width: 58px !important;
    height: 48px !important;
    min-width: 58px !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, rgba(8, 120, 214, 0.11), rgba(6, 174, 184, 0.12)) !important;
    color: #0576b7 !important;
    font-weight: 900 !important;
    font-size: 13px !important;
    display: grid !important;
    place-items: center !important;
}

.cocu-home-content .cocu-turno strong {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    color: #183541 !important;
}

.cocu-home-content .cocu-turno small {
    display: block !important;
    color: #6b8088 !important;
    font-weight: 650 !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
}

.cocu-home-content .cocu-status {
    margin-left: auto !important;
    padding: 7px 9px !important;
    border-radius: 999px !important;
    color: #14965a !important;
    background: rgba(52, 199, 114, 0.13) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.cocu-home-content .cocu-stats {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
}

.cocu-home-content .cocu-stat {
    padding: 16px !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, #f8fcfd, #eef9f7) !important;
    border: 1px solid rgba(16, 42, 54, 0.06) !important;
}

.cocu-home-content .cocu-stat strong {
    display: block !important;
    font-size: 25px !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
    color: var(--cocu-dark) !important;
}

.cocu-home-content .cocu-stat span {
    color: #657982 !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
}

.cocu-home-content .cocu-income {
    padding: 17px !important;
    border-radius: 20px !important;
    color: #fff !important;
    background: linear-gradient(135deg, var(--cocu-blue), var(--cocu-teal) 54%, var(--cocu-green)) !important;
    position: relative !important;
    overflow: hidden !important;
}

.cocu-home-content .cocu-income::after {
    content: "";
    position: absolute;
    width: 130px;
    height: 130px;
    border-radius: 999px;
    right: -58px;
    top: -58px;
    background: rgba(255, 255, 255, 0.16);
}

.cocu-home-content .cocu-income small {
    opacity: 0.86 !important;
    font-weight: 750 !important;
    font-size: 12px !important;
    color: #fff !important;
}

.cocu-home-content .cocu-income strong {
    display: block !important;
    font-size: 27px !important;
    line-height: 1.1 !important;
    letter-spacing: -0.04em !important;
    margin: 5px 0 !important;
    color: #fff !important;
}

.cocu-home-content .cocu-floating-login {
    position: absolute !important;
    right: -12px !important;
    bottom: 32px !important;
    width: 245px !important;
    background: #fff !important;
    border: 1px solid rgba(16, 42, 54, 0.08) !important;
    border-radius: 23px !important;
    padding: 16px !important;
    box-shadow: var(--cocu-shadow-soft) !important;
}

.cocu-home-content .cocu-floating-login strong {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    margin-bottom: 5px !important;
    color: var(--cocu-dark) !important;
}

.cocu-home-content .cocu-floating-login p {
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: var(--cocu-muted) !important;
    margin: 0 0 12px !important;
}

.cocu-home-content .cocu-login-mini {
    display: grid !important;
    gap: 8px !important;
}

.cocu-home-content .cocu-login-mini div {
    height: 34px !important;
    border-radius: 12px !important;
    background: #f2f8f9 !important;
    border: 1px solid rgba(16, 42, 54, 0.06) !important;
}

.cocu-home-content .cocu-login-mini button {
    height: 36px !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: #fff !important;
    font-weight: 850 !important;
    background: linear-gradient(135deg, var(--cocu-blue), var(--cocu-teal), var(--cocu-green)) !important;
}

/* SECCIONES */

.cocu-home-content .cocu-section {
    padding: 84px 0 !important;
}

.cocu-home-content .cocu-section-head {
    max-width: 760px !important;
    margin: 0 auto 44px !important;
    text-align: center !important;
}

.cocu-home-content .cocu-section-head h2 {
    font-size: clamp(34px, 4.6vw, 58px) !important;
    line-height: 1 !important;
    letter-spacing: -0.06em !important;
    font-weight: 850 !important;
    margin: 0 0 16px !important;
    color: var(--cocu-dark) !important;
}

.cocu-home-content .cocu-section-head p {
    color: var(--cocu-muted) !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

.cocu-home-content .cocu-features {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

.cocu-home-content .cocu-feature {
    padding: 28px !important;
    background: rgba(255, 255, 255, 0.78) !important;
    border: 1px solid rgba(16, 42, 54, 0.08) !important;
    border-radius: 24px !important;
    box-shadow: 0 16px 42px rgba(9, 72, 91, 0.06) !important;
    transition: 0.2s ease !important;
}

.cocu-home-content .cocu-feature:hover {
    transform: translateY(-5px);
    box-shadow: var(--cocu-shadow-soft) !important;
}

.cocu-home-content .cocu-icon {
    width: 54px !important;
    height: 54px !important;
    border-radius: 19px !important;
    display: grid !important;
    place-items: center !important;
    color: white !important;
    font-size: 23px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(135deg, var(--cocu-blue), var(--cocu-teal) 55%, var(--cocu-green)) !important;
    box-shadow: 0 14px 28px rgba(6, 174, 184, 0.18) !important;
}

.cocu-home-content .cocu-feature h3 {
    font-size: 21px !important;
    line-height: 1.15 !important;
    letter-spacing: -0.035em !important;
    font-weight: 850 !important;
    margin: 0 0 9px !important;
    color: var(--cocu-dark) !important;
}

.cocu-home-content .cocu-feature p {
    color: #657982 !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    margin: 0 !important;
}

/* ACCESO */

.cocu-home-content .cocu-access {
    padding: 86px 0 !important;
    background:
        radial-gradient(circle at 15% 10%, rgba(8, 120, 214, 0.10), transparent 33%),
        linear-gradient(180deg, #ffffff, #f2fbfa) !important;
    border-top: 1px solid rgba(16, 42, 54, 0.06) !important;
    border-bottom: 1px solid rgba(16, 42, 54, 0.06) !important;
}

.cocu-home-content .cocu-access-grid {
    display: grid !important;
    grid-template-columns: 0.95fr 1.05fr !important;
    gap: 46px !important;
    align-items: center !important;
}

.cocu-home-content .cocu-access h2 {
    font-size: clamp(34px, 4.6vw, 56px) !important;
    line-height: 1 !important;
    letter-spacing: -0.06em !important;
    font-weight: 850 !important;
    margin: 0 0 18px !important;
    color: var(--cocu-dark) !important;
}

.cocu-home-content .cocu-access p {
    color: var(--cocu-muted) !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    margin: 0 0 24px !important;
}

.cocu-home-content .cocu-list {
    display: grid !important;
    gap: 13px !important;
    margin-bottom: 28px !important;
}

.cocu-home-content .cocu-list-item {
    display: flex !important;
    gap: 12px !important;
    align-items: flex-start !important;
    color: #405a65 !important;
    font-weight: 720 !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
}

.cocu-home-content .cocu-access-card {
    background: #fff !important;
    border-radius: 34px !important;
    padding: 24px !important;
    border: 1px solid rgba(16, 42, 54, 0.08) !important;
    box-shadow: var(--cocu-shadow) !important;
}

.cocu-home-content .cocu-login-card {
    border-radius: 26px !important;
    background: linear-gradient(180deg, #ffffff, #f7fcfc) !important;
    border: 1px solid rgba(16, 42, 54, 0.07) !important;
    padding: 26px !important;
}

.cocu-home-content .cocu-login-card h3 {
    font-size: 28px !important;
    line-height: 1.1 !important;
    letter-spacing: -0.05em !important;
    font-weight: 850 !important;
    margin: 0 0 8px !important;
    color: var(--cocu-dark) !important;
}

.cocu-home-content .cocu-login-card p {
    font-size: 14px !important;
    line-height: 1.45 !important;
    color: var(--cocu-muted) !important;
    margin: 0 0 22px !important;
}

.cocu-home-content .cocu-form-preview {
    display: grid !important;
    gap: 12px !important;
}

.cocu-home-content .cocu-input-preview {
    height: 50px !important;
    border-radius: 16px !important;
    background: #f3f9fa !important;
    border: 1px solid rgba(16, 42, 54, 0.07) !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 16px !important;
    color: #7a8d95 !important;
    font-size: 14px !important;
    font-weight: 650 !important;
}

.cocu-home-content .cocu-login-button-preview {
    height: 52px !important;
    border-radius: 999px !important;
    border: 0 !important;
    background: linear-gradient(135deg, var(--cocu-blue), var(--cocu-teal), var(--cocu-green)) !important;
    color: white !important;
    font-weight: 900 !important;
    font-size: 15px !important;
}

.cocu-home-content .cocu-access-types {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-top: 14px !important;
}

.cocu-home-content .cocu-access-type {
    padding: 15px !important;
    border-radius: 18px !important;
    background: #f5fbfb !important;
    border: 1px solid rgba(16, 42, 54, 0.06) !important;
}

.cocu-home-content .cocu-access-type strong {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    margin-bottom: 4px !important;
    color: var(--cocu-dark) !important;
}

.cocu-home-content .cocu-access-type span {
    color: #6b8088 !important;
    font-size: 12px !important;
    font-weight: 650 !important;
}

/* BENEFICIOS */

.cocu-home-content .cocu-benefits {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
}

.cocu-home-content .cocu-benefit {
    min-height: 210px !important;
    padding: 24px !important;
    border-radius: 26px !important;
    background: #fff !important;
    border: 1px solid rgba(16, 42, 54, 0.08) !important;
    box-shadow: 0 14px 36px rgba(9, 72, 91, 0.055) !important;
}

.cocu-home-content .cocu-benefit-number {
    width: 38px !important;
    height: 38px !important;
    border-radius: 999px !important;
    color: white !important;
    display: grid !important;
    place-items: center !important;
    font-weight: 950 !important;
    background: linear-gradient(135deg, var(--cocu-blue), var(--cocu-teal)) !important;
    margin-bottom: 18px !important;
}

.cocu-home-content .cocu-benefit h3 {
    font-size: 19px !important;
    line-height: 1.15 !important;
    letter-spacing: -0.035em !important;
    font-weight: 850 !important;
    margin: 0 0 8px !important;
    color: var(--cocu-dark) !important;
}

.cocu-home-content .cocu-benefit p {
    color: var(--cocu-muted) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

/* CTA */

.cocu-home-content .cocu-cta {
    padding: 84px 0 96px !important;
}

.cocu-home-content .cocu-cta-card {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 42px !important;
    padding: 58px !important;
    color: white !important;
    background:
        radial-gradient(circle at 86% 20%, rgba(255, 255, 255, 0.22), transparent 28%),
        linear-gradient(135deg, var(--cocu-blue) 0%, var(--cocu-teal) 52%, var(--cocu-green) 100%) !important;
    box-shadow: 0 30px 80px rgba(6, 174, 184, 0.24) !important;
}

.cocu-home-content .cocu-cta-card::before {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    border-radius: 999px;
    border: 44px solid rgba(255, 255, 255, 0.12);
    right: -95px;
    bottom: -135px;
}

.cocu-home-content .cocu-cta-content {
    position: relative !important;
    z-index: 1 !important;
    max-width: 760px !important;
}

.cocu-home-content .cocu-cta-card h2 {
    font-size: clamp(36px, 5vw, 64px) !important;
    line-height: 1 !important;
    letter-spacing: -0.065em !important;
    font-weight: 850 !important;
    margin: 0 0 18px !important;
    color: white !important;
}

.cocu-home-content .cocu-cta-card p {
    color: rgba(255, 255, 255, 0.87) !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    margin: 0 0 26px !important;
}

.cocu-home-content .cocu-cta-card .cocu-btn-light {
    color: #05718f !important;
    background: #fff !important;
    border-color: transparent !important;
}

/* RESPONSIVE */

@media (max-width: 980px) {
    .cocu-home-content .cocu-hero-grid,
    .cocu-home-content .cocu-access-grid {
        grid-template-columns: 1fr !important;
    }

    .cocu-home-content .cocu-features {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .cocu-home-content .cocu-benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .cocu-home-content .cocu-floating-login {
        right: 18px !important;
    }
}

@media (max-width: 680px) {
    .cocu-home-content .cocu-container {
        width: min(100% - 26px, 1180px) !important;
    }

    .cocu-home-content .cocu-hero {
        padding: 58px 0 50px !important;
    }

    .cocu-home-content .cocu-hero h1 {
        font-size: 45px !important;
    }

    .cocu-home-content .cocu-hero p,
    .cocu-home-content .cocu-section-head p,
    .cocu-home-content .cocu-access p {
        font-size: 16px !important;
    }

    .cocu-home-content .cocu-dash-body {
        grid-template-columns: 1fr !important;
    }

    .cocu-home-content .cocu-floating-login {
        position: static !important;
        width: auto !important;
        margin-top: 14px !important;
    }

    .cocu-home-content .cocu-features,
    .cocu-home-content .cocu-benefits,
    .cocu-home-content .cocu-stats,
    .cocu-home-content .cocu-access-types {
        grid-template-columns: 1fr !important;
    }

    .cocu-home-content .cocu-section,
    .cocu-home-content .cocu-access,
    .cocu-home-content .cocu-cta {
        padding: 62px 0 !important;
    }

    .cocu-home-content .cocu-feature,
    .cocu-home-content .cocu-benefit {
        padding: 22px !important;
    }

    .cocu-home-content .cocu-cta-card {
        padding: 34px 24px !important;
        border-radius: 30px !important;
    }
}




.tp-header-search-5 {
    margin-left: 10px !important; 
    margin-right: 10px !important;  
}

@media only screen and (min-width: 1400px) and (max-width:1599px),
       only screen and (min-width:1600px) and (max-width:1700px),
       only screen and (min-width:1700px) and (max-width:1800px) {
    .tp-header-search-5 {
        margin-right: 10px !important; 
    }
}

.bb-form-quick-search .tp-header-search-input-box-5 select { 
 width: 20%;
    margin-right: -43px;
}





input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {  
    background-color: #fff1f1; 
}

@media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 90% !important; /*1697px*/
    }
}
 
.tp-product-thumb-3, .tp-product-thumb-4 {
    border-radius: 22px;
}

.tp-about-thumb-wrapper.p-relative {  
}

.tp-header-action-5 a, 
.tp-header-action-5 button {  
    width: 44px !important;    /* qMismo tamaño para todos los botones */
    height: 44px !important;   /* Mismo tamaño para todos los botones */
    display: flex;             /* Asegura que los iconos se alineen correctamente */
    justify-content: center;   /* Centra el icono dentro del botón */
    align-items: center;       /* Centra el icono dentro del botón */
    background-color: #3ba9db; /* Color de fondo celeste uniforme */
    border-radius: 50%;        /* Redondea los bordes */
    border: none;              /* Eliminar cualquier borde */
}

.tp-header-action-login-icon-5 span {
    width: 44px !important;
    height: 44px !important;
}

.tp-header-action-item-5 svg {
    vertical-align: -webkit-baseline-middle !important;
    width: 20px !important;   /* Tamaño adecuado para el icono */
    height: 20px !important;  /* Tamaño adecuado para el icono */
    vertical-align: middle !important;
}

.tp-header-action-5 .img-thumbnail {   
    max-width: 120px !important;
    height: 50px !important;
    width: 50px !important;
}

ul.dropdown-menu.show {   
    width: 300px !important;
}

@media only screen and (min-width: 1440px) and (max-width: 1599px) {
    .tp-header-5 .main-menu > nav > ul {
        gap: 1px !important;
    }
}

span.d-none.d-sm-block {
    font-size: 10px;
}

.bb-product-rating {
    --bb-rating-size: 54px !important;
}

.tp-header-sticky {
    box-shadow: 0 2px 6px rgba(1, 15, 28, 0.16);
    position: relative;
}

.main-menu > nav > ul > li > .tp-submenu {
    min-width: 185px !important;
    margin-left: -100px !important;
}

.tp-header-action-5 .main-menu a { 
    border-radius: 50%; 
    background-color: #3ba9db; /* Color de fondo celeste para los botones del menú */
}

.main-menu > nav > ul > li > .tp-submenu li a {
    width: 140px !important;
    text-align: justify;
    background-color: white; 
}

.tp-header-5 {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.ribbon-1 {
    position: fixed;
    background: #08769b;
    box-shadow: 0 0 0 999px #08769b;
    clip-path: inset(0 -100%);
}

.left {
    inset: 0 auto auto 0;
    transform-origin: 100% 0;
}

.right {
    inset: 0 0 auto auto;
    transform-origin: 0 0;
}

.ribbon-2 {
    --f: 11px; /* controla la parte doblada */
    --r: 0px;  /* controla la forma del ribbon */
    --t: 7px;  /* offset superior */
    
    position: absolute;
    inset: var(--t) calc(-1 * var(--f)) auto auto;
    padding: 0 10px var(--f) calc(16px + var(--r));
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--f)), calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)), 0 calc(100% - var(--f)), var(--r) calc(50% - var(--f)/2));
    background: #3ba9db;
    box-shadow: 0 calc(-1 * var(--f)) 0 inset #0005;
}

.tooltip {
    --bs-tooltip-bg: #FFFF;
}

.tooltip-inner {
    font-size: 12px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 15px;
    background: #FFFFFF;
    color: rgba(0, 0, 0, 0.7);
    border: 1px solid #ffff;
    text-align: left;
}

.tooltip.show {
    opacity: 1;
}

.button-container {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}

.bb-shop-banner-logo.entered.loaded& {
    border-radius: 50% !important;
}