/**
 * Theme Name:     Divi Child
 * Author:         Elegant Themes
 * Template:       Divi
 * Text Domain:	   divi-child
 * Description:    Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
 */

 @import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');

 ._title_1{
 	font-family: "Noto Serif", serif;
 	font-size: 40px;
 	color: #333333;
 }
 ._title_2{
 	font-family: "Noto Serif", serif;
 	font-size: 30px;
 	color: #333333;
 }

 ._text_1{
 	font-family: "Noto Serif", serif;
 	font-size: 22px;
 	color: #666666;
 }
 ._text_2{
 	font-family: "Noto Serif", serif;
 	font-size: 16px;
 	color: #666666;
 }

 ._box_{
 	background: #3d0000;
   	display: table;
   	padding: 30px 40px 40px;
   	border-radius: 10px;
   	box-shadow: 0px 0px 10px rgba(0,0,0,.5);
 }
 	._box_ ._title_1{
 		color: #fdbe25 !important;
 	}
 	._box_ ._title_2{
 		color: #fdbe25 !important;
 	}
 	._box_ ._text_1{
 		color: #fff !important;
 	}
 	._box_ ._text_1 small{
 		font-size: 14px;
 	}

 ._form input[type="text"],
 ._form input[type="email"],
 ._form textarea
 {
 	border: 1px solid #3d0000 !important;
 	border-radius: 0px !important;
 }

 ._form .frm_button_submit{
 	background: #760a0a !important;
 	border: 0px !important;
 	border-radius: 0px !important;
 	padding: 8px 30px !important;
 	color: #fdbe25 !important;
  	font-family: "Noto Serif",serif !important;
 	font-size: 20px !important;
 }
 	._form .frm_button_submit:hover{
 		background: #fdbe25 !important;
 		color: #760a0a !important;
 		box-shadow: 0px 0px 10px rgba(0,0,0,.25) !important;
 	}

 #menu-main-menu {
   	background-color: #760a0a;
 	list-style: none;
 	width: fit-content;
   	float: right;
   	margin: 0px;
   	padding-bottom: 0px;
   	padding-top: 35px;
 }

 #menu-main-menu a {
   	color: #fdbe25;
 	font-family: "Noto Serif",serif;
   	font-size: 20px;
 }

 /* Hover (opcional pero recomendado) */
 #menu-main-menu a:hover {
   color: #ffffff;
 }

 #menu-main-menu {
   display: flex;
   gap: 20px;
 }

html body .grecaptcha-badge{
  visibility: hidden;
}

@media (max-width: 980px) {

  #menu-main-menu{
    margin: auto;
    float: inherit;
    padding-left: 0px !important;
  }

}

@media (max-width: 767px) {

  #menu-mobile-menu{
    list-style: none !important;
    width: fit-content !important;
    margin: auto !important;
    float: inherit !important;
    padding-left: 0px !important;
  }

  #menu-mobile-menu a {
    color: #fdbe25;
  	font-family: "Noto Serif",serif;
    font-size: 20px;
  }

  /* Hover (opcional pero recomendado) */
  #menu-mobile-menu a:hover {
    color: #ffffff;
  }

  #menu-item-139{
    background-color: #fdbe25;
    padding: 4px 20px;
    border-radius: 20px;
    color: #fff !important;
    background: linear-gradient( to bottom, #ffe27a 0%, #fdbe25 50%, #e6a900 100% );
  }
    #menu-item-139 a{
      color: #333 !important;
    }

  ._table tr td{
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }
    ._table tr td p{
      text-align: center !important;
    }

}


.btn-contact{
  background-color: #fdbe25;
  padding: 4px 20px;
  border-radius: 20px;
  border: 1px solid #333 !important;
  background: linear-gradient( to bottom, #ffe27a 0%, #fdbe25 50%, #e6a900 100% );
  font-family: "Noto Serif",serif;
  font-size: 20px;
  color: #333 !important;
  cursor: pointer;
}

.btn-contact-whats{
  background: linear-gradient( to bottom, #8AF2A8 0%, #49E670 50%, #2FBF5F 100%);
  color: #333 !important;
  cursor: pointer;
}


.social-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}


.social-btn {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 50%;
  font-size: 18px;
  text-decoration: none;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.social-btn:hover {
  transform: translateY(-2px);
  opacity: 0.85;
}

.facebook { background: #1877f2; }

.instagram {
  background: radial-gradient(circle at 30% 30%,
    #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);
}

.tiktok {
  background: #000;
}
