/* Estilos del pie de página (antes en línea en partials/footer.php). Fase 6, 2026-11-09. */
.dfoot{background:#2f3142;color:rgba(255,255,255,.72);font-size:14.5px;line-height:1.6;padding:0;margin:0}
    .dfoot a{color:rgba(255,255,255,.72);text-decoration:none;transition:color .15s}
    .dfoot a:hover,.dfoot a:focus{color:#fff;text-decoration:none}
    .dfoot .dfoot-main{padding:56px 0 36px}
    .dfoot .dfoot-logo{display:inline-block;margin-bottom:14px}
    .dfoot .dfoot-logo img{width:170px;height:auto;display:block;margin-left:-12px}
    .dfoot .dfoot-desc{margin:0 0 18px;max-width:34ch;color:rgba(255,255,255,.72)}
    .dfoot .dfoot-contact{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:8px}
    .dfoot .dfoot-contact li{display:flex;gap:10px;align-items:center;color:rgba(255,255,255,.85)}
    .dfoot .dfoot-contact i{width:18px;text-align:center;color:#4FC3F7}
    .dfoot .dfoot-contact a{color:rgba(255,255,255,.85)}
    .dfoot .dfoot-social{display:flex;gap:8px}
    .dfoot .dfoot-social a{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.08);display:inline-flex;align-items:center;justify-content:center;font-size:16px;color:#fff}
    .dfoot .dfoot-social a:hover{background:#03A9F4}
    .dfoot .dfoot-title{display:block;color:#fff;font-weight:600;font-size:15px;margin:0 0 14px;letter-spacing:.01em}
    .dfoot .dfoot-links{list-style:none;margin:0;padding:0;display:grid;gap:7px}
    .dfoot .dfoot-links li{margin:0;line-height:1.5}
    .dfoot .dfoot-links a{font-size:14px}
    .dfoot .dfoot-eco{margin-top:18px}
    .dfoot .dfoot-eco a i{font-size:11px;margin-left:4px;opacity:.7}
    .dfoot .dfoot-trust{border-top:1px solid rgba(255,255,255,.08);padding:26px 0}
    .dfoot .dfoot-trust-label{display:block;text-align:center;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:14px}
    .dfoot .dfoot-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px}
    .dfoot .dfoot-logos span{height:64px;padding:8px 14px;display:inline-flex;align-items:center;justify-content:center;opacity:.85;transition:opacity .2s}
    .dfoot .dfoot-logos span:hover{opacity:1}
    .dfoot .dfoot-logos img{max-height:42px;max-width:150px;width:auto;height:auto;display:block}
    .dfoot .dfoot-bottom{background:#1f2130;padding:16px 0;font-size:13px;color:rgba(255,255,255,.55)}
    .dfoot .dfoot-bottom .container{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;align-items:center}
    .dfoot .dfoot-bottom a{color:rgba(255,255,255,.7);font-size:13px}
    .dfoot .dfoot-bottom nav{display:flex;flex-wrap:wrap;gap:6px 18px}
    @media (max-width:991.98px){
      .dfoot .dfoot-main{padding:44px 0 28px}
      .dfoot .dfoot-brand{margin-bottom:12px}
    }
    @media (max-width:575.98px){
      .dfoot .dfoot-logos span{height:54px;padding:8px 12px}
      .dfoot .dfoot-logos img{max-height:34px;max-width:120px}
      .dfoot .dfoot-bottom .container{justify-content:center;text-align:center}
      .dfoot .dfoot-bottom nav{justify-content:center}
    }

.tooltip-container {
                margin: 0 auto;
                display: inline-block;
            }

            /* EMPIEZA AQUÍ */

            .tooltip-container {
                position: relative;
                cursor: pointer;
            }

            .tooltip-one {
                padding: 18px 32px;
                background-color: #252733;
                color: #ffffff;
                position: absolute;
                width: 220px;
                border-radius: 5px;
                text-align: center;
                filter: drop-shadow(0 3px 5px #ccc);
                line-height: 1.5;
                display: none;
                bottom: 40px;
                right: 50%;
                margin-right: -110px;
            }

            .tooltip-one:after {
                content: "";
                position: absolute;
                bottom: -9px;
                left: 50%;
                margin-left: -9px;
                width: 18px;
                height: 18px;
                background-color: #252733;
                transform: rotate(45deg);
            }

            .tooltip-trigger:hover + .tooltip-one {
                display: block;
            }

.price-doli {
                /* box-shadow: 0 0 35px 0 rgb(0 0 0 / 7%); */
                position: relative;
                border-radius: 7px;
                overflow: hidden;
                -webkit-box-shadow: 0 0 35px 0 rgb(0 0 0 / 7%);
                -moz-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.07);
                box-shadow: 0 0 35px 0 rgb(0 0 0 / 7%);
                -webkit-transition: all 500ms ease;
                -moz-transition: all 500ms ease;
                -ms-transition: all 500ms ease;
                -o-transition: all 500ms ease;
                transition: all 500ms ease;
                box-sizing: border-box;
                border: 1px solid #ddd;
            }

            .tag {
                position: absolute;
                font: 400 14px Poppins, sans-serif;
                color: #fff;
                background-color: rgb(229, 74, 26);
                padding: 19px 32px;
                top: -10px;
                left: -39px;
                -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
                font-size: 9px;
            }

            @media (max-width: 600px) {
                .cldoliPosX {
                    width: 100%;
                }
            }
            @media (max-width: 800px) {
                .cldoliPosX {
                    width: 100%;
                }
            }
            @media (max-width: 768px) {
                .landing-page .navbar .navbar-header .navbar-toggle {
                    background-color: #ffffff;
                    padding: 9px 10px;
                    border: none;
                }
            }

            .big-icon2 {
                color: #7c858e !important;
                font-size: 56px !important;
            }

#footer_container {
                background-color: #39394d !important;
                padding-top: 20px;
            }
            .app-footer {
                letter-spacing: normal;
                word-spacing: normal;
                text-rendering: auto;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                color: white;
                position: relative;
                background: #242424;
            }
            article,
            aside,
            details,
            figcaption,
            figure,
            footer,
            header,
            hgroup,
            nav,
            section,
            summary {
                display: block;
            }
            .app-footer .container {
                position: relative;
                z-index: 2;
            }
            .app-footer .footer-content {
                padding: 5em 0;
                color: #b1b1b1;
            }
            @media (min-width: 720px) .bottom-bar {
                text-align: left;
            }
            .bottom-bar {
                padding: 1.5em 0;
                font-size: 0.9rem;
                background: #111111;
                position: relative;
                z-index: 2;
                text-align: center;
            }
            .app-footer .footer-content {
                padding: 5em 0;
                color: #b1b1b1;
            }
            [class*="span"]:first-child {
                margin-left: 0;
            }
            .span-3 {
                width: 22%;
            }
            [class*="span"] {
                display: inline-block;
                zoom: 1;
                vertical-align: top;
                margin-left: 4%;
            }
            .span-3 {
                width: 22%;
            }
            [class*="span"] {
                display: inline-block;
                zoom: 1;
                vertical-align: top;
                margin-left: 4%;
            }
            .app-footer .footer-content h3 {
                color: white;
                font-size: 1.4rem;
                margin: 0;
            }
            .app-footer .footer-content h4 {
                font-family: "Lato", sans-serif;
                font-size: 1.2rem;
                margin-top: 0.25rem;
                font-weight: 100;
            }
            .no-js .owl-carousel {
                display: block;
            }
            .owl-carousel.owl-loaded {
                display: block;
            }
            .owl-carousel {
                display: none;
                width: 100%;
                -webkit-tap-highlight-color: transparent;
                position: relative;
                z-index: 1;
            }
            .no-js .owl-carousel {
                display: block;
            }
            .owl-carousel.owl-loaded {
                display: block;
            }
            .owl-carousel {
                display: none;
                width: 100%;
                -webkit-tap-highlight-color: transparent;
                position: relative;
                z-index: 1;
            }
            .owl-carousel .owl-stage-outer {
                position: relative;
                overflow: hidden;
                -webkit-transform: translate3d(0px, 0px, 0px);
            }
            .footer-testimonials div {
                color: white;
                font-style: normal;
                display: block;
            }
            .owl-carousel .owl-item {
                position: relative;
                min-height: 1px;
                float: left;
                -webkit-backface-visibility: hidden;
                -webkit-tap-highlight-color: transparent;
                -webkit-touch-callout: none;
            }
            .footer-testimonials .owl-nav {
                position: absolute;
                top: -4rem;
                right: 0;
                font-size: 1rem;
            }
            .footer-testimonials .owl-nav div.owl-prev {
                margin-right: 0.3em;
            }
            .owl-carousel .owl-nav .owl-prev,
            .owl-carousel .owl-nav .owl-next,
            .owl-carousel .owl-dot {
                cursor: pointer;
                cursor: hand;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }
            .footer-testimonials .owl-nav div {
                display: inline-block;
                color: #707070;
                cursor: pointer;
                height: 1em;
                width: 1em;
                outline: 0;
            }
            .footer-testimonials div {
                color: white;
                font-style: normal;
                display: block;
            }
            .footer-testimonials blockquote {
                margin: 0;
                margin-bottom: 1.3em;
                background: #36a7e9;
                border-radius: 10px;
                border: 0;
                color: white;
                padding: 12px 42px;
                position: relative;
            }
            blockquote {
                margin: 0;
                border: 0;
                position: relative;
                font-family: "Raleway", sans-serif;
            }

label {
                display: inline-block;
                max-width: 100%;
                margin-bottom: 5px;
                font-weight: 700;
            }

            .navy-line {
                width: 60px;
                height: 1px;
                margin: 60px auto 0;
                border-bottom: 2px solid #1ab394;
            }

            .table-icon > ul > li {
                color: #676a6c;
                font-family: "Open Sans", helvetica, arial, sans-serif;
                background-color: #fff;
                font-size: 14px;
            }

            #bottom {
                background-color: #39394d !important;
            }

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

            .pull-right {
                float: right;
            }

/* =========================================
   COMPARATIVA DOLIBARR VS DOLIONE
   ========================================= */

#myModalcompara .dolione-compare-header{
    background:
        radial-gradient(circle at 12% 18%,
        rgba(255,255,255,.18), transparent 28%),
        linear-gradient(135deg,#0b5ed7 0%,#03A9F4 100%) !important;
}


/* INTRO */

#myModalcompara .dolione-compare-intro{
    max-width:780px;
    margin:0 auto 28px;
}

#myModalcompara .dolione-compare-intro h3{
    font-size:25px;
    font-weight:800;
    color:#111827;
    margin:0 0 8px;
}

#myModalcompara .dolione-compare-intro p{
    color:#6b7280;
    font-size:15px;
    line-height:1.65;
}


