.v-align,
.v-align:before {
  height: auto !important;
}


.l-verde{color: #356546;}
.l-naranja{color: #c28439;}
.l-gris {color:#f9f9f9;}
.l-negro {color:black !important;}
.ws{white-space: pre-line;}

.l-gris-claro{color: #333 !important;}


.bkg-gris{
  background-color: #f8f8f8;
}


.t-left{
  text-align: left;
}

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

.t-right{
  text-align: right;
}

.t-justify{
  text-align: justify;
}

.mt0{
  margin-top: 0px !important;
}

.pt0{
  padding-top: 0px !important;
}

.pb0{
  padding-bottom: 0px !important;
}

.pr-30{
    padding-right: 30px;
}
.mt-30{
    margin-top: 30px;
}
.mt-60{
    margin-top: 60px;
}
.col-MB-0 {
  margin-bottom: 0px;
  margin-top: 0px
}
.col-MB-10 {
  margin-bottom: 10px !important;
}
.col-MB-20 {
  margin-bottom: 20px !important;
}
.col-MB-90 {
  margin-bottom: 90px !important;
}
.col-MB-60 {
  margin-bottom: 60px !important;
}
.col-MB-30 {
  margin-bottom: 30px !important;
}
.col-MB-25 {
  margin-bottom: 25px !important;
}
.col-MB-20 {
  margin-bottom: 20px !important;
}
.col-MB-15 {
  margin-bottom: 15px !important;
}


@media only screen and (min-width: 768px) {
    .top-bar--style-3:not(.fixed) .container:before {
        background-color: transparent !important;
    }
}
@media only screen and (min-width: 1200px) {
    .intro__subtitle, .intro__title {
        letter-spacing: 0.5rem !important;
    }
}

@media only screen and (min-width: 768px) {
    .top-bar--style-3:not(.fixed) #top-bar__navigation>ul>li>a:not(:hover):not(:focus) {
        color: #fff;
    }
}

@media only screen and (min-width: 768px) {
    .top-bar--style-3:not(.fixed) #top-bar__logo {
        background-image: url(../imagenes/logo-amberstone.svg);
    }
}


    .btn_slider a{
      color: white !important;
      font-size: 16px;
    }


    .start-screen__content p {
       font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    }
    .custom-btn.primary {
    border-color: #c28439 !important;
    }

    .btn_slider{
      padding-top: 30px;
    }

    #top-bar__navigation a:not(.custom-btn){
      color: white;
    }
    .start-screen__content .custom-btn.primary {
    border-radius: 15px;
    }
    .titulos-home h2{
    font-size: 2.7rem;
    color: #356546;
    }
    .titulos-interiores h3{
    font-size: 2.7rem;
    color: #356546;
    font-weight: 700;
    }
    .titulos-home h1{
    color: #356546;
    }

    .blog__entry p{
    font-size: 1.2rem;
    text-align: justify;
    }

    .certificaciones-about .slide{
      text-align: center;
    }
    .certificaciones-about .slide figure {
    padding-top: 0% !important;
    }

    .certificaciones-about .slide .logo {
    margin: 0 auto !important;
    }

   .t-certificaciones-about{
    margin-top: 44%;
    font-size: 2.1rem;
    font-weight: 700;
    color: black!important;
    }

    .p-blog-sub{
    color:#b3b2bc;
    }
    
    .form-contact-footer .textfield::-webkit-input-placeholder {
  color: white;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out
}
.form-contact-footer .textfield::-moz-placeholder {
  color: white;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out
}
.form-contact-footer .textfield:-moz-placeholder {
  color: white;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out
}
.form-contact-footer .textfield:-ms-input-placeholder {
  color: white;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out
}

    .form-contact .textfield::-webkit-input-placeholder {
  color: black;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out
}
.form-contact .textfield::-moz-placeholder {
  color: black;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out
}
.form-contact .textfield:-moz-placeholder {
  color: black;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out
}
.form-contact .textfield:-ms-input-placeholder {
  color: black;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out
}


.custom-btn.btn-contacto {
    border-color: #356546 !important;
    width: 40%;
     border-color: #356546;;
    color: black;
}

.custom-btn.btn-contacto:active, .custom-btn.btn-contacto:focus, .custom-btn.btn-contacto:hover {
    background-color:  #356546;
    color: white;
}

#top-bar__navigation a {
    /*color: white;*/
    font-size: 16px;
}


.btn-transparent{
    font-size: 16px!important;
    font-weight: 700!important;
    color: black !important;
    border-color: #c28439 !important;
}

.blog__entry__title a {
    font-size: 1.6rem;
    color: black;
    font-weight: 600;
    text-align: justify;
}

.icono-pleca-home{
  width: 120px;
}


.icono-contacto{
     width: 25px;
    margin-right: 5px;
}

.icono-redes{
  width: 55px;
}

.icono-interior-producto{
  width: 160px;
}

.icono-contacto-interior{
  width: 90px;
}


.page-home #top-bar__navigation .home a{color: #c28439 !important;}
.page-about #top-bar__navigation .about a{color: #c28439 !important;}
.page-products #top-bar__navigation .products a{color: #c28439 !important;}
.page-blog #top-bar__navigation .blog a{color: #c28439 !important;}
.page-contacts #top-bar__navigation .contacts a{color: #c28439 !important;}



.certificaciones-about{
  margin-top: 60px;
  margin-bottom: 60px;
}
.certificaciones-products{
  margin-top: 60px;
  margin-bottom: 60px;
}

.contact__item p{
color: black;
font-weight: 600;
}

.d-footer{
    align-content: flex-end;
}

