/* 

Theme Name: Torresmin
Theme URI:    
Author:       
Author URI:   
Description:  
Version:      
Tested up to: 
Requires PHP: 
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  storefront
Tags:         

*/


/* NOTEBOOK > 15" */

@media screen and (min-width: 1440px) { 
    
}

@media screen and (max-width: 1440px) {
   
}

/* NOTEBOOK < 13" */

@media screen and (min-width: 1280px) { 
    
}

@media screen and (max-width: 1280px) {
   
}

/* TABLETS E CELULAR PAISAGEM */

@media screen and (min-width: 991px) { 
    
}

@media screen and (max-width: 991px) {
    
}

/* CELULAR COM TELA GRANDE */

@media screen and (min-width: 767px) {

}

@media screen and (max-width: 767px) {

}

/* CELULAR */

@media screen and (min-width: 575px) { 

  
   
}

@media screen and (max-width: 575px) {

}

html {
      overflow-x:hidden;
}

body {
font-family: "Figtree", sans-serif;
background-color: #F7E4B4;
overflow-x:hidden;
-webkit-text-size-adjust: 100%;
box-sizing: border-box;
}

  /* Animações de entrada */
    .fade-up, .zoom-in {
      opacity: 0;
      transform: translateY(40px);
      transition: all 0.8s ease-out;
    }
    .zoom-in {
      transform: scale(0.9);
    }
    .show {
      opacity: 1;
      transform: translateY(0) scale(1);
    }



    /* Loader */
    #loader {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #F7E4B4;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
      transition: opacity 0.5s ease;
    }
    .spinner {
      border: 6px solid #e0e0e0;
      border-top: 6px solid #F7E4B4;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      animation: spin 1s linear infinite;
    }
    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }



/*Links*/

.linha{
  color: #6B0000;
  position: relative;
  text-decoration: none;
}

.linha::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background-color: #6B0000;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform .3s ease-in-out;
}

.linha:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

/*Linha 2*/

.linha2{
	color: #F7E4B4;
  position: relative;
  text-decoration: none;
}

.linha2::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background-color: #F7E4B4;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform .3s ease-in-out;
}

.linha2:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

.btn-underline-black span,.btn-underline-white span,.btn-underline span, .linha span {
  display:inline;
  color:currentColor;
  background-image:linear-gradient(90deg,#F7E4B4 100%, #ccc 0);
  background-position:100% 100%;
  background-size:0 2px;
  background-repeat:no-repeat;
  transition:background-size 1s cubic-bezier(.19,1,.155,1.01) 0s;
  pointer-events:none;
}

.active.btn-underline-black span,.active.btn-underline-white span,
.btn-underline-black:hover span,.btn-underline-white:hover span,
.btn-underline.active span,.btn-underline:hover span, .linha:hover span {
  background-image:linear-gradient(90deg,#F7E4B4,#FFF);
  background-size:100% 2px;
  background-position:0 100%;
}

.btn-underline-white{color:currentColor; text-decoration: none; margin-bottom:0.4rem;}

.btn-underline-white span li a i,.btn-underline span i{display:inline;color:currentColor;}

.btn-underline-black{color:currentColor;}

.list-social-media {
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
  align-content:flex-start;
  flex-wrap:wrap;
  text-decoration: none;
  list-style-type: none;
  flex-direction:column;
}

.icon-arrow-up:before{content:"\E902";}

  @media only screen and (min-width:1025.1px) {
    .list-social-media{margin-top:1rem;}}
      @media only screen and (max-width:1025px) {
        .list-social-media li:not(:last-child){margin-bottom:.5rem;}}
        .list-social-media li a{display:inline-flex;
          justify-content:flex-start;
          align-items:center;
          align-content:center;
          flex-wrap:wrap;
          flex-direction:row;
          text-transform:uppercase;
          font-weight: lighter;
          color:currentColor;
        }
          @media only screen and (max-width:767.98px){
            /*.list-social-media li a{font-size:1.8rem;}*/}
            .list-social-media li a span{display:block;}
            @media only screen and (min-width:1025.1px){
              .list-social-media li a span{margin-right:1.3rem}}
              @media only screen and (max-width:1025px){
                .list-social-media li a span{margin-right:.8rem;}}
                .list-social-media li a i {
                  display:flex;
                  overflow:hidden;
                  }
                  .list-social-media li a i:before{
                    display:block;
                    transition:all .4s cubic-bezier(.645,.045,.355,1);
                    transition-delay:0s;}
                    .list-social-media li a:hover i:before {
                      transform:translate(115%,-115%);
                    }

/*Menu Lateral*/


#menu {
  z-index: 2;
}

#menu-bar {
  width: 45px;
  height: 40px;
  margin: 15px 0 10px 10px;
  cursor: pointer;
}