/* WRAPPER */

#myModalcompara .dolione-compare-wrapper{
    border:1px solid #e5e7eb;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(15,23,42,.07);
}


/* TABLE */

#myModalcompara .dolione-compare-table{
    width:100%;
    margin:0;
    background:#fff;
}

#myModalcompara .dolione-compare-table th{
    padding:20px 18px;
    background:#f8fafc;
    text-align:center;
    vertical-align:middle;
    border-bottom:1px solid #e5e7eb;
    font-size:15px;
    color:#111827;
}

#myModalcompara .dolione-compare-table th:first-child{
    text-align:left;
}

#myModalcompara .dolione-compare-table th small{
    display:block;
    color:#6b7280;
    font-size:11px;
    font-weight:400;
    margin-top:4px;
}

#myModalcompara .dolione-compare-table td{
    padding:15px 18px;
    vertical-align:middle;
    text-align:center;
    border-top:1px solid #eef2f7;
    color:#4b5563;
    font-size:13px;
}

#myModalcompara .dolione-compare-table td:first-child{
    text-align:left;
    width:40%;
}

#myModalcompara .dolione-compare-table td:first-child strong{
    display:block;
    color:#111827;
    font-size:14px;
}

#myModalcompara .dolione-compare-table td:first-child small{
    display:block;
    color:#9ca3af;
    margin-top:3px;
}


