/*  FAMILIA DE FUENTES FUENTES NEO SANS
--------------------------------------------------------- */

/* Font Families */
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200;0,6..12,300;0,6..12,400;0,6..12,500;0,6..12,600;0,6..12,700;0,6..12,800;0,6..12,900;0,6..12,1000;1,6..12,200;1,6..12,300;1,6..12,400;1,6..12,500;1,6..12,600;1,6..12,700;1,6..12,800;1,6..12,900;1,6..12,1000&display=swap');

body {
    font-family: 'Nunito Sans', sans-serif !important;
    background-color:transparent !important;
}

/*@font-face {
    font-family: 'neoSans';
    src: url('../fonts/neosanbol-webfont.woff2') format('woff2'),
         url('../fonts/neosanbol-webfont.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'neoSans';
    src: url('../fonts/neosanmed-webfont.woff2') format('woff2'),
         url('../fonts/neosanmed-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'neoSans';
    src: url('../fonts/neosan-webfont.woff2') format('woff2'),
         url('../fonts/neosan-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'neoSans';
    src: url('../fonts/neosanlig-webfont.woff2') format('woff2'),
         url('../fonts/neosanlig-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

body {
    font-family: 'neoSans', sans-serif !important;
} */

img {
    max-width: 100%;
}

/* --------- HEADER ---------- */

header .menu-secundario {
    background-color: #dcdcdc;
    text-align: right;
}

header .menu-secundario ul, header .menu-principal ul {
    text-align: right;
}

header .menu-secundario li {
    display: inline-block;
}

header .menu-secundario li a {
    color: #504e4e;
    text-decoration: none;
    padding-bottom: 1rem;
    font-size: .95rem;
}

header .menu-principal li a {
    color: #FFF;
    text-decoration: none;
    padding-bottom: 1rem;
    font-size: .95rem;
}

header .menu-principal .sub-menu a {
    color: #77777A;
    text-decoration: none;
    padding-bottom: 1rem;
    font-size: .95rem;
}

header .menu-principal {
    background-color: #d9272e;
    color: #FFF;
    text-align: right;
}

header .menu-principal li {
    display: inline-block;
    position: relative;
}

header .menu-principal ul, header .menu-secundario ul {
    margin: 0;
}

header .menu-principal, header .menu-secundario {
    padding: 0.8rem 0;
}

header .menu-principal ul, header .menu-secundario ul {
    color: #FFF;
}

header .menu-principal .menu-principal-list > li:not(:last-child)::after {
    content: "|";
    margin-left: .5rem;
    margin-right: .5rem;
    color: rgba(255, 255, 255, .5);
}

header .menu-secundario .menu-principal-list > li:not(:last-child)::after {
    content: "|";
    margin-left: .5rem;
    margin-right: .5rem;
    color: rgba(255, 255, 255, .5);
}

header .menu-principal .sub-menu i {
    color:#D9272E;
}

header .menu-principal .sub-menu {
    text-align: left;
    padding-bottom: 1rem;
}

.menu-principal .sub-menu li:hover {
    background-color: #dcdcdc;
}

/* Menú Dropdown */

.menu-principal ul li ul {
    display: none;
    min-width: 140px;
    position: absolute;
    background-color: #FFF;
    padding: 0;
    width: 186px;
    z-index: 999;
    top: 38px;
    border-radius: 0 0 1rem 1rem;
    right: -13px;
}

.menu-principal ul li:hover > ul {
    display: block;
}

.menu-principal ul li ul li {
    display: block;
    padding: .7rem;
    margin: 0;
}

.back-to-top {
    position: fixed;
    bottom: 0;
    right: 1.5rem;
    margin: 1rem 1rem 0.5rem;
    color: #fff;
    border: none;
    transition: .5s;
    cursor: pointer;
    font-size: 150%;
    z-index: 99999;
    background: #d9272e;
    padding: 0 1rem;
    border-radius: 1rem;
}

h1, h2, h3, h4, h5, h6 {
    color: #d9272e;
}

p {
    color: #77777A;
    text-align: justify;
}

ul {
    color: #77777A;
}

a {
    text-decoration: none;
}

.p-color {
    color: #d9272e;
}

.s-color {
    color: #77777A;
}

.t-color {
    color: #212121;
}

