@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Outfit:wght@700;800&display=swap');
@font-face {
    font-family: 'Alte Haas Grotesk';
    src: url('font/AlteHaasGrotesk_Bold.eot');
    src: url('font/AlteHaasGrotesk_Bold.eot?#iefix') format('embedded-opentype'),
    url('font/AlteHaasGrotesk_Bold.woff2') format('woff2'),
    url('font/AlteHaasGrotesk_Bold.woff') format('woff'),
    url('font/AlteHaasGrotesk_Bold.ttf') format('truetype'),
    url('font/AlteHaasGrotesk_Bold.svg#AlteHaasGrotesk_Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Alte Haas Grotesk';
    src: url('font/AlteHaasGrotesk.eot');
    src: url('font/AlteHaasGrotesk.eot?#iefix') format('embedded-opentype'),
    url('font/AlteHaasGrotesk.woff2') format('woff2'),
    url('font/AlteHaasGrotesk.woff') format('woff'),
    url('font/AlteHaasGrotesk.ttf') format('truetype'),
    url('font/AlteHaasGrotesk.svg#AlteHaasGrotesk') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
h1,h2,h3,h4,h5,h6{
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    font-style: normal;
}
h1{
    font-size: 64px;
    line-height: 64px;
}
h2{
    font-size: 47px;
    line-height: 50px;
}
h3{
    font-size: 35px;
    line-height: 40px;
}
h4{
    font-size: 30px;
    line-height: 35px;
}
h5{
    font-size: 25px;
    line-height: 30px;
}

/******** InicioBarra de navegacion *******/
.globalheader{
    padding: 24px 0;
    position: relative;
    z-index: 100;
}
.globalheader .row{
    align-items: center;
}
a.logo {
    display: block;
    line-height: 0;
}

/* Links de navegación */
.navcenter{
    justify-content: center;
}
.navcenter ul li{
    margin-right: 40px;
}
.navcenter ul li:last-child{
    margin-right: 0;
}
.navcenter ul li a{
    font-family: "Poppins", sans-serif;
    color: #000;
    font-size: 22px;
    line-height: 28px;
    font-weight: 400;
    font-style: normal;
}
.navcenter ul li:hover a{
    color: #FF3838;
}

.carousel-control-next, .carousel-control-prev {
    opacity: 1;
}

/* Botón "Cotiza ahora" */
.socialshare ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.socialshare ul li {
    margin-right: 18px;
}
.socialshare ul li:last-child {
    margin-right: 0;
}
.socialshare ul li a.cahora {
    display: inline-block;
    padding: 11px 32px;
    background: #FF3838;
    border-radius: 68px;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 14px rgba(255, 56, 56, 0.35);
}
/* Shimmer al hover */
.socialshare ul li a.cahora::before {
    content: '';
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255,255,255,0.3), transparent);
    transform: skewX(-20deg);
    transition: left 0.45s ease;
}
.socialshare ul li a.cahora:hover::before {
    left: 130%;
}
.socialshare ul li a.cahora:hover {
    background: #000;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    transform: translateY(-2px);
    color: #fff;
}
.socialshare ul li a.cahora:active {
    transform: translateY(0px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

/* Icono de teléfono */
.socialshare ul li a:not(.cahora) img {
    transition: transform 0.25s ease, filter 0.25s ease;
}
.socialshare ul li a:not(.cahora):hover img {
    transform: scale(1.15) rotate(-8deg);
    filter: brightness(0) saturate(100%) invert(30%) sepia(90%) saturate(600%) hue-rotate(320deg);
}
.socialico a:hover img {
    filter: brightness(0) invert(60%);
}
/******** Fin Barra de navegacion *******/

/******** Inicio Herobanner *******/
#heropre p{
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 42px;
    color: #000000;
}
.hblurb{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px 24px;
    gap: 32px;
    background: #030410;
    box-shadow: 0px 4px 20.4px rgba(56, 182, 255, 0.13);
    border-radius: 25px;
}
.hblurbcontent h4{
    font-family: "Outfit", sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 32px;
    line-height: 130%;
    text-align: center;
    color: #F9F9F9;
}
.hblurbcontent p{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #F9F9F9;
}
#homes1 {
    margin-top: 0px;
    padding-bottom: 400px;
    position: relative;
    z-index: 1;
    background-image: url(../images/bigboxbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-position: center top 55px;
    max-width: 1700px;
    margin: 0 auto;
}

#homes1 .container {
    position: relative;
    z-index: 1;
}