/* DOLIONE COLUMN */

#myModalcompara .dolione-column{
    background:rgba(3,169,244,.055) !important;
}

#myModalcompara th.dolione-column{
    color:#0b5ed7;
    font-size:17px;
}

#myModalcompara .compare-badge{
    display:block;
    width:max-content;
    max-width:100%;
    margin:7px auto 0;
    background:#0b5ed7;
    color:#fff;
    padding:4px 9px;
    border-radius:999px;
    font-size:9px;
    letter-spacing:.05em;
}


/* SECTION */

#myModalcompara .compare-section td{
    background:#f8fafc !important;
    text-align:left !important;
    color:#64748b !important;
    font-size:10px !important;
    letter-spacing:.08em;
    font-weight:800;
    padding:10px 18px !important;
}


/* STATUS */

#myModalcompara .status{
    display:inline-block;
    border-radius:999px;
    padding:6px 10px;
    font-size:11px;
    line-height:1.2;
}

#myModalcompara .status.yes{
    background:rgba(16,185,129,.10);
    color:#047857;
    font-weight:700;
}

#myModalcompara .status.available{
    background:#f1f5f9;
    color:#475569;
}

#myModalcompara .status.manage{
    background:rgba(245,158,11,.10);
    color:#92400e;
}

#myModalcompara .status.plus{
    background:rgba(3,169,244,.10);
    color:#0369a1;
    font-weight:700;
}