.bar {
  height: 5px;
  width: 100%;
  background-color: #F7E4B4;
  display: block;
  border-radius: 5px;
  transition: 0.3s ease;
}

#bar1 {
  transform: translateY(-4px);
}

#bar3 {
  transform: translateY(4px);
}

#nav {
    z-index:2023;
}

.nav {
  transition: 0.3s ease;
  display: none;
}

.nav li {
  list-style: none;
}

.nav li a {
  color: #6B0000;
  font-size: 2.2rem;
  font-weight: normal;
  letter-spacing: -1px;
  text-decoration: none;
}

.nav li a:hover {
color: #F7E4B4;

}

.menu-bg, #menu {
  top: 0;
  left: 0;
  position: absolute;
}

.menu-bg {
  z-index: 1;
  width: 0;
  height: 0;
  margin: 30px 0 30px 30px;
  background: #F7931E;
  border-radius: 50%;
  transition: 0.5s ease;
}

.change {
  display: block;
}

.change .bar {
  background-color: #F7E4B4;
}

.change #bar1 {
  transform: translateY(4px) rotateZ(-45deg);
}

.change #bar2 {
  opacity: 0;
}

.change #bar3 {
  transform: translateY(-6px) rotateZ(45deg);
}

.change-bg {
  width: 800px;
  height: 800px;
  transform: translate(-60%,-30%);
}

/*Carregamento Imagens e seções*/

@keyframes reveal {
  from { opacity: 0; clip-path: inset(0% 60% 0% 50%); }
  to { opacity: 1; clip-path: inset(0% 0% 0% 0%); }
}

.revealing-image {
  animation: auto linear reveal both;
  animation-timeline: view();
  animation-range: entry 25% cover 50%;
  
  
}



/*Linha*/

.menu-item {
  font-size:2rem;
  font-weight:bolder;
}

nav {
  background-color: #fdfdfcd3;
  list-style: none;
  margin: auto;
}

nav {
  display: inline-block;
}

nav a {
  display: block;
  text-decoration: none;
  font-size: large;

}
nav a,
nav a:after,
nav a:before {
  transition: all .5s;
}
nav a:hover {
  color: #555;
}


/* stroke */
nav.stroke a,
nav.fill a {
  position: relative;
}
nav.stroke a:after,
nav.fill a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: left;
  width: 0%;
  content: '.';
  color: transparent;
  background: #F7E4B4;
  height: 2px;
}
nav.stroke a:hover:after {
  width: 100%;
}

/*Hover efeito img*/
.shrink img {
transition: 1s ease;
}

.shrink img:hover{
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
transition: 1s ease;
}

/*BGs*/

.bg-vermelho {
  background-color: #6B0000;
}

.bg-amarelo {
  background-color: #F7931E;
}

.bg-offwhite {
background-color: #F7E4B4;
}

.bg-verde {
background-color: #3C8021;
}

.cores .col {
  min-height: 42vh;
}

/*Títulos*/