.blackboxblurb {
    display: flex;
    column-gap: 60px;
}
.hblurb {
    flex: 1;
}

.fullbgsobre .container{
    display: flex;
    justify-content: flex-end;
}
.fullbgsobre{
     padding: 10px 0;
     position: relative;
     margin-top: 241px;
     z-index: -1;
    margin-bottom: 20px;
}

.rightcolcontent{
    width: 60%;
    margin: 200px 0 0 0;

}
.rightcolcontent h2{
    font-family: 'Poppins',sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 70px;
    line-height: 105px;
    color: #F9F9F9;
}
.rightcolcontent p{
    font-family: 'Poppins',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 38px;
    color: #F9F9F9;
}

.herotitle{
    font-family: "Outfit", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 61px;
    line-height: 77px;
    color: #000000;
}
.herotitle span{
    display: block;
    color: #E90505;
}

.hero-img-container {
    max-width: 100%;
    overflow: hidden; 
}

.hero-img {
    width: 100%; 
    height: auto; 
}

#herobanner{
 padding: 0px 0 100px; position: relative; z-index: -1;
}

#herobanner::before{
    position: absolute; left: 0; content: '';
    top: 0;
    width: 36%; height: 125vh;
    background-image: url(../images/light-effect-5.png);
    background-repeat: no-repeat;
    margin-bottom: 900px;
    background-size: 100%;
    background-position: center;
    background-position: center top 35px;
    z-index: -1;
    margin: 0 auto;
    max-width: 1700px;
}
/******* Fin Herobanner **********/


/********* Inicio de pie de Pagina ********/
.footebg{
    background-color: #500101;
    padding: 50px 0;
}
p.fttile{
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    line-height: 26px;
    font-weight: 600;
    color: rgb(255 255 255 / 70%);
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 4px !important;
}
.footebg p{
    margin-bottom: 4px;
}
.footebg p a{
    font-size: 15px;
    line-height: 26px;
    font-weight: 400;
    color: rgb(255 255 255 / 75%);
    letter-spacing: -0.24px;
    text-decoration: none;
}
.footebg p a:hover{
    color: #fff;
}
.fontstyle p{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: rgba(255,255,255,0.65);
}
.fontstyle h6 {
    font-family: "Poppins", sans-serif;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.21px;
    margin-bottom: 10px;
}

/* Grid del footer — un solo HTML, responsive con CSS Grid */
.footergrid {
    display: grid;
    grid-template-columns: 2fr 1.2fr 1.5fr 1fr;
    gap: 30px;
    width: 90%;
    margin: 0 auto;
    align-items: start;
}
.foot-brand,
.foot-contact,
.foot-email,
.foot-social {
    display: flex;
    flex-direction: column;
}
.foot-contact,
.foot-email,
.foot-social {
    text-align: center;
}
.foot-email .fomail a {
    word-break: break-all;
    font-size: 13px;
}
.socialico {
    display: flex;
    justify-content: center;
    margin-top: 8px;
    gap: 16px;
}
.socialico a{
    display: block;
    line-height: 0;
}

/* Tablet: 2 columnas */
@media only screen and (max-width: 900px) {
    .footergrid {
        grid-template-columns: 1fr 1fr;
        gap: 28px 20px;
        width: 92%;
    }
    .foot-contact,
    .foot-email,
    .foot-social {
        text-align: center;
    }
}

/* Móvil: 1 columna centrada */
@media only screen and (max-width: 600px) {
    .footergrid {
        grid-template-columns: 1fr;
        gap: 24px;
        width: 88%;
        text-align: center;
    }
    .foot-brand {
        text-align: center;
    }
    .footebg {
        padding: 36px 0;
    }
}
/********* Fin de pie de Pagina ********/

.defaultflex{
    display: flex;
    align-items: center;
}