/* VALUE BOX */

#myModalcompara .dolione-value-box{
    display:flex;
    gap:18px;
    align-items:flex-start;
    margin-top:26px;
    padding:22px;
    background:
        linear-gradient(
            135deg,
            rgba(11,94,215,.06),
            rgba(3,169,244,.07)
        );
    border:1px solid rgba(3,169,244,.15);
    border-radius:16px;
}

#myModalcompara .dolione-value-icon{
    width:52px;
    height:52px;
    flex:0 0 52px;
    border-radius:14px;
    background:#0b5ed7;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
}

#myModalcompara .dolione-value-box strong{
    display:block;
    font-size:17px;
    color:#111827;
    margin-bottom:6px;
}

#myModalcompara .dolione-value-box p{
    margin:0;
    color:#4b5563;
    font-size:14px;
    line-height:1.65;
}


/* CTA */

#myModalcompara .dolione-compare-actions{
    padding:30px 10px 10px;
}

#myModalcompara .dolione-compare-actions h3{
    color:#111827;
    font-size:24px;
    font-weight:800;
    margin:0 0 8px;
}

#myModalcompara .dolione-compare-actions p{
    max-width:620px;
    margin:0 auto 18px;
    color:#6b7280;
}

#myModalcompara .dolione-compare-actions .btn{
    margin:4px;
}


/* DISCLAIMER */

#myModalcompara .dolione-compare-disclaimer{
    max-width:760px;
    margin:14px auto 0;
    color:#9ca3af;
    line-height:1.5;
}


/* MOBILE */

