/*
Theme Name: Mathius Studio
Theme URI: 
Author: Jhosep Steven Huali Cuyotupa
Description: Tema personalizado desarrollado desde cero e integrado con ChatMany 
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: thestev
*/
.bg-mathius2{background-color: #EBEBEB}
.bg-mathius{background-color: #9b5b2c;}
.text-brown {
    color: #9b5b2c;
}
.border-brown {
    border-color: #9b5b2c !important;
}
.social-icons a:hover {
    background-color: #9b5b2c;
    color: white;
    transition: 0.3s;
}

.main-menu .navbar-nav a{
	color: #3a3a3a;
    text-decoration: none;
    transition: color 0.3s;
}
.main-menu .navbar-nav a:hover,
.main-menu .navbar-nav a:focus {
    color: #9b5b2c;
}

/* ==== HEADER STICKY ==== */
/*
.sticky-header {
    position: sticky;
    top: 0;
    z-index: 1030; 
    transition: all 0.3s ease;
}*/

/* Efecto al hacer scroll */
/*
.sticky-header.scrolled {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-bottom: none;
    background-color: #fff;
}*/


/* ==== HERO SECTION ==== */
.hero {
 
    height: 100vh;
    background: url('assets/img/portada2.jpg') no-repeat center center/cover;
    
}

.hero .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Oscurece la imagen */
    z-index: 1;
}


/* Responsivo */
@media (max-width: 768px) {
    .hero {
        height: 70vh;
        text-align: center;
    }
}


/* ==== SECCIÓN VIDEO ==== */

.btn-play {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease, color 0.3s;
    cursor: pointer;
}

.btn-play:hover {
    transform: translate(-50%, -50%) scale(1.1);
    color: #9b5b2c;
}

/* ==== PROYECTOS DESTACADOS ==== */
.h-min-100{min-height: 100%}
.h-min-50{min-height: 50%}

.project-gallery .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.4s ease;
}

.project-gallery:hover .overlay {
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 1;
}

/* ==== TESTIMONIO ==== */
.testimonio {
  background-color: #fff;
}



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


.footer h5 {
  font-size: 1.05rem;
}

.footer a:hover {
  
  transition: 0.3s;
}

/* ÍCONOS REDES CIRCULARES */
.social-circle {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #9b5b2c;
  border-radius: 50%;
  color: #9b5b2c;
  text-decoration: none;
  transition: all 0.3s ease;
}

.social-circle:hover {
  background-color: #9b5b2c;
  color: #fff;
}