.b-color {
    color: #FFF;
}

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

.radius {
    border-radius: 1rem;
}

.btn-atasa-mas {
    background-color: #d9272e;
    border: none;
    color: #FFF;
    border-radius: .7rem;
}

.btn-atasa-mas:hover {
    background-color: #77777A;
    border: none;
    color: #FFF;
}

.bold {
    font-weight: 600;
}

.bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.border-bottom-titulo {
    border-bottom: 1px solid #ccc;
    padding-bottom: .8rem;
}

.c-blanco {
	color: #FFF;
}
/* ---------  ---------- */

.rastrea-tu-envio {
    background-image: url(../img/rastrea-tu-envio-bg.png);
    display: block;
    padding: .7rem;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: .8rem;
    text-align: center;
    color: #212121;
    margin-bottom: 2rem;
    opacity: .8;
}

.home-products {
    margin-top: 3rem;
}

.home-products a {
    height: 11rem;
    overflow: hidden;
    padding: 0 0.5rem;
}

.home-products .img-bg {
    background-size: auto 100% !important;
}

.home-products .img-bg h6 {
    font-size: .8rem;
}

.text-boxes-primary {
    margin: 0;
    color: #FFF;
    text-align: center;
    padding-top: 3.4rem;
    font-size: 2rem;
    line-height: 1;
}

.text-boxes-primary span{
    font-size: .7rem;
}

.home-products .img-bg:hover {
    background-size: auto 130% !important;
}

.home-products div {
    background-repeat: no-repeat;
    background-position: center center;
    height: inherit;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    outline: none;
    position: relative;
}

.gestion-documental-btn {
    background-image: url(../img/gestion-documental.png);
}

.courier-btn {
    background-image: url(../img/courier.png);
}

.gestion-de-activos-rfid-btn {
    background-image: url(../img/gestion-de-activos-rfid.png);
}