@media(max-width:767px){

    #myModalcompara .dolione-compare-table{
        min-width:650px;
    }

    #myModalcompara .dolione-value-box{
        display:block;
    }

    #myModalcompara .dolione-value-icon{
        margin-bottom:12px;
    }
}
            .clicktocall[data-status="close"] {
                left: -130px;
            }
            .clicktocall[data-status="close"] .close-ctc {
                opacity: 1;
            }
            .clicktocall .close-ctc {
                position: absolute;
                right: 4px;
                top: 2px;
                font-size: 27px;
                z-index: 99;
                cursor: pointer;
                opacity: 0;
                -webkit-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
                width: 22px;
                height: 30px;
                font-size: 18px;
            }
            .clicktocall[data-status="close"] .subtext {
                display: block;
            }
            .clicktocall .subtext {
                position: absolute;
                right: 7px;
                top: 40px;
                display: none;
                -webkit-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }
            .clicktocall[data-status="close"] p {
                opacity: 0;
            }
            .clicktocall .icon {
                font-size: 1.6em;
                color: #fff;
                margin-bottom: 5px;
                margin-top: 5px;
            }
            .clicktocall .intro {
                font-size: 0.9em;
                font-weight: 600;
                margin-bottom: 10px;
                line-height: 1.1;
                color: #fff;
            }
            .clicktocall .desc {
                font-weight: 300;
                font-size: 0.8em;
                margin-bottom: 10px;
                line-height: 1.1;
                color: #fff;
            }
            .clicktocall .netcall {
                position: absolute;
                top: 0;
                left: 0;
                opacity: 0;
                display: inline-block;
            }
            .clicktocall[data-status="close"] .netcall {
                display: none;
            }
            .clicktocall .subtext span {
                -webkit-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                transform: rotate(-90deg);
                right: -63px;
                position: absolute;
                width: 140px;
                height: 25px;
                top: 50px;
            }
            .clicktocall {
                position: fixed;
                left: 0;
                top: 50%;
                width: 160px;
                background: #7c858e;
                z-index: 999;
                color: #ffffff;
                padding: 10px;
                font-size: 1.3em;
                font-weight: 600;
                height: 190px;
                -webkit-box-shadow: 1px 1px 4px 0px rgba(17, 17, 17, 0.8);
                box-shadow: 1px 1px 4px 0px rgba(17, 17, 17, 0.8);
                overflow: hidden;
                line-height: 1.1;
                border-radius: 0 4px 4px 0;
                -webkit-transition: all 0.7s ease;
                -o-transition: all 0.7s ease;
                transition: all 0.7s ease;
            }

#backtop {
                cursor: pointer;
                z-index: 6;
                position: fixed;
                bottom: 35px;
                margin: auto;
                width: 40px;
                height: 40px;
                text-align: center;
                line-height: 35px;
                font-size: 20px;
                color: #fff;
                background: #7c858e;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                -ms-border-radius: 5px;
                -o-border-radius: 5px;
                border-radius: 5px;
                right: 15px;
            }
            .widget-wsp {
                cursor: pointer;
                z-index: 6;
                position: fixed;
                bottom: 27px;
                margin: auto;
                width: 40px;
                height: 40px;
                text-align: center;
                line-height: 35px;
                font-size: 20px;
                color: #fff;
                /* background: #7C858E; */
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                -ms-border-radius: 5px;
                -o-border-radius: 5px;
                border-radius: 5px;
                right: 85px;
            }
            #qlwapp .qlwapp-toggle,
            #qlwapp .qlwapp-box .qlwapp-header,
            #qlwapp .qlwapp-box .qlwapp-user,
            #qlwapp .qlwapp-box .qlwapp-user:before {
                background-color: #3ec940;
            }
            .qlwapp-container {
                margin-right: 40px !important;
            }

/* =========================
   Normalización tipográfica Footer
   (no requiere cambios en HTML)
   ========================= */
footer, .o_footer, footer .container {
  --ft-h: clamp(18px, 1.6vw, 20px);   /* títulos */
  --ft-b: clamp(14px, 1.1vw, 16px);   /* cuerpo/enlaces/listas */
  --ft-lh: 1.65;                      /* interlineado coherente */
}