.enlace-deshabilitado {
  pointer-events: none; /* Evita clics y eventos de ratón */
  color: gray;          /* Cambia el color para indicar que está inactivo */
  cursor: default;      /* Muestra el cursor normal en lugar de la manita */
  text-decoration: none;/* Opcional: quita el subrayado */
}

.header-blog-interior .intro__subtitle{
     letter-spacing: 0px !important;
    text-transform: none;
    font-weight: 400;
}
.header-blog-interior .intro__title{
   letter-spacing: 15px !important;
    margin-bottom: 0px;
}


#top-bar__logo {
    position: relative;
    z-index: 9999;
}



/* Ensure container acts as the anchor point */
.owl-carousel {
    position: relative;
}

/* Base style for both button containers */
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border: none;
    padding: 10px 15px;
    font-size: 50px !important;
    cursor: pointer;
}

/* Snap the previous button to the left edge */
.owl-carousel .owl-nav button.owl-prev {
    left: -50px;
}

/* Snap the next button to the right edge */
.owl-carousel .owl-nav button.owl-next {
    right: -50px;
}

/* Optional: Add hover state effects */
.owl-carousel .owl-nav button:hover {
    background: #000;
}


.subtitulo-interior-blog{
    color: #356546;
    text-transform: uppercase;
}

.contenido-parrafo{
    color: black;
    font-weight: 400;
    text-align: justify;
    line-height: 2.5rem;
}

.mapa-home{
     width: stretch;
}


 .map-container {
         width: 100%;
    /* max-width: 1182px; */
    height: auto;
    /* aspect-ratio: 1182.86 / 765.42; */
    /* background: #1e293b; */
    border-radius: 16px;
    /* box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3); */
    /* padding: 10px; */
    box-sizing: border-box;
        }

        svg {
            width: 100%;
            height: 100%;
        }

        /* Estilos de Nodos */
        .hub {
            fill: #f59e0b;
            cursor: pointer;
            transition: fill 0.3s, r 0.3s;
        }

        .destination {
            fill: #64748b;
            cursor: pointer;
            transition: fill 0.3s, r 0.3s;
            display: none!important;
        }

        .label-bg {
        fill: #f59e0b; /* Fondo Naranja */
        rx: 4;         /* Esquinas redondeadas (horizontal) */
        ry: 4;         /* Esquinas redondeadas (vertical) */
    }

    .label {
        font-size: 12px;
        font-weight: bold;
        fill: #ffffff; /* Texto Blanco */
        pointer-events: none;
        text-anchor: middle;
        dominant-baseline: middle; /* Centra el texto verticalmente en el recuadro */
    }

        /* Estilos de Rutas/Flechas */
        .route-arrow {
            fill: none;
            stroke: #38bdf8;
            stroke-width: 3;
            stroke-dasharray: 8;
            opacity: 0.15;
            pointer-events: none;
            transition: opacity 0.4s, stroke 0.4s;
        }

        #arrowhead {
            fill: #38bdf8;
        }

        /* Lógica de Hover */
        .hub:hover {
            fill: #ef4444;
            r: 20;
        }

        .destination:hover {
            fill: #38bdf8;
            r: 15;
        }

        /* Hover sobre USA enciende TODAS las rutas */
        #usa:hover ~ .route-arrow {
            opacity: 1;
            stroke: #f59e0b;
            animation: routeFlow 2s linear infinite;
        }

        /* Hovers individuales para aislar una sola ruta */
        #canada:hover ~ .to-canada,
        #mexico:hover ~ .to-mexico,
        #argentina:hover ~ .to-argentina,
        #brazil:hover ~ .to-brazil,
        #spain:hover ~ .to-spain,
        #morocco:hover ~ .to-morocco,
        #ukraine:hover ~ .to-ukraine,
        #india:hover ~ .to-india,
        #japan:hover ~ .to-japan {
            opacity: 1;
            stroke: #38bdf8;
            animation: routeFlow 1.5s linear infinite;
        }

        @keyframes routeFlow {
            to {
                stroke-dashoffset: -32;
            }
        }







/* Mobile */
@media only screen and (max-width: 767px) {

  .v-align, .v-align:before {
    height:auto !important;
}
.start-screen__content{
 padding-top: 220px !important;
  
}
  .intro {
    min-height: 500px
  }
  .intro-blog-entrada{
    font-size: 3rem !important;
  }
  .container-c {
        max-width: 720px;
        margin: auto;
    }
    #footer .site-logo {
    width: 200px !important;
    text-align: center;
    margin: 0 auto;
   }
   #footer .footer__item {
    text-align: center;
   }
   #top-bar__navigation ul {
    transform: translateY(-50%);
    }
    #top-bar__navigation {
    top: 100px !important;
    }
    .vegas-control{
      display: none !important;
    }
}

/* Tablet / iPad Portrait */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .intro {
    min-height: 300px
  }
  .intro-blog-entrada{
    font-size: 3rem !important;
  }
  .container-c {
        max-width: 720px;
        margin: auto;
    }
}

/* Computer / Desktop / iPad Landscape */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .intro {
    min-height: 300px
  }
  .intro-blog-entrada{
    font-size: 3rem !important;
  }
  .container-c {
        max-width: 960px;
        margin: auto;
    }
}

/* Large Monitor */
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
  .img_mapa_p {
    padding: 0px 0%;
  }
  .intro {
    min-height: 300px
  }
  .intro-blog-entrada{
    font-size: 3rem !important;
  }
  .container-c {
        max-width: 1170px;
       margin: auto;
    }

}



@media only screen and (min-width: 1920px) {
  .intro {
    min-height: 600px
  }
  
}