.btn-seccion-principal a {
    background-color: #D9D9D9;
    color: #212121;
    width: 100%;
    font-size: 100%;
    -webkit-border-radius: 1.2rem;
    border-radius: 1rem;
    height: 2.5rem;
    margin: 0 0 0.6rem;
    padding: 0 0 0 0;
    display: inline-block;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.btn-seccion-principal img {
    height: 2.5rem;
    background-color: #898A8B;
    border-radius: .6rem;
    padding: .5rem;
    margin-right: 1rem;
    width: 2.5rem;
}

.btn-acordeon {
    cursor: pointer;
}

.btn-acordeon a {
    background-color: #DCDDDE;
    color: #77777A;
    width: 100%;
    font-size: 100%;
    -webkit-border-radius: 1.2rem;
    border-radius: 1rem;
    height: 2.5rem;
    margin: 0 0 0.6rem;
    padding: 0 0 0 0;
    display: inline-block;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.btn-acordeon img {
    height: 2.5rem;
    background-color: #D9272E;
    border-radius: .6rem;
    padding: .5rem;
    margin-right: 1rem;
    width: 2.5rem;
}

.acordeon-content {
    display: none;
}

.btn-acordeon span {
    color: #77777A;
}

.btn-acordeon i {
    color: #D9272E;
    font-size: 130%;
}

.home-rs-btns a {
    background-color: #D9272E;
    color: #fff;
    font-size: 180%;
    text-align: center;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    height: 3rem;
    margin: 0 0.5rem 0.6rem 0;
    padding: 0.2rem 0 0;
    -webkit-transition: all 0.1slinear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1slinear;
    display: inline-block;
    width: 3rem;
    transform: rotate(-45deg);
}

.home-rs-btns-l {
    position: absolute;
    top: 40%;
    z-index: 9;
}

.home-rs-btns-l a {
    background-color: #D9272E;
    color: #fff;
    font-size: 180%;
    text-align: center;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    height: 3rem;
    margin: 0 0.5rem 0.6rem 1rem;
    padding: 0.2rem 0 0;
    -webkit-transition: all 0.1slinear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1slinear;
    display: block;
    width: 3rem;
    transform: rotate(-45deg);
}

.home-rs-btns img, .home-rs-btns-l img {
    margin-bottom: .4rem;
}

.nav-tabs .nav-link.active {
    color: #D9272E;
}

.nav-tabs .nav-link {
    color: #77777A;
}

.section-esencial {
    background-image: url(../img/bg-esencial.jpg);
    position: relative;
    padding-top: 9rem;
    padding-bottom: 3rem;
    margin: 3rem auto 5rem;
    text-align: center;
}

.section-esencial p {
    text-align: center;
    color: #FFF;
    margin-top: 1rem;
    margin-bottom: 5rem;
}

.section-esencial .modulo-blanco {
    position: absolute;
    height: 5rem;
    top: 0px;
    width: 100%;
    left: 0;
}

.section-esencial .modulo-blanco-volteado {
    position: absolute;
    height: 5rem;
    bottom: 0px;
    width: 100%;
    left: 0;
    transform: rotateX(180deg);
}

.section-esencial > h3 {
    position: absolute;
    text-align: center;
    width: 100%;
    top: 30px;
    left: 0;
}

.section-esencial > h5 {
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 5px;
    left: 0;
}

.section-video-home {
    background: url(../img/sala-de-videos.jpg);
    background-size: cover;
    margin: 5rem auto 0;
    text-align: center;
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 9rem;
    padding-bottom: 5rem;
}

.section-video-home a {
    border-radius: 1rem;
    perspective: 1px;
    overflow: hidden;
    height: 16rem;
    display: inline-block;
}

.section-video-home .popup-youtube img {
    border-radius: 1rem;
}

.section-video-home .play {
    position: absolute;
    left: 50%;
    top: 93px;
}

.section-video-home .play img {
    position: relative;
    left: -50%;
    width: 5rem;
}

.section-video-home h5 {
    color: #FFF;
    margin-top: 1rem;
    font-size: .8rem;
}

.section-video-home > img {
    position: absolute;
    height: 5rem;
    top: 0px;
    width: 100%;
    left: 0px;
}

.section-video-home > h3 {
    position: absolute;
    text-align: center;
    width: 100%;
    top: 30px;
    left: 0;
}

.btn-atasa-mas {
    background-color: #d9272e;
    border: none;
    color: #FFF;
    border-radius: .7rem;
    padding: .3rem 2rem;
}

.sala-de-prensa img {
    height: 14rem;
    width: 100%;
    object-fit: cover;
    border-radius: 1rem;
    margin-bottom: 1rem;
}

.btn-atasa-tools {
    border: 1px solid #D9D9D9;
    color: #212121;
    padding: .5rem 2rem;
    border-radius: .8rem;
    width: 17rem;
    display: inline-block;
}

.tracking-tool-img {
    margin-top: .75rem;
}

/* --------- FOOTER ---------- */

.barra-gris {
    background-color: #77777A;
    padding: .4rem 0;
}

footer {
    background-color: #d9272e;
    padding-top: 4rem;
    color: #FFF;
}

footer .whatsapp-footer {
    text-align: right;
}

footer .footer-linea {
    border-bottom: 1px solid #FFF;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
}

footer .list-footer {
    list-style-type: none;
    padding: 0;
}

footer .list-footer a {
    color: #FFF;
    font-size: .9rem;
}

footer p {
    color: #FFF;
}

footer .callcenter h5 {
    color: #FFF
}

footer .callcenter img {
    margin-right: .5rem;
}

footer .callcenter p {
    text-align: center;
}

footer .rs-footer {
    text-align: right;
}

footer .rs-footer a {
    background-color: #FFF;
    color: #fff;
    font-size: 180%;
    text-align: center;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    height: 3rem;
    margin: 0 1.5rem 0.6rem 0;
    padding: 0.2rem 0 0;
    -webkit-transition: all 0.1slinear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1slinear;
    display: inline-block;
    width: 3rem;
}

footer .rs-footer i {
    color: #D9272E;
}

.atasa-logo-footer {
    margin-bottom: 1.5rem;
    text-align: center;
}

.atasa-logo-footer img {
    width: 56%;
}

/* Sala de Prensa */

.sp .titulo-container {
    display: flex;
    align-items: center;
}
.sp .linea-lados {
    flex-grow: 1;
    height: 2px;
    background-color: #D9D9D9;
}

.sp h1 {
    margin: 0 20px;
    white-space: nowrap;
}

.preview-noticia-img img {
    width: 27rem;
    height: 14rem;
    object-fit: cover;
    border-radius: 1rem;
}

.img-prensa {
    width: 100%;
    object-fit: cover;
    border-radius: 1rem;
    margin-bottom: 1rem;
}

/* Slider */

/* Ajusta la altura y modo de visualización del contenedor Swiper */
.banners {
    width: 100%;
    height: 400px; /* Ajusta según tus necesidades */
    position: relative;
    overflow: hidden;
    /* Ezquinas curvas */
    border-radius: 1.5rem;
}

  /* Cambia el color de las flechas "next" y "prev" */
.swiper-button-next,
.swiper-button-prev {
  color: #fff; /* o el color que prefieras */
}

/* Opcional: tamaño de las flechas */
.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 24px; /* Ajusta según tu diseño */
}

:root {
    --swiper-theme-color: #fff !important; /* Color de los controles */
}

/* Bullets inactivos */
.swiper-pagination-bullet {
    background: #ccc; /* Color base */
    opacity: 1;       /* Asegúrate de verlos bien */
}

/* Bullets activos (slide actual) */
.swiper-pagination-bullet-active {
background: #d9272e; /* Color resaltado */
}

.swiper-slide {
display: flex;
justify-content: center;
align-items: center;
position: relative;
/* Si quieres que la imagen ocupe todo el slide: */
background: #000; /* color de fondo */
}

.slide-image {
/* Haz que la imagen se ajuste al contenedor */
width: 100%;
height: 100%;
object-fit: cover;
/* Si quieres un slide de ancho completo */
position: absolute;
top: 0; 
left: 0;
}

/* Ajusta el estilo del botón */
.btn-banner {
position: relative; /* para que se muestre sobre la imagen */
z-index: 2;
margin-top: auto; 
margin-bottom: 20px;
top: 92%;
left: 95%;
transform: translate(-92%, -95%);
padding: 10px 20px;
}

.banner-main-home {
    position: relative;
}

.modulo-logo {
    margin-left: 15px;
    position: absolute;
    top: 0;
    left: -3px;
    z-index: 2;
}

.modulo-logo .atasa-logo {
    position: absolute;
    width: 17rem;
    top: 2.2rem;
    left: 0rem;
}


/* --------- FORMS ---------- */

form input[type="text"], form input[type="number"], form input[type="email"], textarea, select {
    border: 0;
    border-radius: 0.5rem;
    width: 100%;
    margin-bottom: 1rem;
    padding: 0.5rem 0.8rem 0.8rem 1rem;
    color: #77777A;
    height: 2.8rem;
}

form label {
    color: #77777A;
}

form a {
    background-color: #d9272e !important;
    color: #FFF !important;
    padding: 0.5rem 2rem !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

form.contacto {
    background-color: #989898;
    padding: 4rem 5rem 3rem;
    border-radius: 1rem;
    margin-top: 2rem;
    margin-bottom: 4rem;
}

form.contacto .icon-form {
    background-color: #D9272E;
    height: 2.8rem;
    border-radius: .5rem 0 0 .5rem;
    text-align: center;
    padding: .4rem 0 0 0;
}

form.contacto .div-input {
    padding: 0;
}

form.contacto .div-input input, form.contacto .div-input select {
    border-radius: 0 .5rem .5rem 0;
}

form.contacto .div-input select {
    border-radius: 0 .5rem .5rem 0;
}

.select {
    position: relative;
    display: inline-block;
}
  
.select select {
    appearance: none; /* Remove default arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
}

.select i {
    position: absolute;
    right: 10px;
    top: 10px;
    pointer-events: none;
    color: #d9272e;
    transform: scale(2);
    margin-right: 1rem;
}

form.contacto .div-checkbox {
    background-color: #FFF;
    border-radius: 0 .5rem .5rem 0;
    height: 2.8rem;
    margin-bottom: 1rem;
}

form.contacto .div-checkbox label {
    margin-top: .6rem;
    margin-left: 1rem;
}

form.contacto textarea {
    border-radius: 0 .5rem .5rem 0;
}

form.contacto .btn-enviar {
    background-color: #d9272e;
    color: #FFF;
    border: 0;
    padding: 1rem 3rem;
    border-radius: 1rem;
    font-size: 1.4rem;
}

.alert-success {
	color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.contactanos .nav-link {
    color: #77777A !important;
}

.contactanos .nav-link.active {
    font-weight: 600 !important;
}

.contactanos-tab p {
    text-align: center;
}

.img-principal-blog {
    border-radius: 1rem;
    width: 100%;
}

.sala-de-prensa-blog h2 {
    color: #d9272e;
}

.sala-de-prensa-blog h4, .sala-de-prensa-blog h5, .sala-de-prensa-blog h6 {
    color: #77777A;
}

.sala-de-prensa-blog .img-destacada {
    height: 18rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 1rem;
    margin-bottom: 1rem;
}

.sala-de-prensa-blog .btn-leer-mas {
    background-color: #d9272e;
    color: #FFF;
    padding: 0.5rem 2rem;
}

.sala-de-prensa-blog .btn-leer-mas:hover {
    background-color: #77777a;
    color: #FFF;
}

.noticias-recientes a {
    display: block;
    margin-bottom: 1rem;
}

.noticias-recientes a.btn-red {
    background-color: #d9272e;
    color: #FFF;
    padding: 0.5rem 0.5rem 0.5rem 1.3rem;
    border-radius: 0.6rem;
}

.noticias-recientes a.noticias {
    color: #77777A;
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.5rem;
}

.logo-responsive {
    display: none;
    text-align: center;
    margin-bottom: 1rem;
}

.logo-responsive img {
    width: 18rem;
}

/* --------- FORM CONTACTO ---------- */

.form-contacto input[type="text"], form input[type="number"], form input[type="email"], textarea, select {
	width: 100%;
    border-radius: 8px;
    border: 1px solid #CCC;
    margin-bottom: .7rem;
}

/* --------- MENÚ RESPONSIVE ---------- */

.res-barra-roja {
	display: none;
    background-color: #d9272e;
	color: #FFF;
	position: relative;
	height: 60px;
    z-index: 99;	
}

.res-barra-roja a {
	color: #FFF;
}

.res-barra-roja > ul {
    list-style: none;
    display: none;
}

.res-barra-roja ul.menu-responsive {
	display: block;
	width: 100%;
	margin-top: 0;
    padding: 60px 0;
}

.menu-responsive ul li {
	float: none;
    background: #d9272e;
    padding: 1rem 1rem;
    color: #FFF;
}

.menu-responsive ul li span {
	float: right;
    font-size: 1.5rem;
    color: #FFF;
    line-height: 1;
}

.three-lines-menu {
	position: absolute;
    bottom: 10px;
    left: 10px;
    text-decoration: none;
    color: #fff;
    font-size: 32px;
    cursor: pointer;
}

.sub-menu-responsive {
    display: none;
}

.span-btn {
    cursor: pointer;
}

.acordeon-content {
  display: none;
}

.acordeon.active .acordeon-content {
  display: block;
}

/* --------- MENU DROPDOWN ---------- */



.slick-slide img {
    border-radius: 1rem;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:before {
    content: '•';
    font-size: 22px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    opacity: .25;
    color: black;
}

/* --------- MEDIA QUERIES ---------- */

@media screen and (max-width: 767px) {
    form.contacto {
		padding: 4rem 2rem 3rem;
	}
}

@media screen and (max-width: 767px) {
    .modulo-logo {
        display: none;
    }

    .logo-responsive {
        display: block;
    }

    .banners {
        height: 200px;
    }
	
	form.contacto .icon-form {
		border-radius: .5rem .5rem 0 0;
	}
	
	form.contacto .div-input input, form.contacto .div-input select, form.contacto .div-input textarea {
		border-radius: 0 0 .5rem .5rem;
	}
	
	form.contacto .btn-enviar {
		padding: .5em 1rem;
		font-size: 1rem;
	}
}

@media screen and (max-width: 991px) {
	.header-barra-gris {
		display: none;
	}

	.header-barra-roja {
		display: none;
	}

	.res-barra-roja {
		display: block;
	}

    .menu-desktop {
        display: none;
    }

    .menu-responsive {
        display: block;
    }

    .home-rs-btns {
        text-align: center;
        margin-top: 1rem;
    }
	
	.home-products {
		margin-top: 0;
	}
}

@media screen and (max-width: 1199px) {
    footer .rs-footer {
        text-align: center;
    }
}

.grecaptcha-badge {
	display: none;
}