:root{

--primary:#003D99;  

--secondary:#00F7B3; 

--accent:#F1D302;

--light:#F5F7FA;

--dark:#1E293B;

--text:#555;

font-family: 'Poppins', sans-serif;
}

header{

    position:relative;
    width:100%;
    z-index:999;

}

.top-header{

    background:rgb(0,43,91,.95);  /* 7, 42, 81 --- 0,43,91,.95*/
    color:white;
    padding:12px 0;

}

.logo-video{

    width:300px;
    height:auto;
    object-fit:contain;

}
.logo-video2{

    width:220px;
    height:auto;
    object-fit:contain;

}

.logo-text h2{

    margin:0;
    font-weight:700;
    color:white;

}

.logo-text span{

    color:#d5d5d5;
    font-size:14px;

}

.anniversary{

    display:flex;
    justify-content:flex-end;
    align-items:center;

}

.number{

    font-size:70px;
    color:#b907ff;
    font-weight:900;
    line-height:1;

}

.text{

    margin-left:12px;
    font-size:18px;
    font-weight:600;
    line-height:1.2;

}

.navbar{

    background:#012A4A;

}

.nav-link{

    color:white !important;
    padding:18px 25px !important;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;

}

.nav-link:hover{

    color:#FFC107 !important;

}
.hero-slider{
    position: relative;
    
    height:100vh;
    

}

.swiper{
    
    
    width:100%;
    height:100%;
    

}

.swiper-slide{
    
    position:relative;

    display:flex;

    align-items:center;

    background-size:cover;

    background-position:center;

}

.slide1{

    background-image:url("../img/slider/slide1.jpg");

}

.slide2{

    background-image:url("../img/slider/slide2.png");

}

.slide3{

    background-image:url("../img/slider/slide3.png");

}

.overlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.45);

}

.slide-content{

    position:relative;

    z-index:10;

    color:#003D99;

    max-width:900px;
    
    

}

.slide-content h1{

    font-size:3rem !important; 

    font-weight:400;

    margin-bottom:25px;
    font-size:5rem;

    font-weight:800;

    color:#0048B5;

    line-height:1.05;

    text-shadow:
        3px 3px 0 rgba(255,255,255,.85),
        6px 6px 18px rgba(0,0,0,.45);

}

.slide-content p{



    margin-bottom:40px;

   font-size:1.8rem !important;

    color:white;

    text-shadow:
        3px 3px 0 rgba(17, 0, 0, 0.85),
        6px 6px 18px rgba(0,0,0,.45);

}

.swiper-button-next,
.swiper-button-prev{

    color:#FFC107;

}

.swiper-pagination-bullet{

    background:#FFF;

}

.swiper-pagination-bullet-active{

    background:#FFC107;

}

.stats-section{

    position:relative;
    padding:100px 0;

    overflow:hidden;

    background:#ffffff;

}

.stats-overlay{

    position:absolute;

    inset:0;

    background-image:url("../img/grafico.jpg");

    background-repeat:no-repeat;

    background-position:center;

    background-size:100%;


}
.stats-section h2{

    font-size:4rem;

    font-weight:800;

    color:#5fd0dd;

    margin-bottom:10px;
    height: max-content;

}

.stats-section p{

    font-size:1rem;

    font-weight:600;

    color:#F5F7FA;

    letter-spacing:1px;

}

.stats-divider{

    width:500px;

    height:10px;

    background:#5fd0dd;

    border:none;

    opacity:1;

    margin:50px auto;

}

.statstext{

    text-align:center;

    font-size:10rem;

    font-style:italic;

    color:#1F2937;

    line-height:1.8;

}

.about-section{

    background:#072d57;

    color:rgb(77,108,136);

}

/* PANEL IZQUIERDO */

.about-title{

    position:relative;

    min-height:420px;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    background:#072d57;

}

/* Círculo decorativo */

.about-title .circle{

    position:absolute;

    width:650px;

    height:650px;

    border:45px solid rgba(255,255,255,.08);

    border-radius:50%;

    left:-330px;

    top:50%;

    transform:translateY(-50%);

}

.title-content{

    position:relative;

    z-index:2;

    width:100%;

    padding-left:100px;

}

.title-content h2{

    font-size:4rem;

    font-weight:300;

    letter-spacing:3px;

    line-height:1.05;

    

}

.line{

    width:90px;

    height:4px;

    background:#F5B301;

    margin-top:25px;

}