/******** Inicio Banners ********/
.blogbannerbg{
    background-image: url(../images/blog1bannerbg.jpg);
   background-repeat: no-repeat;
   background-position: center top;
   background-size: 100%;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   padding: 0px;
   gap: 10px;
   isolation: isolate;
   padding: 204px 0;
}
.blogbannerbg.blbbg{
    background-image: url(../images/blog2bannerbg.jpg);
    background-repeat: no-repeat;
}
.blogbannerbg h2{
    font-family: 'Alte Haas Grotesk';
    font-style: normal;
    font-weight: 700;
    font-size: 61px;
    line-height: 58px;
    text-align: center;
    letter-spacing: -0.144846px;
    color: #FFFFFF;
}
.blogbluebox {
    width: 100%;
    background: #FF0000;
    box-shadow: 0px 4.23586px 4.23586px rgba(0, 0, 0, 0.25);
    padding: 31px 40px;
    margin-bottom: 50px;
}
.blogbluebox h4 {
    font-style: normal;
    font-weight: 700;
    font-size: 33.441px;
    line-height: 25px;
    letter-spacing: -0.096876px;
    color: #FFFFFF;
    margin-bottom: 25px;
    text-align: center;
}
.blogbluebox ol li{
    font-family: 'Alte Haas Grotesk';
    font-style: normal;
    font-weight: 700;
    font-size: 21.1793px;
    line-height: 25px;
    letter-spacing: -0.096876px;
    color: #FFFFFF;
    margin-bottom: 15px;
}
/******** Inicio Anuncios ********/
.blogimgbox {
    background-image: url(../images/blogslide.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    width: 380px;
    height: 260px;
    margin: 0 auto 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
}
.text-content {
    margin-bottom: 30px;
    text-align: center;
}
.image-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 150px;
}

.image-content img {
    margin-bottom: 10px;
}

.blogimgbox.bib{
    background-image: url(../images/blogslide1.jpg);
    background-repeat: no-repeat;
}
.blogimgbox h3{
    font-family: 'Alte Haas Grotesk';
    font-style: normal;
    font-weight: 700;
    font-size: 27.5072px;
    line-height: 40px;
    letter-spacing: -0.0996078px;
    color: #F9F9F9;
    text-align: center;
    margin-bottom: 40px;
}
.blogimgbox p a{
    font-family: 'Alte Haas Grotesk';
    font-style: normal;
    font-weight: 700;
    font-size: 20.6304px;
    line-height: 22px;
    letter-spacing: -0.0573396px;
    text-decoration-line: underline;
    color: #F9F9F9;
    display: block;
}
/* Fin Anuncios */