.texto-vermelho {
  color:#6B0000;
}

.texto-amarelo{
  color:#F7931E;
}

.texto-offwhite {
  color:#F7E4B4;
}

.texto-verde {
 color: #3C8021;
}



/*Texto rolante*/

/* Core functionality */
#animated-text-strip {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  overflow: hidden;
}

#animated-text-strip .marquee {
  white-space: nowrap;
  animation: marquee 15s linear infinite;
  max-width: none;
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}

/* Styles for the sake of the demonstration */




/*Transição de Seções e BGs*/

.secao {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2em;
  text-align: center;
  position: relative; /* Adiciona posição relativa para transições */
  opacity: 0;
  transform: translateY(100px);
  transition: opacity 0.5s ease, transform 0.5s ease; /* Define a transição */
}

.secao.ativa {
  opacity: 1;
  transform: translateY(0); /* Posição final depois da transição */
}

/*Img borda*/


/*Botões*/


.btn-8:hover:before {
  border: 2px solid #fff;
  height: 100%;
}


.btn-dark{
  background-color: #6B0000;
  border:none;
  text-decoration: none;
  color:#F7E4B4;
  transition:.5s;
}

.btn-dark:hover{
  background-color: #f1c40f;
  color:#6B0000;
}

/*.btn-dark {
  text-align: center;
  display: inline-block;
  padding: 15px 40px;
  border: 2px solid #6B0000;
  color:#6B0000;
  text-decoration: none;
  cursor: pointer;
  position:relative;
  overflow:hidden;
  z-index: 1;
}

.btn-dark:before {
  content: "";
  position: absolute;
  height: 0;
  width: 100%;
  background-color: #6B0000;
  left: 0;
  bottom: 0;
  transition: all .3s;
  opacity: 0.3;
}

.btn-dark:hover:before {
  height: 100%;
}*/

.btn-outline-light {
    border-color:#F7E4B4;
    color:#F7E4B4;
}

.btn-outline-light:hover {
  background-color:#F7E4B4;
  border-color:#F7E4B4;
  color:#6B0000;
}

.btn-12 {
  text-align: center;
  display: inline-block;
  cursor: pointer;
  position:relative;
  overflow:hidden;

}

.btn-12:before {
  content: "";
  position: absolute;
  width: 0;
  background : #6B0000;
  left: 45%;
  height: 3px;
  bottom: 0;
  transition: all .3s;
  opacity: 0.7;
}

.btn-12:hover:before {
  width: 100%;
  left:0;
}

.btn-12:hover > .btn-12 i {
  transition: .4s;
  left:12px;
}

/*Botões padrão*/

@import "bootstrap-icons/font/bootstrap-icons";

.button {
  background-color: #6B0000;
  border: none;
  color: #F7E4B4;
  text-align: center;
  transition: all 0.5s;
  cursor: pointer;
  margin-top: 20px;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}

/*.btn {
  display: inline-block;
  cursor: pointer;
  font-weight:bold;
  position:relative;
  overflow:hidden;
  z-index: 1;
  color:#F7E4B4;
  min-width: 200px;
  border:2px solid #F7E4B4;

}


.btn:hover {
  border-color:#F7E4B4;
  color:#F7E4B4;
}*/


/* Magnetic Field Button */
.magnetic {
  overflow: visible;
}

.particles-field {
  position: absolute;
  inset: -100%;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.particle {
  position: absolute;
  width: 38px;
  height: 38px;
  background: #F7931E;
  border-radius: 50%;
}

.magnetic:hover .particles-field {
  opacity: 1;
}

@keyframes particleFloat {
  0% { transform: translate(var(--x), var(--y)) scale(0); }
  50% { transform: translate(calc(var(--x) * -1), calc(var(--y) * -1)) scale(1); }
  100% { transform: translate(var(--x), var(--y)) scale(0); }
}




/*Contato*/


/*Rodapé*/