/*
Theme Name: Tecnologia Child
Author: VamTam
Author URI: https://vamtam.com
Template: tecnologia
*/



/*

put your child theme styles here


you don't need any @import rules

*/

/* AI Gradient Text */
.ai-text {
  background: linear-gradient(90deg, #7C4DFF, #00E5FF, #8AFFB0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  transition: background 0.4s ease;
}

.contact-form {
  max-width: 700px;
  margin: 0 auto;
  font-family: 'Poppins', sans-serif;
}

.form-row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.form-group {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.form-group label {
  font-weight: 500;
  color: #222;
  font-size: 15px;
  margin-bottom: 6px;
}

.form-group input,
.form-group select,
.form-group textarea {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 12px 14px;
  font-size: 15px;
  line-height: 1.5;
  color: #333;
  transition: all 0.3s ease;
  background-color: #fff;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  border-color: #0073e6;
  box-shadow: 0 0 0 3px rgba(0,115,230,0.15);
  outline: none;
}

.contact-form textarea {
  resize: none;
  height: 110px;
}

.contact-form .required {
  color: #e74c3c;
}

.contact-form button.submit-btn {
  background: linear-gradient(90deg, #0073e6, #005bb5);
  color: #fff;
  padding: 12px 28px;
  font-size: 16px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  transition: 0.3s ease;
}

.contact-form button.submit-btn:hover {
  background: linear-gradient(90deg, #005bb5, #004999);
}

@media (max-width: 600px) {
  .form-row {
    flex-direction: column;
  }
}


/* SAP Business One ROI Pop Up */
ul.sap-roi-form {
    display: flex;
    flex-direction: column;
    padding: 0;
}

ul.sap-roi-form li {
    list-style: none;
    position: relative;
    margin-bottom: 15px;
}
ul.sap-roi-form li label{
  font-size: 16px;

}
ul.sap-roi-form li input, ul.sap-roi-form li select {
    width: 100%;
    display: block;
    font-size: 14px;
}
.page-id-991127 #sub-header{
  display: none !important;
}

.blog-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  color: var(--e-global-color-text, #333);
  margin: 25px 0;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.blog-table th,
.blog-table td {
  padding: 14px 18px;
  text-align: left;
  vertical-align: middle;
  border: 1px solid #e5e5e5;
}

.blog-table th {
  background-color: var(--e-global-color-vamtam_accent_4);
  color: var(--vamtam-widget-text-lighter);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.blog-table tr:nth-child(even) td {
  background-color: #f9f9f9; /* even rows */
}

.blog-table tr:nth-child(odd) td {
  background-color: #fff; /* odd rows */
}

.blog-table tr:hover td {
  background-color: #f3f3f3;
}
.elementor-kit-5 a:hover {
    color: var(--e-global-color-vamtam_accent_1);
}
/* Mobile responsiveness */
@media (max-width: 767px) {
  .blog-table,
  .blog-table tbody,
  .blog-table tr,
  .blog-table td,
  .blog-table th {
    display: block;
    width: 100%;
  }
  .blog-table tr {
    margin-bottom: 12px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    overflow: hidden;
  }
  .blog-table th {
    display: none;
  }
  .blog-table td {
    border: none;
    padding: 10px 12px;
    position: relative;
    background-color: #fff !important;
  }
  .blog-table td::before {
    content: attr(data-label);
    font-weight: 600;
    color: var(--e-global-color-primary, #906F2A);
    display: block;
    margin-bottom: 4px;
  }
}