.contentblog h3{
    font-family: 'Alte Haas Grotesk';
    font-style: normal;
    font-weight: 700;
    font-size: 31px;
    line-height: 38px;
    letter-spacing: -0.0972902px;
    color: #000000;
    margin-bottom: 25px;
}
.contentblog h4{
    font-family: 'Alte Haas Grotesk';
    font-style: normal;
    font-weight: 700;
    font-size: 21px;
    line-height: 30px;
    letter-spacing: -0.0972902px;
    color: #000000;
}
.contentblog p{
    font-family: 'Alte Haas Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -0.0972902px;
    color: #000000;
    margin-bottom: 40px;
}
.borderleft {
    border-left: 1px solid #000;
}
.blogcontent1 {
    margin-top: 90px;
    margin-bottom: 70px;
}
.blogcontent1 .col-lg-8{
    padding-right: 40px;
    padding-left: 0;
}
.headcenter{
    padding: 20px 0;
    z-index: 2;
    position: relative;
}
.headcenter h2{
    font-family: 'Poppins',sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 62px;
    line-height: 70px;
    text-align: center;
    color: #000000;
}
.headcenter p{
    font-family: 'Poppins',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 70px;
    text-align: center;
    color: #000000;
}
.homes2{
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    background-color: #FFF;
    Z-INDEX: 1;
    POSITION: RELATIVE;
}
#blogs{
    box-shadow: 0px 4px 4px 15px rgba(0, 0, 0, 0.25);
    margin-bottom: 80px;
}
.homes3{
    background-image: url(../images/sliderbgprt.png);
    background-repeat: no-repeat;
    background-position: center 81%;
    background-size: auto;
    padding: 90px 0;
   
}
#blogs{
    padding: 90px 0;
}
.blogcontent{
    background-image: url(../images/cerocelbg1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 95%;
    padding: 25px 50px 30px;
    height: 338px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.blogcontent.blubg{
    background-image: url(../images/cerocelbg2.png);
}
.blogcontent p{
    font-family: 'Alte Haas Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 38px;
    text-align: center;
    color: #FFFFFF;
}
.blogcontent01 {
    position: absolute;
    left: 0;
    right: 0;
    top: 18%;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 70%;
}
.blogcontent01 h3{
    font-family: 'Alte Haas Grotesk';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 45px;
    letter-spacing: -0.144846px;
    color: #F9F9F9;
    margin-bottom: 40px;
}
.blogcontent01 p a{
    font-family: 'Alte Haas Grotesk';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 26px;
    letter-spacing: -0.0833812px;
    text-decoration-line: underline;
    color: #F9F9F9;
}
.blogcontent01 p a:hover{
    color: #ccc;
}
.serviciosslider .owl-theme .owl-dots .owl-dot span{
    width: 40px;
    height: 40px;
    background: linear-gradient(92.51deg, #515ED2 0.48%, #030410 100%);
    display: block;
}
.serviciosslider .owl-theme .owl-dots .owl-dot.active span{
    width: 40px;
    height: 40px;
    background: linear-gradient(92.51deg, #FF3838 0.48%, #030410 100%);
    display: block;
}
.serviciosslider .owl-theme .owl-dots .owl-dot span:hover{
    background: linear-gradient(92.51deg, #FF3838 0.48%, #030410 100%);
}
.serviciosslider .owl-nav{
    display: none;
}
.serviciosslider .owl-dots{
    margin-top: 40px;
    margin-bottom: 40px;
}
.bugblurb{
    display: flex;
    align-items: center;
}
.bugimg{
    width: 66px;
    text-align: left;
    margin-right: 15px;
}
.bugcontent{
    flex: 1;
}
.bugcontent h5{
    font-family: 'Poppins',sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 32px;
    color: #F9F9F9;
    margin: 0;
    padding: 0;
}
#carouserl2 .owl-dots{
    display: none;
}
#carouserl2 .owl-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 15%;
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto;
}
#blogs{
    position: relative;
}
#carouserl2{
    position: static;
}
#carouserl2 i.fa-solid{
  font-size: 50px;
}
#blogs .owl-theme .owl-nav [class*=owl-] {
    background-color: transparent;
    color: #000;
    margin-top: 0px;   
}
.blogtilte {
    color: #000;
    font-size: 55px;
    line-height: 61px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 25px;
    text-shadow: 0px 3.53px 3.53px rgb(0 0 0 / 25%);
}
#herobanner .heropre p{
    font-family: 'Poppins',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 42px;
    color: #000000;
}
p.heropre {
    font-family: 'Poppins',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 42px;
    color: #000000;
}
.modal-header{
    flex-direction: column;
}
.modal-body{
    padding-bottom: 30px;
}
#popupModal1 .modal-dialog{
    width: 12%;
    max-width: 100%;
    margin-top: 10%;
}
#popupModal1 .modal-dialog h5{
    font-family: 'Poppins',sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    text-align: center;
    color: #000000;
}
#popupModal1 .modal-dialog p a{
    font-family: 'Poppins',sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    text-align: center;
    color: #FF0000;
}
h5#popupModalLabel{
    font-family: 'Alte Haas Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
    margin-top: 30px;
    text-align: center;
}
#contact_form{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
#contact_form input,
#contact_form textarea{
    font-family: 'Alte Haas Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #6A6A6A;
    box-sizing: border-box;
    padding: 10px 40px;
    background: #FFFFFF;
    border: 1px solid #000000;
    border-radius: 0;
}
#contact_form textarea::placeholder,
#contact_form::placeholder{
    font-family: 'Alte Haas Grotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #6A6A6A;
}
#contact_form button[type=submit]{
    width: 100%;
    padding: 10px 0px;
    background: #F5430B;
    border: 1px solid #000000;
}
.ctaparagph{
    margin-bottom: 20px;
}
.ctaparagph label{
    display: none;
}
#popupModal .modal-header .btn-close{
    font-size: 30px;
    color: #000;
    opacity: 1;
}

#popupModal1 .modal-content{
    background: #FFFFFF;
    border-radius: 30px;
}
#popupModal1 .modal-body{
    text-align: center;
}
/* Boton flotante *****************/
@keyframes whatsapp-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.55); }
    70%  { box-shadow: 0 0 0 18px rgba(37, 211, 102, 0); }
    100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}
@keyframes whatsapp-float {
    0%, 100% { transform: translateY(0px); }
    50%       { transform: translateY(-6px); }
}

