.btn-service1 {
    background:#383d43 !important;
}
.btn-service1:hover {
    background:#ff7d44 !important;
}
@media (min-width: 768px) {
  .elementor-11 .elementor-element.elementor-element-e0cb36a {
    --width: calc(50% - 20px) !important;
  }
  .elementor-11 .elementor-element.elementor-element-89d9120 {
    --width: calc(50% - 20px);
  }
  .elementor-11 .elementor-element.elementor-element-cc99af5 {
    --width: calc(50% - 20px);
  }
    .elementor-11 .elementor-element.elementor-element-cc99af5 {
    --width: calc(50% - 20px);
  }
}
.elementor-11 .elementor-element.elementor-element-5d5a5a0 .elementskit-infobox .elementskit-info-box-icon {
  font-size: 30px;
  transform: rotate(0deg);
  width: 55px !important;
  line-height: 0px;
}
.our-service-content .box-body {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: calc(100% - 90px) !important;
}

.our-service-content .box-body .box-footer {
  border-radius:50% !important;
  background: #457020 !important;
}

.linea-degradada{
    width: 320px;
    height: 4px;
    border-radius: 10px;
    margin-top: 15px;
    background: linear-gradient(
        90deg,
        #457020,
        #457020,
        #ffae00,
        #5b3a00,
        transparent
    );
}

.linea-degradada-2{
    width: 100%;
    height: 2px;
    border-radius: 10px;
    background: linear-gradient(
        to right,
        transparent,
        #ff8a50,
        transparent
    );
    box-shadow: 0 0 4px rgba(255,138,80,0.5);
}



.elementor-11 .elementor-element.elementor-element-b7a83ca .elementskit-infobox .elementskit-info-box-icon {
  width: 55px !important;
}
.elementor-11 .elementor-element.elementor-element-57de37a .elementskit-infobox .elementskit-info-box-icon {
  width: 55px !important;
}
.elementor-11 .elementor-element.elementor-element-57de37a .elementskit-infobox .elementskit-info-box-icon {
  width: 55px !important;
}
.elementor-3348 .elementor-element.elementor-element-118e49e .elementskit-navbar-nav > li > a {
  color: #000000 !important;
}
.elementor-widget-icon-box .elementor-icon-box-title {
  color: #000000 !important;
}
.elementor-3348 .elementor-element.elementor-element-118e49e .elementskit-navbar-nav > li > a {
  font-size: 18px !important;
}

.elementor-11 .elementor-element.elementor-element-46586d7:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-46586d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-image: url("../img/imgp-slider-01.png");
}
.elementor-11 .elementor-element.elementor-element-d24a9db:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-d24a9db > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-image: url("../img/img-fondo-001.png");
}

.elementor-11 .elementor-element.elementor-element-d24a9db::before, .elementor-11 .elementor-element.elementor-element-d24a9db > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-d24a9db > .e-con-inner > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-d24a9db > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-d24a9db > .e-con-inner > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-d24a9db > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {
  background-color: #fff !important;
  --background-overlay: '';
}

.modal {
    position: fixed;
    inset: 0;
    z-index: 9999;

    display: flex;
    align-items: center;
    justify-content: center;

    pointer-events: none;
}

.modal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.6);
    backdrop-filter: blur(4px);

    opacity: 0;
    transition: 0.3s;
}

.modal-contenido {
    position: relative;
    z-index: 2;

    background: #fff;
    width: 90%;
    max-width: 70%;
    padding: 25px;
    border-radius: 16px;

    box-shadow: 0 20px 40px rgba(0,0,0,0.2);

    transform: translateY(30px) scale(0.95);
    opacity: 0;
    transition: 0.3s;
}

/* Estado activo */
.modal.active {
    pointer-events: auto;
}

.modal.active .modal-overlay {
    opacity: 1;
}

.modal.active .modal-contenido {
    transform: translateY(0) scale(1);
    opacity: 1;
}

.cerrar {
    position: absolute;
    top: 10px;
    right: 15px;
    border: none;
    background: none;
    font-size: 22px;
    cursor: pointer;
}

.btn {
    margin-top: 15px;
    padding: 10px 15px;
    border: none;
    background: #4f46e5;
    color: white;
    border-radius: 8px;
    cursor: pointer;
}

body.modal-open {
    overflow: hidden;
}

.elementor-invisible {
  visibility: initial !important;
}

.whats-btn {
  font-size: 13px;
  font-weight: 500;
  position: fixed;
  bottom: 50px;
  left: 20px;
  background: #05cd51;
  color: #fff;
  padding: 10px 15px;
  text-align: center;
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  opacity: 1;
  z-index: 9900;
}






.np-accordion-section{
    padding:0px 0px;
    background:#fff;
}

.np-header{
    max-width:1000px;
    margin:auto;
    text-align:center;
}

.np-badge{
    background:#0b2545;
    color:#fff;
    padding:8px 18px;
    border-radius:30px;
    font-size:12px;
    font-weight:600;
    letter-spacing:2px;
}

.np-header h2{
    margin-top:25px;
    color:#0b2545;
    font-size:32px;
    font-weight:700;
    line-height:1.3;
}

.np-header p{
    margin-top:20px;
    color:#5b6770;
    line-height:1.8;
}

.np-accordion{
    max-width:1200px;
    margin:auto;
}

.np-item{
    background:#fff;
    margin-bottom:18px;
    border-radius:15px;
    overflow:hidden;
    border-left:5px solid #dadada;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.np-btn{
    width:100%;
    border:none;
    background:#fff;
    cursor:pointer;
    display:flex;
    align-items:center;
    padding:25px;
    text-align:left;
}

.np-btn:hover span{
    color:#fff;
}
.np-btn:focus span{
    color:#fff;
}

.np-icon{
    width:40px;
    height:40px;
    min-width:40px;
    border-radius:50%;
    background:linear-gradient(135deg,#777,#616161);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    margin-right:20px;
}

.np-title{
    flex:1;
    color:#0b2545;
    font-size:18px;
    font-weight:700;
}

.np-title small{
    display:block;
    margin-top:6px;
    color:#6c757d;
    font-size:14px;
    font-weight:400;
}

.np-arrow{
    font-size:30px;
    color:#fff;
    transition:.3s;
}

.np-item.active{
    border-left:5px solid #c38b2f;
}

.np-item.active .np-arrow{
    transform:rotate(45deg);
}

.np-content{
    max-height:0;
    overflow:hidden;
    transition:max-height .4s ease;
}

.np-item.active .np-content{
    max-height:1000px;
}

.np-content-inner{
    padding:5px 20px 10px 50px;
}

.np-content p{
    color:#4d5965;
    line-height:1.9;
}

.np-content h4{
    margin-top:20px;
    color:#0b2545;
}

.np-content ul{
    padding-left:20px;
}

.np-content li{
    margin-bottom:10px;
    color:#4d5965;
}

.np-content li::marker{
    color:#000;
}

@media(max-width:768px){

    .np-header h2{
        font-size:30px;
    }

    .np-btn{
        padding:18px;
    }

    .np-icon{
        width:50px;
        height:50px;
        min-width:50px;
        font-size:18px;
    }

    .np-title{
        font-size:18px;
    }

    .np-content-inner{
        padding:0 20px 25px 20px;
    }
}