/* PANEL DERECHO */

.about-text{

    

    display:flex;

    flex-direction:column;

    justify-content:center;
    

}

.about-text p{

    font-size:1.15rem;

    line-height:1.9;

    
    margin-right: 10%;

    color:#ECECEC;

}

@media(max-width:992px){

    .about-title{

        min-height:250px;

    }

    .about-title .circle{

        width:450px;

        height:450px;

        left:-240px;

    }

    .title-content{

        padding:40px;

    }

    .title-content h2{

        font-size:2.8rem;

    }

    .about-text{

        padding:40px;

    }

}
.portfolio-section{

    padding:100px;

    background:linear-gradient(90deg,#00B5C8,#edfbea);

}

.section-title{

    font-size:2.7rem;

    font-weight:300;

    color:#4A4A4A;

    letter-spacing:2px;

    margin-bottom:20px;

}

.service-card{

    text-align:center;

    padding:20px;
    margin: 20px;
    max-width: 300px;

    transition:.4s;

}

.service-card:hover{

    transform:translateY(-10px);

}

.service-card img{

    width:220px;

    height:160px;

    object-fit:cover;

    border-radius:5px;

    box-shadow:0 10px 25px rgba(0,0,0,.15);

    margin:20px 0;

}

.service-card h4{

    font-size:1.3rem;

    font-weight:700;

    color:#083B66;

}

.service-card p{

    text-align:justify;

    line-height:1.8;

    font-size:.95rem;

    color:#1F2937;

}

.value-section{

    position:relative;

    padding:120px 0;

    min-height:700px;

    overflow:hidden;

    background:url("../img/fondo.webp") center center;

    background-size:cover;

}

.overlay{

    position:absolute;

    inset:0;

    background:rgba(0, 130, 170, 0.925);

}


.overlay2{

    position:absolute;

    inset:0;

    background:rgba(32, 60, 114);

}

.titulo{

    position:relative;

    color:white;

    font-size:4rem;

    font-weight:300;

    letter-spacing:2px;

    z-index:5;

}

.titulo3{

    position:relative;

    color:#4d6c88;

    font-size:4rem;

    font-weight:300;

    letter-spacing:2px;

    z-index:5;

}

.descripcion{

    position:relative;

    z-index:10;

    margin-top:430px;

    width:70%;

    margin-left:auto;

    margin-right:auto;

    text-align:center;

    color:white;

    font-size:1.2rem;

    line-height:1.8;

}
.value-section{

    position:relative;

    min-height:850px;

    padding:100px 0;

    overflow:hidden;

}
/* Palabras */

.tags{

    position:absolute;

    inset:0;

}

.tag{

    position:absolute;

    animation:floating 6s ease-in-out infinite;

    font-weight:300;

    white-space:nowrap;

}

.tag:hover{

    transform:scale(1.15);

    color:#FFC107;

    text-shadow:0 0 15px white;

}
/*--------------------*/
/* SERVICIOS */
/*--------------------*/

/* ASESORIA ADUANERA*/
.t3{

    top:40px;
    right:110px;

}

/* SEGURO TRANSPORTE*/
.t2{

    top:95px;
    left:560px;

}

/* ULTIMA MILLA */
.t16{

    top:95px;
    right:150px;

}

/* OF VIRU VIRU */
.t1{

    top:180px;
    left:170px;

}

/* ============================
   POSICIONES INDUSTRIAS
============================ */

.t4{
    top:260px;
    left:80px;
}

.t5{
    top:260px;
    left:450px;
}

.t14{
    top:260px;
    right:80px;
}

.t7{
    top:350px;
    left:170px;
}

.t12{
    top:350px;
    left:740px !important;
}

.t15{
    top:440px;
    left:320px;
}

.t9{
    top:440px;
    right:120px;
}

.t13{
    top:530px;
    left:80px;
}


.t18{
    top:530px;
    right:220px;
}

.t19{
    top:620px;
    left:50%;
    transform:translateX(-50%);
}

.t1{top:160px;left:90px;font-size:3rem;color:#001B44;}
.t2{top:120px;left:520px;font-size:2.6rem;color:#2ECC71;}
.t3{top:70px;right:120px;font-size:3rem;}
.t4{top:250px;left:30px;font-size:2.5rem;}
.t5{bottom:150px;left:40px;font-size:2.8rem;color:#00D26A;}
.t6{bottom:150px;left:360px;font-size:2.5rem;}
.t7{bottom:130px;right:280px;font-size:3rem;color:#4FC3F7;}
.t8{bottom:120px;right:60px;font-size:2.3rem;}
.t9{bottom:70px;left:180px;font-size:2.4rem;color:#D35454;}
.t10{bottom:70px;right:220px;font-size:2.1rem;}
.t11{bottom:60px;left:470px;font-size:2rem;}
.t12{bottom:10px;left:70px;font-size:2.6rem;}
.t13{bottom:10px;left:420px;font-size:2.2rem;}
.t14{bottom:10px;right:30px;font-size:2.3rem;color:#2ECC71;}
.t15{bottom:110px;left:120px;font-size:2.2rem;}
.t16{top:120px;right:130px;font-size:2.6rem;color:#E74C3C;}

@keyframes floating{

    0%{
        transform:translateY(0px);
    }

    50%{
        transform:translateY(-4px);
    }

    100%{
        transform:translateY(0px);
    }

}

.tag{

    animation:floating 6s ease-in-out infinite;

}
.t1{animation-delay:0s;}
.t2{animation-delay:1s;}
.t3{animation-delay:2s;}
.t4{animation-delay:3s;}
.t5{animation-delay:4s;}
.t6{animation-delay:5s;}
.t7{animation-delay:1.5s;}
.t8{animation-delay:2.5s;}
.t9{animation-delay:3.5s;}
.t10{animation-delay:4.5s;}
.t11{animation-delay:5.5s;}
.t12{animation-delay:6s;}
.t13{animation-delay:6.5s;}
.t14{animation-delay:7s;}
.t15{animation-delay:7.5s;}
.t16{animation-delay:8s;}

.service-card{

    cursor:pointer;

    transition:.35s;

}

.service-card:hover{

    transform:translateY(-12px);

    box-shadow:0 20px 40px rgba(0,0,0,.25);

}
.service-block{

    position:relative;

    height:320px;

}

.industry-block{

    position:relative;

    height:420px;

    margin-top:80px;

}
.titulo{

    color:white;

    font-size:3rem;

    font-weight:300;

    letter-spacing:2px;

}

.titulo-industrias{

    color:white;

    font-size:2.8rem;

    font-weight:300;

    margin-bottom:40px;

}
.floating-area{

    position:relative;

    width:100%;

    height:100%;

}
.s1{

    top:170px;
    left:120px;

    font-size:3rem;

    color:#001B44;

}

.s2{

    top:90px;
    left:410px;

    font-size:2.5rem;

    color:#4CAF50;

}

.s3{

    top:80px;
    right:40px;

    font-size:3rem;

    color:white;

}

.s4{

    top:90px;
    right:170px;

    font-size:2.4rem;

    color:#D94B4B;

}

.s5{

    top:180px;
    right:130px;

    font-size:3rem;

    color:rgb(248, 2, 2);

}

.i1{

    top:20px;
    left:30px;

    font-size:2.8rem;

    color:#00C853;

}

.i2{

    top:20px;
    left:370px;

    font-size:2.5rem;

}

.i3{

    top:20px;
    right:220px;

    font-size:2.8rem;

    color:#64B5F6;

}

.i4{

    top:90px;
    left:100px;

    font-size:2.3rem;

}

.i5{

    top:150px;
    left:240px;

    font-size:2.5rem;

    color:#D94B4B;

}

.i6{

    top:150px;
    left:850px;

    font-size:2.3rem;

}

.i7{

    top:90px;
    left:100px;

    font-size:2.3rem;

}

.i8{

    bottom:30px;
    right:20px;

    font-size:2.3rem;

    color:#4CAF50;

}

.i9{

    top:90px;
    left:500px;

    font-size:2.3rem;
    color:#f30b0b;


}

.i11{

    top:150px;
    left:500px;

    font-size:2.3rem;
     color:#26f30b;


}
.values-section{

    position:relative;

    padding:100px 0;

    background:url("../img/Fondo_Valores.jpg") center center;
    max-width: 100%;
    max-height: auto;
    background-size:cover;

    overflow:hidden;

}

.values-section .overlay{

    position:absolute;

    inset:0;

    background:rgba(35, 184, 210, 0.904);

}

.cultura{

    position:relative;

    padding:100px 0;

    background:url("../img/cultura.jpg") center center;
    max-width: 100%;
    max-height: auto;
    background-size:cover;
    min-height: 500px;
    padding: 20px ;

    

}
.cultura_parrafo{
    position: relative;
    margin: 100px 100px;       /* Ya no se centra como caja: usa el ancho completo del contenedor */
    padding-left: 20px;    /* Pequeño espacio interno a la izquierda */
    
}

.cultura_parrafo h2 {
    position: relative;
    bottom: 60px;
    color: white !important;
    font-size: 4rem !important;
    font-weight: 300 !important;
    letter-spacing: 2px;
    font-style: normal;
    text-align: left;      /* Arranca en el mismo punto que los demás títulos */
}

.cultura_parrafo p{
    max-width: 800px;      /* El párrafo conserva su ancho de lectura cómodo */
    margin: 0 auto;        /* y se mantiene centrado, como se pidió */
    text-align: center;
    color: white !important;

}

.cultura-photo-wrap{
    max-width: 800px;      /* mismo ancho que los párrafos */
    margin: 40px auto 0;
}


.values-title{

    color:#011f3d;

    font-size:3rem;
    font-family: 'Arial', Bold;

    font-weight:300;

    letter-spacing:2px;

}

.value-item{

    margin-bottom:60px;

}

.value-heading{

    color:#ffffff;  /* white  */

    font-size:3rem;

    font-weight:300;

    text-align:center;

}

.value-item p{

    color:rgb(1, 16, 46);

    font-size:1.15rem;

    line-height:1.9;

    text-align:justify;

}

.values-list{

    list-style:none;

    padding:0;

}

.values-list li{

    color:#083B66;

    font-size:1.2rem;

    margin-bottom:15px;

    position:relative;

    padding-left:30px;

}

.values-list li::before{

    content:"✔";

    position:absolute;

    left:0;

    color:#0D3A63;

    font-weight:bold;

}
.team-section{

    background:#203C72;

    padding:100px 0;

    overflow:hidden;

}

.team-title{

    color:white;

    font-size:3rem;

    font-weight:700;

    margin-bottom:30px;
    

}

.team-orbit{

    position:relative;

    width:900px;

    height:600px;

    margin:auto;
    

}

.orbit{

    position:absolute;

    width:500px;
    height:500px;

    left:50%;
    top:50%;
    
    transform:translate(-50%,-40%);

    border:2px solid rgba(255,255,255,.8);

    border-radius:50%;
    z-index: 2;
}

.member{

    position:absolute;

    text-align:center;
    color:white;
    z-index: 20;

}

.member img{

    width:95px;

    height:95px;

    border-radius:50%;

    object-fit:cover;

    border:5px solid white;

    transition:.4s;

}

.member img:hover{

    transform:scale(1.12);

}
.director{

    position:absolute;

    width:300px;
    height:300px;

    border-radius:50%;

    background:#51c0d1;

    left:34%;
    top:34%;

    transform:translate(-50%,-20%);

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    
    z-index: 5;

}

.director img{

    width:100px;

    height:100px;

}
.angela{

    left:66%;
    top:25%;
}
.jorge{

    top:80px;
    left:200px;

}



.luciano{

    top:420px;
    right:120px;

}

.sandra{

    top:420px;
    left:120px;

}
.dot{

    position:absolute;

    width:16px;

    height:16px;

    border-radius:50%;

}

.dot1{

    background:#4CB5FF;

    top:130px;

    left:220px;

}

.dot2{

    background:#4CB5FF;

    top:170px;

    right:160px;

}

.dot3{

    background:#4CB5FF;

    bottom:160px;

    right:200px;

}

.dot4{

    background:#D95B52;

    bottom:170px;
    
    left:230px;

}
.member{

    animation:float 5s ease-in-out infinite;

}

@keyframes float{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-8px);

    }

    100%{

        transform:translateY(0);

    }

}
.bg-circle{

    position:absolute;

    border-radius:50%;

    z-index:1;

}

.bg1{

    width:200px;
    height:200px;

    background:rgba(90,180,255,.18);

    top:50px;
    left:160px;

}

.bg2{

    width:250px;
    height:250px;

    background:rgba(180,255,180,.12);

    top:100px;
    right:100px;

}

.bg3{

    width:100px;
    height:100px;

    background:rgba(120,180,255,.15);

    bottom:-50px;
    left:400px;

}

.bg4{

    width:200px;
    height:200px;

    background:rgba(255,120,120,.10);

    bottom: 10px;
    left:90px;

}

.bg5{

    width:200px;
    height: 200px;

    background:rgba(180,180,255,.12);

    bottom:20px;
    right:90px;

}

.bg6{

    width:110px;
    height:110px;

    background:rgba(80,160,255,.15);

    top:260px;
    left:270px;

}
.member h5,
.member h6{

    margin:0;

    line-height:1.1;

}

.member span{

    display:block;

    margin-top:2px;

    line-height:1.1;

}
.member{

    cursor:pointer;

    transition:.35s;

}

.member:hover{

    transform:scale(1.08);

}

#teamImage{

    width:220px;

    height:220px;

    object-fit:cover;

    border:6px solid #0A4E8A;

}

#teamName{

    color:#0A4E8A;

    font-weight:700;

}

#teamPosition{

    color:#666;

    font-weight:500;

}
.modalImage{
    position: absolute;
    left: 180px;
    }

    .knowmore-section{

    position:relative;

    padding:80px 0;

    background:#f8f8f8;

}

.team-photo{

    width:100%;
    min-width: 100%;
    border-radius:8px;

    box-shadow:0 20px 40px rgba(0,0,0,.25);
 
}

.btn-know{

    background:#5fd0dd;

    color:white;

    border-radius:40px;

    padding:12px 45px;

    font-size:15px;

    letter-spacing:2px;

    transition:.35s;

}

.btn-know:hover{

    background:#0F67A8;

    color:white;

    transform:translateY(-4px);

}

.comment-card{

    background:white;

    border-radius:12px;

    padding:25px;

    text-align:center;

    height:100%;

    transition:.35s;

    box-shadow:0 10px 25px rgba(0,0,0,.15);

}

.comment-card:hover{

    transform:translateY(-8px);

}

.comment-card img{

    width:100%;

    height:220px;

    object-fit:cover;

    border-radius:10px;

    margin-bottom:20px;

}

.comment-card h4{

    color:#0B3B73;

    font-weight:700;

    margin-bottom:15px;

}

.comment-card p{

    text-align:justify;

    color:#555;

    line-height:1.7;

}
/*==========================
    NUESTRA CULTURA
===========================*/

.culture-section{

    background:#fff;

}

.culture-content{
    
    padding:90px 0 70px;

}

.culture-content h2{
    
    color:#C75C11;

    font-size:3.3rem !important;

    font-weight:700;

    margin-bottom:20px;

}

.culture-content p{

    color:#555;

    font-size:1.15rem;

    line-height:1.9;

    text-align:justify;

}


/*==========================
        CTA
===========================*/

.culture-banner{

    position:relative;

    background:rgb(0,43,91);

    padding:100px 0;
    height: 300px;
    overflow:hidden;

}

.culture-banner .overlay{

    position:absolute;

    inset:1;

    background:transparent;

}

.culture-banner h3{
    
    color: white;
    font-size: 3rem;
    font-weight: 300;
    letter-spacing: 2px;
    inset: 0;
}

.culture-banner p{

    color:white;

    font-size:1.2rem;

    margin-top:15px;

    margin-bottom:0;

    font-style:italic;

}


.btn-contact{

    display:inline-block;

    padding:16px 40px;

    border:2px solid #D39B2A;

    color:white;

    text-decoration:none;

    border-radius:40px;

    transition:.35s;

    letter-spacing:2px;

    font-weight:600;

}

.btn-contact:hover{

    background:#D39B2A;

    color:#fff;

}
.btn-contact{

    position:relative;

    overflow:hidden;

}

.btn-contact::before{

    content:"";

    position:absolute;

    left:-100%;

    top:0;

    width:100%;

    height:100%;

    background:rgba(255,255,255,.2);

    transition:.5s;

}

.btn-contact:hover::before{

    left:100%;

}
.culture-banner{
    background-attachment: fixed;
}

.location-section{

    padding:100px 0;

    background:#F5F7FA;

}

.location-card{

    background:white;

    padding:35px;

    border-radius:15px;

    box-shadow:0 15px 40px rgba(0,0,0,.10);

    height:100%;

}

.location-card h3{

    color:#0B3B73;

    margin-bottom:30px;

    font-weight:700;

}

.location-card ul{

    list-style:none;

    padding:0;

}

.location-card li{

    margin-bottom:20px;

    color:#555;

    font-size:17px;

    line-height:1.7;

}

.location-card i{

    color:#00A8E8;

    margin-right:12px;

    font-size:20px;

}

.btn-location{

    display:inline-block;

    margin-top:20px;

    background:#0B3B73;

    color:white;

    padding:14px 35px;

    border-radius:40px;

    text-decoration:none;

    transition:.35s;

}

.btn-location:hover{

    background:#00A8E8;

    color:white;

}

.map-container{

    overflow:hidden;

    border-radius:15px;

    box-shadow:0 15px 40px rgba(0,0,0,.15);

}

.map-container iframe{

    width:100%;

    height:500px;

    border:0;

}
/*=============================
        FOOTER
==============================*/

.footer{

    position:relative;

    background:rgb(0,43,91);

    color:white;

    padding:80px 0 0;

    overflow:hidden;

}

/* Imagen de fondo */

.footer::before{

    content:"";

    position:absolute;

    inset:0;

    background:url("https://www.ctransbolivia.com/img/footer/mapa.png") center center;

    background-size:cover;

    opacity:.06;

}

.footer-overlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.15);

}

.footer-logo{
    position: relative;
    width:230px;
    
    right: 30px;
    margin-bottom:25px;

}

.footer-text{

    color:#BFBFBF;

    margin-bottom:30px;

}

.footer h4{

    color:#ECECEC;

    font-size:1.45rem;

    font-style:italic;

    font-weight:700;

}

.line{

    width:55px;

    height:3px;

    background:#F3B340;

    margin:15px 0 25px;

}

.footer ul{

    list-style:none;

    padding:0;

}

.footer li{

    margin-bottom:20px;

    color:#BFBFBF;

    line-height:1.7;

}

.footer p{

    color:#BFBFBF;

    margin-bottom:18px;

}

.footer i{

    color:#8AAFC8;

    margin-right:12px;

}

.social{

    display:flex;

    gap:15px;

}

.social a{

    width:45px;

    height:45px;

    border:1px solid #4DA3D9;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#4DA3D9;

    transition:.35s;

    text-decoration:none;

}

.social a:hover{

    background:#4DA3D9;

    color:white;

}

.footer-bottom{

    margin-top:70px;

    padding:25px 0;

    background:rgb(0,30,64);

    color:#AFAFAF;

    font-size:14px;

}
.whatsapp{

    position:fixed;

    right:25px;

    bottom:25px;

    width:65px;

    height:65px;

    border-radius:50%;

    background:#25D366;

    color:white;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:32px;

    z-index:9999;

    text-decoration:none;

    box-shadow:0 10px 25px rgba(0,0,0,.25);

    transition:.3s;

}

.whatsapp:hover{

    transform:scale(1.1);

    color:white;

}
.industriaspan{

    margin-bottom:40px;

   font-size:1.5rem;
   max-width: 800px;
    left: 30%;
    position: relative;
    color:white;

    text-shadow:
        2px 2px 6px rgba(0,0,0,.85);
    
}

.statspan{

    margin-bottom:40px;
     
    
    max-width: 1000px;
    left: 10%;
    position: relative;
    font-size:25px !important;
    color:white !important;

    text-shadow:
        2px 2px 6px rgba(0,0,0,.85);
    
}
.modalp{

    text-align: justify;
    margin: 30px;
    }

/* Contenedor */
.marquee-container{
    width:100%;
    overflow:hidden;
    white-space:nowrap;
    position:relative;

    background:transparent;
    padding:8px 0;
}

/* Texto */
.marquee-content{
    display:inline-block;
    white-space:nowrap;
    animation:marquesina 15s linear infinite;
}

.marquee-content span{

    color:#ffffff;
    font-size:20px;
    font-weight:900;
    letter-spacing:2px;
    text-transform:uppercase;

    text-shadow:
        0 0 5px rgba(255,255,255,.6),
        0 0 10px rgba(255,255,255,.4);

}

/* Animación */
@keyframes marquesina{

    from{
        transform:translateX(100%);
    }

    to{
        transform:translateX(-100%);
    }

}

.marquee-content span{

    color:#fff;

    font-size:22px;

    font-weight:bold;

    letter-spacing:2px;

    text-transform:uppercase;

    font-family:'Segoe UI',sans-serif;

    text-shadow:
        0 0 8px #00d4ff,
        0 0 15px rgba(0,212,255,.6);

}