.whatsapp_float {
    position: fixed;
    width: 70px;
    height: 70px;
    bottom: 35px;
    right: 35px;
    z-index: 100;
    animation: whatsapp-float 3s ease-in-out infinite;
    transition: transform 0.2s ease;
}
.whatsapp_float img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
    animation: whatsapp-pulse 2.2s ease-out infinite;
}
.whatsapp_float:hover {
    animation: none;
    transform: scale(1.12);
}
.whatsapp_float:hover img {
    animation: none;
    box-shadow: 0 6px 24px rgba(37, 211, 102, 0.5);
}

/*************** Media Query Code Startg ******************/
/* Pantallas grandes de escritorio */
@media only screen and (min-width: 1200px) {
    /* Inicio barra navegacion */
    .globalheader {
        padding: 20px 0; 
    }
    .navcenter ul li {
        margin-right: 15px; 
    }
    /* Fin barra navegacion ****************/

    /* Inicio Sobre nosotros */
    #homes1{
        padding-bottom: 550px;
    }
    /* Fin Sobre nosotros ****************/
    .mobileboxslide{
        display: none;
    }
}

/* Pantallas de escritorio medianas */
@media only screen and (max-width: 1200px) {
    .image-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 100px;
        margin-left: 50px;
    }
    .image-content img {
        margin-bottom: 10px;
    }
    .blogimgbox .img {
        max-width: calc(100% - 30px);
        overflow: hidden;
    }
    .item1{
        display: none;
    }
    .owl-dots{
        display: none;
    }
    #herobanner::before {
        background-image: url(../images/light-effect-5.png);
    }
    .rightcolcontent {
        width: 60%;
        margin: 0px 0px 400px 0px; /* Ajusta este valor para mover el contenido hacia arriba o hacia abajo */
    } 
    
    .globalheader .container{
        max-width: 100%;
    }
    .navcenter ul li {
        margin-right: 10px;
    }
    .socialshare ul li a.cahora{
        display: block;
        font-size: 18px;
        padding: 14px 20px 17px;
    }
    .blogcontent{
        justify-content: center;
    }
    .blogcontent p{
        font-size: 22px;
    line-height: 1.3em;
    }
    .bugcontent h5{
        font-size: 22px;
    }
    #homes1::before{
        top: 55px;
    }
    .rightcolcontent
    {
        margin-top: 120px;
    } 
    .blogcontent1 {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .blogbannerbg{
        background-size: cover;
    }
    .blogcontent{
        background-size: contain;
        margin-right: auto;
        margin-left: auto;
        padding: 40px 50px 49px;
        max-width: 640px;
    }
    .blogcontent p{
        font-size: 20px;
        line-height: 34px;
    }
    .blogcontent01 h3{
        font-size: 28px;
        line-height: 40px;
    }
    .blogcontent01 p a{
        font-size: 24px;
        line-height: 26px;
    }
    #carouserl2 .owl-nav{
        position: static;
        justify-content: center;
    }
    #carouserl2.owl-carousel .owl-nav button.owl-next{
        margin-left: 45px;
       margin-top: 25px;
    }
    #carouserl2.owl-carousel .owl-nav button.owl-prev{
        margin-right: 45px;
        margin-top: 25px;
    }
    .rightcolcontent {
        margin-top: 0;
    }
    #homes1{
        padding-bottom: 0px;
    }
    .headcenter p{
        font-size: 25px;
        line-height: 1.5;
        
    }
}

