/*
Theme Name: Womant-theme
Theme URI: https://www.workmant.com
Author: Womant Themes
Author URI: https://www.workmant.com
Description: Plantilla Personalizada de Womant.
Template: skt-coach
Version: 1.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/license-list.html#GPLv2
Text Domain: skt-coach-child
*/

:root {
  --primary-color: #F43A65;  /* Puedes cambiar el color a tu preferencia */
  --second-color: #606060; /* Color secundario */
  --text-color: #606060;     /* Color de texto principal */
  --text-color-2: #A29FA0;     /* Color de texto principal */
  
  --title-color: #F43A65;
  --button-color: #F43A65;
  --button-text-color: #FFFFFF;
  --accent-color:#f3b7c5 ;
  --backgroun-color: #e6e6e6;     /* Color de fondo */

  --width-container: 80%;
}

body{
  font-family: 'Montserrat', 'Arial Narrow', Arial, sans-serif;
  font-size: 16px;
  color: var(--text-color);
}
.p-h1{
  font-size: 40px;
  text-transform: capitalize;
}
h1{
  font-size: 40px;
  color: var(--primary-color);
}
button{
  border:0px;
  background: transparent;
}

h2{
  font-size: 16px;
  color: var(--primary-color);
  font-weight: 400;
}
h3{
  font-size: 30px;
  color: var(--primary-color);
  font-weight: 600;
}
.h4, h4{
  margin: 0;
 color: var(--text-color-2);
 font-weight: 400;
}
.fondo_numeral{
    border-radius: 100%;
    background-color: var(--primary-color) !important;
    min-height: 80px;
    max-width: 80px;
    text-align: center;
    color: white;
    font-size: 30px;
    font-weight: 600;
    align-content: center;
}


.site-main {
  width: 100%;
}

.main-navigation ul li:hover a, .main-navigation ul li a:focus, 
.main-navigation ul li a:hover, .main-navigation ul li.current-menu-item a, 
.main-navigation ul li.current_page_item a{
  color: var(--primary-color) !important;
}


.footer-row {
  padding: 0;
  margin:0 0px;
}

.center{
  width: var(--width-container);
}

.center-medium{
  justify-content: center;
}

.container {
  width: 100%;
}

.aling-center{
  height: 100%;
  align-content: center;

}

.head-info-area{
  background: var(--backgroun-color);
}
.header-topbar{
  height: 60px
}
.social-icons{
  gap: 0.8rem;
  color: var(--title-color);
  display: flex !important;
}
.logo {
  padding: 10px 5px 10px 0 !important; 
}

.social-icons a:hover {
	background-color:var(--accent-color) !important;
}
.social-icons .fb {
	background: url(images/icon-fb.png) no-repeat center center;
  background-size:contain;
}
.social-icons .tw {
	background: url(images/icon-tw.png) no-repeat center center;
  background-size:contain;

}
.social-icons .in {
	background: url(images/icon-in.png) no-repeat center center;
  background-size:contain;

}
.social-icons .insta {
	background: url(images/icon-insta.png) no-repeat center center;
  background-size:contain;

}
.social-icons .yt {
	background: url(images/icon-youtube.png) no-repeat center center;
  background-size:contain;

}
.social-icons .tiktok {
	background: url(images/icon-tiktok.png) no-repeat center center;
  background-size:contain;

}
.social-icons a {
  width: 30px;
  height: 30px;
}

.main-navigation ul li a {
  padding: 0px 50px;
  font-weight: 400;
  font-size: 18px;
}

.footerarea {
  background-color: var(--primary-color);
  padding: 20px 0 0 0;
}
.btn_social a{
background-color: transparent !important;
}
.copyright-txt {
  padding: 0px 0 0px 0;
  color: var(--text-color-2);
}
.copyright-wrapper {
  background-color: var(--backgroun-color);
}

.btn-primary a{
  background-color: var(--primary-color);
  color: var(--button-text-color);
  border-radius: 0px 0px 0px 0px ;
  text-decoration: none !important;

}
.btn-secoundary a{
  background-color: var(--primary-color);
  color: var(--button-text-color);
  border-radius: 40px 40px 40px 40px ;
  text-decoration: none !important;

}

#footer {
  margin-top: 3rem;
}
.custom-carousel {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-container {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.carousel-slide {
    min-width: 100%;
    box-sizing: border-box;
}

.carousel-slide img {
    width: 100%;
    height: auto;
}

.custom-gallery {
  display: grid;
  gap: 50px;
  margin: 20px 0;
}



.gallery-item {
  text-align: center;
  background-color: var(--button-text-color);
  padding: 20px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.gallery-item-2 {
  text-align: center;
  background-color: var(--button-text-color);
  padding: 20px;
}
.gallery-item-3 {
  text-align: center;
  padding: 40px;
}
.separator-galery-item{
  margin-top: 1rem;
  border: 1px solid var(--text-color);
}
.gallery-item:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}
.gallery-excerpt{
  min-height: 16%;
}
.gallery-item-2 .gallery-excerpt {
  min-height: 60px;
}
.gallery-item img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}
.sin-gap{
  gap: 0;
}
.column-text{
 border: 1px solid var(--text-color);
 height: 50px;
 align-content: center;
}
.column-text p{
  margin-bottom: 0px !important;
 }

.gallery-title {
  margin-top: 10px;
  color: #333;
  text-decoration: none;
  min-height: 10%;
}
.center-column{
  border-left: 1px solid var(--second-color);
  border-right: 1px solid var(--second-color);
}
.row-separator {
  grid-column: span 3; /* Abarcar todas las columnas */
  border-top: 2px solid var(--second-color);
  margin: 10px 0;
  height: 1px;
  background: transparent;
}