/*
Theme Name: Byosis
Theme URI: https://www.byosis.com.br
Text Domain: byosis
Author: Devanir Reolon
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* poppins-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/poppins-v24-latin-300.eot'); /* IE9 Compat Modes */
  src: url('fonts/poppins-v24-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/poppins-v24-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/poppins-v24-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/poppins-v24-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/poppins-v24-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/poppins-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/poppins-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/poppins-v24-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/poppins-v24-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/poppins-v24-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/poppins-v24-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/poppins-v24-latin-500.eot'); /* IE9 Compat Modes */
  src: url('fonts/poppins-v24-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/poppins-v24-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/poppins-v24-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/poppins-v24-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/poppins-v24-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/poppins-v24-latin-600.eot'); /* IE9 Compat Modes */
  src: url('fonts/poppins-v24-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/poppins-v24-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/poppins-v24-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/poppins-v24-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/poppins-v24-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/poppins-v24-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/poppins-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/poppins-v24-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/poppins-v24-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/poppins-v24-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/poppins-v24-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}

body, .form-control{font-family: 'Poppins';font-weight: 400}
body{transition: 0.2s all;font-size: 16px;}
strong{font-weight: 600;}
p{margin-bottom: 20px;margin-top: 0;font-size: 1.2rem}
p, ul{color: #000;margin-bottom: 20px;}
ul li{margin-bottom: 10px;}
h1, h2, h3, h4, h5, h6{color: #000;margin: 0 0 20px 0;padding: 0;font-weight: 600;font-size: 2.2rem}
a, .nav-link{color: #000;transition:all 0.1s;text-decoration: none}
a:hover, a:focus{transition:all 0.1s;text-decoration: none;color: #5FB3DF}
.img-fluid{width: 100%;z-index: 2}
.img-fixed{background-size: cover; background-repeat: no-repeat;background-attachment: fixed !important;background-position: center center}
.img-cover{background-size: cover; background-repeat: no-repeat;background-position: center center}
.p404{padding: 150px 0}
.p404 h1{font-size: 120px;}
.padd0{padding: 0}
.padd50{padding-top: 50px;padding-bottom: 50px;}
.padd70{padding-top: 70px;padding-bottom: 70px;}
.bgcolor1{background-color: #f1f1f1}

.btt a{text-transform: uppercase;font-weight: 600;position: relative;padding: 10px 40px;font-size: 2rem;border-radius: 30px;}
.btt a{color: #fff;background-color: #5FB3DF}
.btt a:hover{background-color: #1C5667;color: #fff}

.title{margin-bottom: 30px;}
.title h2{font-weight: 600;}
.title h2 strong{font-weight: 300}


.navbar-toggler{font-weight: 500;color: #fff;padding: 0;border-radius: 0;display: inline-block;font-size: 35px;}
.navbar-toggler:focus{box-shadow: none;}
figure{position: relative;padding: 0;margin: 0;transition: 0.1s all}
figure img{position: relative;height: auto;width: 100%;transition: 0.1s all}
figure.alignright { float: right; margin: 0 0 1em 1em; }
figure.alignleft { float: left; margin: 0 1em 1em 0; }
figure.aligncenter { display: block; margin-left: auto; margin-right: auto; }
figure.wp-block-image.size-large img, figure.wp-block-image.size-full img{width:auto;height: auto;margin-bottom: 30px; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto;text-align: center; }

header{background-color: #2F3873;}
header .flexxx{display: flex;align-items: center;justify-content: space-between;}
header .menu-principal li{margin: 0}
header .btt a{background-color: #005991;color: #000}
header .btt a:hover{background-color: #fff;color: #000}
.menuheader{padding: 15px 0;}
header .menu-principal .navbar-nav li{margin:0 0 0 50px}
header .menu-principal .navbar-nav li .nav-link{font-size: 16px;color: #fff;font-weight: 500;padding: 0 5px;position: relative;border-radius: 3px} 

header .menu-principal .navbar-nav li.active .nav-link, header .menu-principal .navbar-nav li .nav-link:hover{color: #fff;background-color: #02C2CB}
header .logo a{display: inline-block;}
header .logo img{height: 40px;width: auto;}
header .menu-principal .dropdown-menu{background: rgba(255, 255, 255, 0.90);border:0;border-radius: 10px;padding: 5px 0;width: 240px;position: absolute;left:0px;right:0;top: 40px;margin:auto;left: 50%;transform: translateX(-50%);}
header .menu-principal .dropdown-menu li{margin: 0;padding: 2px 10px;display: block;}
header .menu-principal .dropdown-menu li{margin: 0;padding: 2px 10px;display: block;}
header .menu-principal .dropdown-menu li{margin: 0 5px;text-align: center;}
header .menu-principal .dropdown-menu li .nav-link:hover:after{display: none}
header .menu-principal .dropdown-menu li .nav-link{font-size: 14px;color: #000;padding: 5px;line-height: 18px;} 
header .menu-principal .dropdown-menu li .nav-link:hover{background-color: #019AA1;color: #fff} 
header .menu-principal .dropdown-menu .current-menu-item .nav-link{color: #fff;}
header .menu-principal .dropdown-menu li.active .nav-link:after{display: none}
header.fixed{box-shadow: 0 0 30px 0px rgba(0,0,0,0.1)}

header .menu-item-has-children:hover > .nav-link,
header .menu-item-has-children:focus-within > .nav-link {
    background-color: #244572;
    color: #fff !important;
}

header .redes ul{list-style:none; padding: 0;margin: 0;display: flex;}
header .redes li{margin: 0 0 0 20px}
header .redes a{color: #fff;font-size: 22px;}
header .redes a:hover{color: #1F92AC}

    @keyframes pulse {
      0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
      70% { box-shadow: 0 0 0 22px rgba(37, 211, 102, 0); }
      100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
    }
    @keyframes spinIn {
      from { transform: rotate(-90deg) scale(0.7); opacity: 0; }
      to { transform: rotate(0deg) scale(1); opacity: 1; }
    }
    @keyframes popIn {
      from { opacity: 0; transform: scale(0.82) translateY(12px); }
      to { opacity: 1; transform: scale(1) translateY(0); }
    }
    @keyframes slideUp {
      from { opacity: 0; transform: translateY(14px); }
      to { opacity: 1; transform: translateY(0); }
    }

   #wa-fab{position:fixed;bottom:28px;right:28px;width:68px;height:68px;border-radius:50%!important;background-color:#25D366!important;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,background-color .3s;outline:none;overflow:hidden;z-index:9999}
  #wa-fab.pulsing{animation:pulse 2s infinite}
  #wa-fab.open{background-color:#25D366!important;animation:none}
  #wa-fab:hover{transform:scale(1.1)}
  #wa-fab:active{transform:scale(.95)}
  .fab-icon{position:absolute;display:flex;align-items:center;justify-content:center}
  #icon-close{display:none}
  #bubble-wrap{position:fixed;bottom:110px;right:28px;z-index:9999;display:none}
  .wa-bubble{width:300px;border-radius:20px;overflow:hidden;animation:popIn .22s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 24px rgba(0,0,0,.18)}
  .bubble-header{background-color:#075E54;padding:14px 16px;display:flex;align-items:center;gap:10px}
  .bubble-avatar{width:44px;height:44px;border-radius:50%;background-color:#25D366;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .bubble-name{font-size:15px;font-weight:500;color:#fff}
  .bubble-status{font-size:12px;color:rgba(255,255,255,.7);margin-top:2px}
  .bubble-body{background-color:#ECE5DD;padding:16px 14px 18px}
  .chat-msg{background:#fff;border-radius:0 14px 14px 14px;padding:10px 14px;font-size:14px;color:#222;margin-bottom:14px;max-width:88%;line-height:1.5;box-shadow:0 1px 2px rgba(0,0,0,.1);animation:slideUp .3s ease}
  .field-label{font-size:11px;font-weight:600;color:#666;margin-bottom:4px;margin-left:4px}
  .field-wrap{margin-bottom:10px}
  .wa-input{width:100%;box-sizing:border-box;background:#fff;border:none;border-radius:22px;padding:10px 16px;font-size:14px;color:#222;outline:none;box-shadow:0 1px 2px rgba(0,0,0,.1);transition:box-shadow .15s}
  .wa-input:focus{box-shadow:0 0 0 2px #25D366}
  .wa-input::placeholder{color:#bbb}
  .wa-err{font-size:11px;color:#c0392b;margin-top:4px;margin-left:12px;display:none}
  .wa-btn-send{width:100%;margin-top:10px;background-color:#25D366;color:#fff;border:2px solid #1ebe5d;border-radius:22px;padding:12px;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,transform .1s;box-shadow:0 2px 8px rgba(37,211,102,.3)}
  .wa-btn-send:hover{background-color:#1ebe5d}
  .wa-btn-send:active{transform:scale(.98)}
  .wa-success-msg{background:#fff;border-radius:0 14px 14px 14px;padding:12px 16px;font-size:14px;color:#075E54;font-weight:500;display:flex;align-items:center;gap:8px;box-shadow:0 1px 2px rgba(0,0,0,.1);animation:slideUp .22s ease}

.banners{position: relative;}
.banners h1, #banner h2{color: #fff;font-weight: 300;font-size: 40px;line-height: 45px;position: relative;z-index: 10;}
.banners h1, #banner p{text-shadow: 0 10px 30px rgba(0,0,0,1);position: relative;z-index: 9}
.banners p{color: #fff;font-size: 18px;line-height: 22px;font-weight: 300}
.banners .imageitem img{width: 100%;height: auto}

.slick-prev:before, .slick-next:before{font-family: "Font Awesome 5 Free" !important;font-weight: 900 !important;background-color: #5FB3DF !important;opacity:0.8 !important; color: #fff !important;display: inline-block !important;text-align: center !important;margin-top: -10px !important;font-size: 2.5rem !important;padding: 5px;border-radius: 5px}
.slick-prev{left: 10px !important;}
.slick-next{right: 10px !important;}
.slick-prev:before{content: "\f104" !important;}
.slick-next:before{content: "\f105" !important}
.slick-next, .slick-prev{z-index: 9 !important}


/* Garante que o container use flexbox para alinhar os slides verticalmente no centro */
.slick2 .slick-track {
    display: flex !important;
    align-items: center; /* Centraliza verticalmente todos os slides */
}

/* Força os slides a não perderem suas proporções antes/durante a inicialização */
.slick2 .slick-slide {
    height: auto; /* Deixa o conteúdo ditar a altura */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Centraliza o conteúdo interno se necessário */
}


.bloco22{padding: 50px;text-align: center;background-color: #2F3873;}
.bloco22 .miviva{border-radius: 10px;padding: 40px 100px;text-align:left}
.bloco22 .miviva h3, .bloco22 .miviva p{color: #fff}

#whatsFixo{position: fixed;bottom: 20px;right: 20px;z-index: 999;background-color: #1CD741;color: #fff;width: 70px;height: 70px;line-height: 70px;text-align: center;font-size: 40px;border-radius: 50%}


.bloco1{padding: 70px 0;background-color: #3068AD}
.bloco1 .title h3, .bloco4 .title h3{color: #fff;font-size: 3rem;margin: 0}
.bloco1 .title h3{font-size:2rem}
.bloco1 .title{margin: 0}

.bloco2{position: relative;padding: 70px 0}
.bloco2 .img{margin-top: -250px;}


.bloco3{background-color: #3068AD;padding: 50px 0}
.bloco3 .flextabs .nav-pills .nav-link, .bloco3 .flextabs .tab-content p{color: #fff}
.bloco3 .flextabs{ display:flex; align-items:center; gap:80px; }
.bloco3 .flextabs .nav{ flex:0 0 15%; border-radius: 10px;}
.bloco3 .flextabs .tab-content{ flex:1 1 auto; }
.nav-pills .nav-link{border-radius: 10px;padding: 10px 10px;background-color: #5FB3DF;margin: 5px 0}

.bloco3 .tab-inner{display:flex;flex-wrap:wrap;align-items:flex-start;}

.bloco3 .tab-inner .tx{ width:70%; padding-right:30px; }
.bloco3 .tab-inner .img{ width:30%; margin:0; }

.bloco3 .flextabs .tab-pane .content-flex{display:flex;flex-wrap:wrap;align-items:center;}
.bloco3 .flextabs .content-flex .img{ width: 40%; }
.bloco3 .flextabs .content-flex .tx{ width: 60%; padding-right: 100px; }
.bloco3 .flextabs .content-flex .tx h3{color: #fff;}

.bloco3 .fleic .ico{display: block;}
.bloco3 .fleic .ico img{width: 40px;margin-bottom: 10px;}


.blocoprods{background-color: #3068AD;padding: 50px 0}
.blocoprods .title h2{color:#fff}
.blocoprods .prod{background-color:#fff;padding:15px;border-radius:20px;margin-bottom:20px}
.blocoprods .prod h2{margin:20px 0 15px;;font-size:22px;}
.blocoprods .prod p{font-size:16px;}
.blocoprods .prod .btt a{font-size:1rem;display:inline-block;margin-bottom:20px;}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link{background-color: #1C5667}


.bloco4{background-color: #1F92AC;align-items: center;display: flex;}
.bloco4 .title{padding-left: 40px;margin-bottom: 0}

.bloco5{margin-bottom: 20px}
.bloco5 .slick-dots{position: relative;margin-top: 40px}

.bloco6 .box{background-color: #1C5667;padding: 50px;border-radius: 30px;min-height: 300px;transition: 0.2s all}
.bloco6 .box h3{color: #5FB3DF;margin-bottom: 30px}
.bloco6 .box p{color: #fff;font-size: 20px;}
.bloco6 .box:hover{transform: scale(1.03);transition: 0.2s all}
.bloco6 .title h2{color: #1C5667}


.bloco7{background-color: #3068AD}
.bloco7 .title h2, .bloco7 .title p{color: #fff}
.bloco7 .prof{background-color: #fff;margin: 0 100px;border-radius: 20px;padding: 30px;}
.bloco7 .prof .flexx{display: flex;align-items: center;}
.bloco7 .prof .flexx figure{width: 30%;}
.bloco7 .prof .flexx figure img{border-radius: 10px;}
.bloco7 .prof .flexx .tx{width: 70%;padding: 50px}
.bloco7 .prof .flexx .tx h3{margin-bottom: 0}
.bloco7 .prof .flexx .tx .depso{font-weight: 500;color: #5FB3DF}


footer{background-color: #1B5667;padding: 50px 0}
footer .flexxx{display: flex;padding-top: 30px;justify-content: space-between;flex-wrap: wrap;}
footer .logo img{height: 60px;width: auto}
footer figure{margin: 0}
footer ul{list-style: none;padding: 0;margin: 0}
footer ul li, footer ul li a{font-size: 14px;line-height: 24px; margin-bottom: 0;color: #fff}
footer ul li a:hover{text-decoration: underline;}
footer .contatos li{margin-bottom: 10px}
footer .redesfoo li{display: inline-block;margin:0 20px 0 0}
footer .redesfoo li a{font-size: 2rem}
footer .redesfoo li a:hover{color: #5FB3DF}
footer .btt a{font-size: 1.2rem;display: inline-block;background-color: #1F92AC}
footer .btt a:hover{background-color: #5FB3DF}

.direitos p, .direitos a{padding: 20px 0;margin: 0;font-size: 13px;color: #000;line-height: 19px}
.direitos a{text-decoration: underline;}

.form .priv{font-size: 17px;margin-bottom: 0}
.wpcf7-not-valid-tip{padding-left: 10px;font-size: 15px;}
.form{position: relative;}
.form label{padding-left: 10px;font-weight: 600;margin-bottom: 10px;display: block;color: #363435}
.form .form-control{background-color: #fff;margin: 0 0 15px;padding: 14px 15px;border-radius: 5px;border: none;}
.form textarea.form-control{height: 150px;padding: 15px}
.form .wpcf7-submit{text-transform: uppercase;font-weight: 600;position: relative;padding: 10px 40px;font-size: 2rem;  border-radius: 30px;background-color: #5FB3DF;color: #fff}
.form .wpcf7-submit{transform: scale(1);transition: 0.3s all}
.form .wpcf7-submit:hover{transform: scale(1.01);transition: 0.3s all}
.form .file1{margin-bottom: 50px;margin-top: 50px;}
.form .vedewz{color: #305C3B;margin-bottom: 50px;}
.form .margintop{padding-top: 50px;}
.form .wpcf7-submit{width: 100%;}

.wpcf7 form .wpcf7-response-output{color: #dc3545;color: #fff;padding:15px;text-align: center;margin: 0 0 30px;border-radius: 10px}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output{border-color: #dc3545;color:#fff;background-color:#dc3545 }
.wpcf7 form.sent .wpcf7-response-output{border-color: #46b450;color:#fff;background-color: #46b450}
.wpcf7 .wpcf7-not-valid-tip{font-size: 14px;margin-top: -10px;margin-bottom: 10px;color: #dc3545;font-weight: 600}
.wpcf7-spinner{display: block;margin: 0 auto}




   :root {
            --primary-blue: #3068AD;
            --primary-purple: #2F3873;
            --text-dark: #333;
            --white: #ffffff;
            --shadow-light: rgba(0, 0, 0, 0.1);
            --shadow-hover: rgba(0, 0, 0, 0.25);
        }

.timeline-container {
            max-width: 1000px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .timeline {
            position: relative;
            margin: 50px 0;
        }

        .timeline::before {
            content: '';
            position: absolute;
            left: 50%;
            top: 55px;
            bottom: 0;
            width: 4px;
            background: linear-gradient(to bottom, var(--primary-blue), var(--primary-purple));
            transform: translateX(-50%);
        }

        .timeline-item {
            position: relative;
            margin-bottom: 80px;
            opacity: 0;
            transform: translateY(40px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }

        .timeline-item.animated {
            opacity: 1;
            transform: translateY(0);
        }

        .timeline-item:nth-child(odd) {
            padding-right: calc(50% + 40px);
            text-align: right;
        }

        .timeline-item:nth-child(even) {
            padding-left: calc(50% + 30px);
            text-align: left;
        }

        .timeline-dot {
            position: absolute;
            left: 50%;
            top: 0;
            transform: translateX(-50%);
            width: 80px;
            height: 80px;
            background: var(--primary-purple);
            border: 4px solid var(--primary-purple);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            font-weight: bold;
            color: #fff;
            box-shadow: 0 4px 12px var(--shadow-light);
            z-index: 2;
        }

        .timeline-card {
            display: inline-block;
            background: var(--white);
            padding: 25px 25px 0 ;
            border-radius: 12px;
            box-shadow: 0 8px 25px var(--shadow-light);
            max-width: 400px;
            width: fit-content;
            margin-top: -35px;
            vertical-align: top;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .timeline-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px var(--shadow-hover);
        }

        .timeline-card h3 {
            font-size: 22px;
            color: var(--primary-purple);
            margin-bottom: 10px;
            font-weight: 600;
        }

        .timeline-card p {
            font-size: 16px;
            color: var(--text-dark);
        }

        @media screen and (max-width: 768px) {
            .timeline::before {
                left: 25px;
                transform: none;
            }

            .timeline-item:nth-child(odd),
            .timeline-item:nth-child(even) {
                padding-left: 85px !important;
                padding-right: 40px !important;
                text-align: left !important;
            }

            .timeline-dot {
                left: 25px !important;
                transform: none !important;
            }

            .timeline-card {
                max-width: none;
                width: calc(100% - 85px);
                margin-top: -35px;
            }

            .timeline-item {
                margin-bottom: 60px;
            }
        }



.mapa iframe{width: 100%}


@media (max-width : 1200px) {

  header .nnn{display: flex;align-items: center;}
  header .flexxx .logo{display: flex;align-items: center;justify-content: space-between;}
  header .flexxx{display: flex;align-items: center;flex-wrap: wrap;}
  header .flexxx .mennucol{width: 100%;}
  header .navm{margin-left: 50px}

  .navbar-nav{text-align: right;padding-top: 20px;}
  header .menu-principal .navbar-nav li{margin: 0;padding: 5px 0}
  header .menu-principal .navbar-nav li.active .nav-link:before{width: 100%;display: none}

  p, .timeline-card p, .bloco6 .box p{font-size: 1rem;}
  .btt a{font-size: 1.5rem;}
  .bloco1 .title h3, .bloco4 .title h3{font-size: 2rem}
  .bloco6 .box h3{font-size: 1.5rem}
  .bloco6 .box{min-height: auto}
}


@media (max-width: 991px) {
  footer .logo{width: 100%;margin-bottom: 80px;}
  header .flexxx{display: flex;align-items: center;justify-content: flex-between;flex-wrap: wrap;}
  header .flexxx .logo{margin:0}
  header .container{max-width: 720px}
  header .mennucol{width: 100%}
  footer .infos{text-align: center;}
  .bloco2 .img{margin-top: 0}
  .bloco3 .flextabs .content-flex .tx{padding-right: 30px}
  .bloco3 .flextabs{gap: 40px;}
  .bloco4 .title{padding: 40px 0;text-align: center;}
  .bloco6 .box{min-height: 0;padding: 20px 30px 10px;text-align: center;margin-bottom: 10px;}
  .bloco6 .box h3{height: auto;margin-bottom: 15px;}
  .bloco7 .prof{margin: 0 50px;}
  .bloco7 .prof .flexx figure, .bloco7 .prof .flexx .tx{width: 100%;padding: 20px 0 0}

}  


@media (max-width : 767px) {
  footer .flexxx{display: block;text-align: center;}
  footer .contatos{margin-bottom: 50px;}
  .container, .container-sm{max-width: 100%;padding-right: 30px;padding-left:30px;}
  .bloco7 .prof .flexx{display: block;}
  .timeline-item:nth-child(2n+1), .timeline-item:nth-child(2n){padding-left: 100px !important;padding-right: 0 !important}
  .timeline-card{max-width: 100%;width: 100%;margin-top: -15px}
  .bloco3 .flextabs .tab-pane .content-flex{display: block;}
  .bloco3 .flextabs .content-flex .tx{padding-right: 0}
  .bloco3 .flextabs .content-flex .tx, .bloco3 .flextabs .content-flex .img{width: 100%;}
  .bloco3 .fleic .ico img{width:20px; }
  .bloco3 .fleic .tci{font-size: 14px;line-height: 18px;display: inline-block;}
  .bloco3 .flextabs .content-flex .tx h3{font-size: 1.5rem}
  .bloco6 .title h2, .bloco7 .title h2{font-size: 1.8rem}
  .bloco3 .flextabs .tab-content p{font-size: 0.8rem}
  .bloco3 .flextabs{gap: 20px}
  .bloco22 .miviva{padding: 0px ;}
  .bloco22 .slick-next{right: -50px !important}
  .bloco22 .slick-prev{left: -50px !important}
}


@media (max-width : 580px) {
  footer .flexxx .links li{width: 100%;margin: 0 0 10px}
  header .logo img{height: 40px;}
  .container, .container-fluid{padding-right: 20px;padding-left:20px;}
  .bloco7 .prof{margin: 0}
  .bloco7 .slick-prev{left: -15px !important}
  .bloco7 .slick-next{right: -0px !important;margin-right: 0 !important;display: none !important}
  .padd70{padding: 40px 0}
  h2, h3{font-size: 1.6rem !important}
.bloco1{padding: 40px 0;background-color: #3068AD}
p, .timeline-card p, .bloco6 .box p{font-size: 0.9rem;}
.timeline-card h3, .bloco6 .box h3{font-size: 1.2rem !important}
.timeline-dot{left: 10px !important}

}


@media (max-width : 480px) {
 
}