/* Tablets y laptops en posición horizontal */
@media only screen and (max-width: 992px) {
    .mobileboxslide{
        position: center;
        margin-top: 0;
    }
   
    /* iconos */
    .bugimg{
        width: 50px;
    }
    .bugimg img{
        width: 100%;
    }
    .bugcontent h5{
        font-size: 22.3903px;
        line-height: 29px;
    }
     /* fin iconos */

     .blogcontent p {
        font-size: 18px;
        line-height: 27px;
    }
    .blogcontent{
        height: 100%;
    }
    .blogcontent01 h3 {
        font-size: 20px;
        line-height: 31px;
        margin-bottom: 10px;
    }
    .blogcontent01 p a {
        font-size: 18px;
        line-height: 22px;
    }
    .blogcontent1 .col-lg-8{
        padding-right: 0;
    }
    .blogcontent{
        width: 66%;
        margin: 0 auto;
    }
    .blogbannerbg h2{
        font-size: 47px;
        line-height: 70px;
    }
    .blogimgbox{
        width: 100%;
        padding: 0 20px;
    }
    .blackboxblurb{
        column-gap: 20px;
    }
    .herotitle{
        font-size: 50px;
        line-height: 60px;
        margin-top: 20px;
        margin-bottom: 0;
    }
    p.heropre{
        font-size: 18px;
        line-height: 24px;
        color: #000000;
        margin-bottom: 0;
    }
    p.heropre br{
        display: none;
    }
    .heropre{
        font-size: 26.89px;
        line-height: 40px;
        color: #000000;
    }
    #homes1:before{
        top: 146px;
    }
    #homes1:after {
        width: 100%;
        height: 175px;
    
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        bottom: 0px;
    }

    #homes1{
        background-image: none;
    }
    .fullbgsobre {
        background-image: url(../images/box-bg.png);
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        margin: 20px 0;
        padding: 140px;
    }
    .rightcolcontent {
        max-width: 800px; 
        margin: 0 auto;
        
    }

    .homes3{
        padding: 40px 0; 
    }
    .image-content {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin-top: 0px;
        margin-right: 80px;  
    } 
    .image-content img {
        margin-left: 25px;
    }
    .rightcolcontent h2{
        font-size: 60px;
        line-height: 90px;
        padding-top: 150px;

    }
    .rightcolcontent p{
        font-size: 20px;
        line-height: 31px;
        margin-top: 10px; 
    }
    .d-desktop,#carouserl1{
        display: none;
    }
    .carousel-control-next, .carousel-control-prev{
        width: 4%;
    }
    .justdesktop{
        display: none;
    }

    .borderleft {
        margin-top: 100px;
        border-left: 0px solid #000;
        border-top: 1px solid #000;;
    }
    .blogimgbox{
        width: 400px;
        margin-top: 50px;
        margin-bottom: 40px;
    }
    .blackboxblurb{
        flex-direction: column;
        column-gap: 0px;
        row-gap: 20px;
    }
    .hblurb{
        width: 60%;
        margin: 0 auto;
    }
    .rightcolcontent{
        width: 100%;
    }
    
    #herobanner .col-lg-5 p{
        text-align: right;
    }
    #herobanner img {
        width: 10%;
    }
    #herobanner::before{
        width: 60%;
        height: 75vh;
    }
    .justmobile,.mobilrow{
        display: none;
    }
    #servs2 .container,#servs3 .cptwidht{
        width: 50%;
    }
    .blockcaption2 h4{
        width: 50%;
        margin: 0 auto 40px;
    }
    .d-mobile{
        display: none;
    }
    
}