/* Títulos de columna */
footer h2, footer h3, footer h4,
.o_footer h2, .o_footer h3, .o_footer h4 {
  font-size: var(--ft-h) !important;
  line-height: 1.3;
  font-weight: 700;
  margin: 0 0 10px;
  letter-spacing: .2px;
}

/* Párrafos, listas y enlaces (mismo tamaño en todas las columnas) */
footer p, footer li, footer a,
.o_footer p, .o_footer li, .o_footer a,
footer .text-muted, .o_footer .text-muted {
  font-size: var(--ft-b) !important;
  line-height: var(--ft-lh);
}

/* Si alguna columna trae .lead (la deja grande); la normalizamos en el footer */
footer .lead, .o_footer .lead {
  font-size: var(--ft-b) !important;
  font-weight: 400 !important;
  line-height: var(--ft-lh) !important;
  margin-bottom: 0.75rem;
}

/* Listas de contacto: alineación uniforme de iconos/links */
footer ul, .o_footer ul { margin: 0; padding-left: 0; list-style: none; }
footer li i, .o_footer li i { width: 1.25em; text-align: center; }
footer li + li { margin-top: 6px; }

/* Enlaces sociales e íconos en la misma línea base */
footer .social a, .o_footer .social a { 
  font-size: var(--ft-b);
  display: inline-flex; align-items: center; gap: .4rem;
}

/* Logos de partners (fila inferior): altura coherente en todas las columnas */
footer .partners img, .o_footer .partners img {
  max-height: 36px; height: 36px; width: auto;
  vertical-align: middle; margin: 8px 12px 0 0;
}

#myModalcompara .modal-dialog{
    width: 92%;
    max-width: 1080px;
    margin: 4% auto;
  }

  #myModalcompara .doli-modal-content{
    border: 0;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 25px 80px rgba(0,0,0,.25);
    background: #fff;
  }

  #myModalcompara .doli-modal-header{
    background: linear-gradient(135deg, #0b5ed7 0%, #2563eb 100%);
    color: #fff;
    padding: 34px 34px 26px;
    position: relative;
  }

  #myModalcompara .doli-modal-badge{
    display: inline-block;
    background: rgba(255,255,255,.16);
    color: #fff;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    margin-bottom: 14px;
  }

  #myModalcompara .doli-modal-title{
    margin: 0 0 10px;
    color: #fff;
    font-size: 34px;
    line-height: 1.15;
    font-weight: 800;
  }

  #myModalcompara .doli-modal-subtitle{
    margin: 0;
    color: rgba(255,255,255,.92);
    font-size: 16px;
    line-height: 1.65;
    max-width: 760px;
  }

  #myModalcompara .doli-modal-close{
    position: absolute;
    right: 18px;
    top: 12px;
    color: #fff;
    opacity: 1;
    text-shadow: none;
    font-size: 34px;
    font-weight: 300;
    z-index: 2;
  }

  #myModalcompara .doli-modal-close:hover{
    opacity: .85;
  }

  #myModalcompara .doli-modal-body{
    padding: 28px;
  }

  #myModalcompara .doli-feature-grid .col-sm-6{
    margin-bottom: 20px;
  }

  #myModalcompara .doli-feature-card{
    height: 100%;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 16px;
    background: #fff;
    padding: 20px;
    box-shadow: 0 10px 26px rgba(0,0,0,.05);
  }

  #myModalcompara .doli-feature-icon{
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(11,94,215,.10);
    color: #0b5ed7;
    font-size: 22px;
    margin-bottom: 14px;
  }

  #myModalcompara .doli-feature-card h3{
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 700;
    color: #111827;
  }

  #myModalcompara .doli-feature-card p{
    margin: 0;
    color: #6b7280;
    line-height: 1.6;
    font-size: 14px;
  }

  #myModalcompara .doli-side-box{
    height: 100%;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 16px;
    background: #f8fbff;
    padding: 22px;
    box-shadow: inset 0 0 0 1px rgba(11,94,215,.03);
  }

  #myModalcompara .doli-side-box h3{
    margin: 0 0 14px;
    font-size: 22px;
    font-weight: 800;
    color: #111827;
  }

  #myModalcompara .doli-check-list{
    list-style: none;
    padding: 0;
    margin: 0;
  }

  #myModalcompara .doli-check-list li{
    position: relative;
    padding-left: 26px;
    margin-bottom: 12px;
    color: #374151;
    line-height: 1.55;
    font-size: 14px;
  }

  #myModalcompara .doli-check-list li i{
    position: absolute;
    left: 0;
    top: 3px;
    color: #0b5ed7;
  }

  #myModalcompara .doli-side-note{
    margin-top: 16px;
    padding: 14px 16px;
    border-left: 4px solid #0b5ed7;
    background: #eff6ff;
    color: #1e3a8a;
    border-radius: 10px;
    line-height: 1.6;
    font-size: 14px;
  }

  #myModalcompara .doli-modal-actions{
    margin-top: 18px;
  }

  #myModalcompara .btn-block{
    display: block;
    width: 100%;
  }

  @media (max-width: 991px){
    #myModalcompara .modal-dialog{
      width: 96%;
      margin: 20px auto;
    }

    #myModalcompara .doli-modal-title{
      font-size: 28px;
    }
  }

  @media (max-width: 767px){
    #myModalcompara .doli-modal-header{
      padding: 26px 20px 20px;
    }

    #myModalcompara .doli-modal-body{
      padding: 20px;
    }

    #myModalcompara .doli-modal-title{
      font-size: 24px;
    }

    #myModalcompara .doli-modal-subtitle{
      font-size: 15px;
    }

    #myModalcompara .doli-side-box{
      margin-top: 8px;
    }
  }
  #myModalcompara .doli-modal-close{
  position:absolute;
  top:14px;
  right:16px;
  width:40px;
  height:40px;
  border-radius:50%;
  border:none;
  background:rgba(255,255,255,.18);
  color:#fff;
  font-size:28px;
  line-height:40px;
  text-align:center;
  cursor:pointer;
  transition:all .2s ease;
}