/* ===== Navbar móvil (< 992px) ===== */
@media only screen and (max-width: 992px) {

    /* Header: contexto de posicionamiento para el dropdown */
    .globalheader {
        padding: 0 !important;
        position: relative;
        z-index: 1000;
    }
    .globalheader .container {
        max-width: 100%;
        padding: 0 16px;
        position: relative;
    }

    /* Row: logo centrado, cotiza a izquierda, hamburguesa a derecha */
    .mobileorder {
        display: flex !important;
        flex-wrap: nowrap;
        align-items: center;
        padding: 12px 0;
        position: relative;
    }
    .mobileorder .morder1 { order: 2; flex: 1; text-align: center; width: auto; }
    .mobileorder .morder2 { order: 1; flex: 0 0 auto; width: auto; }
    .mobileorder .morder3 { order: 3; flex: 0 0 auto; width: auto; }

    /* Logo */
    .mobileorder .morder1 a.logo img {
        height: 42px;
        width: auto;
    }

    /* Botón "Cotiza ahora" */
    .socialshare ul {
        justify-content: flex-start;
    }
    .socialshare ul li:last-child { display: none; }
    .socialshare ul li { margin-right: 0; }
    .socialshare ul li a.cahora {
        font-size: 13px;
        padding: 9px 16px 10px;
        white-space: nowrap;
        line-height: 1.2;
    }

    /* Hamburguesa */
    .mobileorder .morder3 .container-fluid {
        padding: 0;
        justify-content: flex-end;
    }
    nav.navbar.navbar-expand-lg { position: static; padding: 0; }

    .navbar-toggler {
        border: none;
        padding: 8px;
        border-radius: 8px;
        background: transparent;
        transition: background 0.2s ease;
    }
    .navbar-toggler:hover  { background: rgba(255,56,56,0.08); }
    .navbar-toggler:focus  { box-shadow: none; outline: none; }

    .navbar-toggler i.fa-solid {
        font-size: 22px;
        color: #222;
        display: block;
        transition: color 0.2s ease, transform 0.3s ease;
    }
    /* ícono bars/xmark swap */
    .navbar-toggler[aria-expanded="false"] .mobile { display: none; }
    .navbar-toggler[aria-expanded="true"]  .desktop { display: none; }
    .navbar-toggler[aria-expanded="true"]  .mobile  { display: block; transform: rotate(90deg); color: #FF3838; }

    /* Menú desplegable */
    #navbarSupportedContent {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        width: 100%;
        background: #fff;
        border-top: 3px solid #FF3838;
        box-shadow: 0 16px 40px rgba(0,0,0,0.13);
        border-radius: 0 0 18px 18px;
        padding: 6px 0 12px;
        z-index: 9999;
        /* Slide down */
        overflow: hidden;
    }
    #navbarSupportedContent.show {
        animation: mobileMenuIn 0.25s cubic-bezier(0.4,0,0.2,1) both;
    }
    @keyframes mobileMenuIn {
        from { opacity: 0; transform: translateY(-10px); }
        to   { opacity: 1; transform: translateY(0); }
    }

    /* Links */
    #navbarSupportedContent .navbar-nav { padding: 0 8px; }
    #navbarSupportedContent .nav-item {
        border-bottom: 1px solid rgba(0,0,0,0.055);
    }
    #navbarSupportedContent .nav-item:last-child { border-bottom: none; }

    #navbarSupportedContent .nav-link {
        font-family: "Poppins", sans-serif;
        font-size: 16px;
        font-weight: 500;
        color: #1a1a1a;
        padding: 13px 12px;
        display: flex;
        align-items: center;
        gap: 10px;
        transition: color 0.2s ease, background 0.2s ease, padding-left 0.22s ease;
        border-radius: 10px;
    }
    #navbarSupportedContent .nav-link::after { display: none; } /* quitar underline de desktop */
    #navbarSupportedContent .nav-link::before {
        content: '';
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #FF3838;
        flex-shrink: 0;
        opacity: 0;
        transition: opacity 0.2s ease;
    }
    #navbarSupportedContent .nav-link:hover,
    #navbarSupportedContent .nav-link.active {
        color: #FF3838;
        background: rgba(255,56,56,0.045);
        padding-left: 20px;
    }
    #navbarSupportedContent .nav-link:hover::before,
    #navbarSupportedContent .nav-link.active::before {
        opacity: 1;
    }
}