#myModalcompara .doli-modal-close:hover{
  background:rgba(255,255,255,.35);
}

/* =========================================================
   Modal DoliAgent sobre estructura existente "Conócenos"
   ========================================================= */
#myModalcompara .doliagent-modal-header{
  background:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.20), transparent 28%),
    linear-gradient(135deg, #5B4FE8 0%, #03A9F4 58%, #00C896 100%) !important;
}

#myModalcompara .doliagent-icon{
  background: rgba(91,79,232,.10) !important;
  color: #5B4FE8 !important;
}

#myModalcompara .doliagent-side-box{
  background: linear-gradient(180deg, #f8fbff 0%, #f3f7ff 100%) !important;
}

#myModalcompara .doliagent-side-note{
  border-left-color: #5B4FE8 !important;
  background: rgba(91,79,232,.08) !important;
  color: #312e81 !important;
}

#myModalcompara .doliagent-modal-flow{
  margin-top: 4px;
  padding: 14px 16px;
  border-radius: 14px;
  background: #f8fafc;
  border: 1px solid rgba(15,23,42,.08);
  color: #374151;
  line-height: 1.55;
  font-size: 14px;
}

#myModalcompara .doliagent-modal-flow strong{
  color: #5B4FE8;
}

.clicktocall{
  background: linear-gradient(135deg, #5B4FE8, #03A9F4) !important;
}

@media (max-width: 767px){
  #myModalcompara .doliagent-modal-flow{
    margin-bottom: 14px;
  }
}

.da-webchat-btn {
    position: fixed;
    right: 124px !important;
}

/* Resaltado azul de titulares: en celular puede partir línea (evita desborde horizontal) */
@media (max-width:575.98px){ .x_wd_blue_highlight_bold_03{white-space:normal} }