/* Dispositivos móviles en posición vertical */
@media only screen and (max-width: 767px) {
    .blogbannerbg{
        background-image: url(../images/blog1bgmo.jpg);
        padding: 75px 0;
    }
    .blogbannerbg.blbbg {
        padding: 100px 0;
    }
    .blogbannerbg h2{
        font-weight: 700;
        font-size: 25px;
        line-height: 30px;
        text-align: center;
        letter-spacing: -0.0955686px;
    }
    .desktopcode{
        display: none;
    }

    /* sobre nsotros **********/
    #homes1{
        background-image: none;
    }
    .fullbgsobre {
        background-image: url(../images/box-bg.png);
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        margin: 20px 0;
        padding: 35px;
    }
    .rightcolcontent {
        max-width: 500px; /* Ajusta el ancho máximo según sea necesario */
        margin-bottom: 120px;
    }
     /* fin sobre nsotros **********/

     /* Servicios ******************************************/
     .homes3{
        padding: 30px 0; 
    }
    .blogcontent {
        width: 100%;
        top: 0;
        left: 0;
        padding: 40px 80px;
        margin-top: 20px;
    }
    /* fin Servicios ******************************************/
    /* ANUNCIOS ***************************************************/
    .image-content {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin-top: 0px;
        margin-left: 0px;
        width: 100%;
    } 
    .image-content img {
        margin-right: 60px;
        width: 90%;
    }
    /* fin ANUNCIOS ***************************************************/
    .socialico{
        justify-content: center;
        margin: 10px 0;
    }
    .blogbluebox h4{
        font-size: 30px;
        line-height: 40px;
    }
    .blogbluebox{
        padding: 30px 20px;
    }
    .blogcontent1 .row{
        flex-direction: column;
        --bs-gutter-x: 0;
    }
    .blogimgbox{
        width: 100%;
        background-size: contain;
    }
    .img {
        margin-left: center; 
        margin-bottom: 10px;
        width: 100%;
    }
    .img.imgbib {
        margin-left: center; 
        margin-bottom: 10px;
        width: 100%;
    }

    /* .mobileorder .morder3{
        width: 15%;
    } */

    .hblurb {
        width: 90%;
    }
    .rightcolcontent h2 {
        font-size: 42px;
        line-height: 70px;
    }
    .rightcolcontent p {
        font-size: 16px;
        line-height: 24px;
    }
    .headcenter {
        padding: 5px 0;
    }
    .headcenter h2{
        font-size: 42px;
        line-height: 52px;
    }
    .headcenter p{
        font-size: 20px;
        line-height: 33px;
    }
    .blogcontent{
        width: 100%;
        padding: 40px 15px;
        background-size: cover;
        margin-bottom: 20px;
    }
    .bugcontent h5 {
        font-size: 18px;
        line-height: 28px;
    }
    .blogcontent p {
        font-size: 16px;
        line-height: 23px;
    }
    .defaultflex{
        flex-direction: column;
    }
    .herotitle {
        font-size: 32px;
        line-height: 44px;
    }
    .heropre{
        font-size: 22px;
        line-height: 30px;
    }
    #herobanner .col-lg-5{
        position: relative;
    }
    #herobanner .col-lg-5 p {
        position: absolute;
        right: 0;
        top: -55px;
    }
    #herobanner{
        margin-bottom: 0;
    }
    .rightcolcontent h2, .rightcolcontent p{
        color: #fff;
    }
    #homes1 {
        padding-bottom: 0;
    }
    #homes1:before {
        top: 45%;
    }
}
/* Dispositivos móviles pequeños en posición vertical */
@media only screen and (max-width: 576px) {
    .hblurb{
        width: 90%;
    }
    .socialshare ul li a.cahora{
        font-size: 12px;
        padding: 8px 14px;
    }
    .rightcolcontent h2 {
        font-size: 35px;
        line-height: 30px;
    }
    .rightcolcontent p {
        font-size: 16px;
        line-height: 24px;
    }
    .headcenter {
        padding: 5px 0;
    }
    .headcenter h2{
        font-size: 42px;
        line-height: 52px;
    }
    .headcenter p{
        font-size: 20px;
        line-height: 33px;
    }
    .blogcontent{
        width: 100%;
        padding: 40px 15px;
        background-size: cover;
        margin-bottom: 20px;
    }
    .bugcontent h5 {
        font-size: 18px;
        line-height: 28px;
    }
    .blogcontent p {
        font-size: 16px;
        line-height: 23px;
    }
    .defaultflex{
        flex-direction: column;
    }
    .herotitle {
        font-size: 32px;
        line-height: 44px;
    }
    .heropre{
        font-size: 22px;
        line-height: 30px;
    }
    #herobanner .col-lg-5{
        position: relative;
    }
    #herobanner .col-lg-5 p {
        position: absolute;
        right: 0;
        top: -55px;
    }
    #herobanner{
        margin-bottom: 0;
    }
    .rightcolcontent h2, .rightcolcontent p{
        color: #fff;
    }
    #homes1 {
        padding-bottom: 0;
    }
    #navbarSupportedContent {
        width: 100%;
    }
    #homes1:before {
        top: 45%;
    }
    
    /* sobre nsotros **********/
    #homes1{
        background-image: none;
    }
    .fullbgsobre {
        background-image: url(../images/box-bg.png);
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        margin: 20px 0;
        padding: 0px;
    }
    .rightcolcontent {
        max-width: 900px;
        margin-bottom: 120px;
        position: center;
    }
     /* fin sobre nsotros **********/
    /* ANUNCIOS ***************************************************/
    .image-content {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin-top: 0px;
        width: 95%;
    }
    .image-content img {
        width: 90%;
    }
    .text-content {
       margin-top: 20px;
    }
    /* fin ANUNCIOS ***************************************************/
}
     
@media only screen and (max-width: 3900px){
    #homes1:before {
        top: 45%;
    }
}