/*
Theme Name: Astra - TYCSMG 
Template: astra
Description: Tema hijo personalizado basado en Astra para tycsmg.com
Version: 1.0
*/

/* ====== Hero Section ====== */
.hero-grid {
    /*position: absolute;*/
    inset: 0;
	/*background-color: #132a50;*/
	background-color: rgba(19, 42, 80, 0.7);
    background-image: linear-gradient(rgba(0, 180, 216, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 180, 216, 0.06) 1px, transparent 1px);
    background-size: 60px 60px;
    animation: gridMove 20s linear infinite;
	/*opacity: 0.8;*/
}
.hero-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(3.2rem, 8vw, 6.5rem);
    line-height: .95;
    letter-spacing: 0.03em;
    color: var(--white);
    animation: fadeUp 1s .3s ease both;
}
.hero-title .accent {
    color: var(--cyan);
}
.hero-tag {
    display: inline-block;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--cyan);
    border: 1px solid var(--cyan);
    padding: 5px 16px;
    margin-bottom: 24px;
    animation: fadeUp 1s .15s ease both;
}
.hero-logo {
    margin-bottom: 28px;
	filter: drop-shadow(0 0 10px rgba(0, 180, 216, 0.8));
}
.btn-primary {
    background: var(--cyan);
    color: var(--navy);
    padding: 14px 36px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: all .25s;
    clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
}

/* ====== Estatistics ====== */
.stat{
	    border-right: 1px solid rgba(0, 180, 216, 0.15);
}

/* ====== Quienes somos ====== */


/* ====== Servicios ====== */
.service-icon {
    width: 52px;
    height: 52px;
    background: rgba(0, 180, 216, 0.12);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin-bottom: 20px;
    border: 1px solid rgba(0, 180, 216, 0.2);
	    unicode-bidi: isolate;
}
.service-details li {
	/*font-size: 0.84rem;
	color: rgba(255, 255, 255, 0.5);*/
	padding: 0px 0px 0px 16px;
	position: relative;
	list-style: none;
}
.service-details li::before {
    content: '— ';
    	position: absolute;
    left: 0;
    color: var(--cyan);
    font-size: 0.7rem;
    top: 2px;
}
ul {
	display: block;
	list-style-type: disc;
	margin: 0px;
	/*margin-block-start: 1em;*/
	margin-block-end: 1em;
	padding-inline-start: 40px;
	unicode-bidi: isolate;
	padding: 0px;
}
.entry-content ul, .entry-content ol {
    padding: revert;
    /* margin: revert; */
    padding-left: 0px;
}
.contact-emails a {
    display: block;
    font-size: 0.92rem;
    /*color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    padding: 6px 0;
    transition: color .2s;*/
}
.servicios .fade-in {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.8s ease forwards;
}

/* ====== Sections ====== */
.section-tag {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--cyan);
    margin-bottom: 12px;
    display: block;
}
.section-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(2.5rem, 5vw, 3.8rem);
    line-height: 1;
    color: var(--white);
    margin-bottom: 20px;
}
hr {
    /*width: 60px;
    height: 3px;
    background: var(--cyan);*/
	background: #00B4D8;
    /*margin: 20px 0;*/
}
/* ====== Cards ====== */
.value-card h4 {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--cyan2);
    margin-bottom: 6px;
}
.value-card p {
    font-size: 0.88rem;
    color: #D1DAE5;
    line-height: 1.55;
}
.value-card {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 180, 216, 0.15);
    padding: 20px;
    border-radius: 4px;
    transition: border-color .25s, transform .25s;
}
/* ====== Efectos ====== */
.fade-in {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 0.8s ease forwards;
}

.fade-in:nth-child(1) {
  animation-delay: 0.2s;
}
.fade-in:nth-child(2) {
  animation-delay: 0.4s;
}
.fade-in:nth-child(3) {
  animation-delay: 0.6s;
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ====== Para la lista de entradas (proyectos) en el main ====== */

.proyectos-grid .wp-block-post {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.proyectos-grid .wp-block-post {
  min-height: 400px; /* ajusta según tu diseño */
}



/* ====== Entrada de proyectos realizados ====== */

.entry-title{
    padding-left: 20px;
}
.single-layout-1{
   padding-top: 80px;
}

.single .post-navigation {
    margin-bottom: 50px;
    /*padding: 2em 0 0;
    border-top: 1px solid var(--ast-single-post-border, var(--ast-border-color));*/
}

/* ====== HEADER ====== */
/* Fijar cabecera al hacer scroll - sobrescribe Astra transparent header */
.ast-theme-transparent-header #masthead {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}


body {
  /*padding-top: 100px; /* ajusta según la altura de tu header */
}


.pksl-wrapper .pksl-single-logo-items {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 0px;
    text-align: var(--pkls-item-alignment);
    padding: var(--pkls-item-padding);
    /*background-color: var(--pkls-item-bg, #f8f8f8);*/
    background-color: transparent !important;
    border: var(--pksl-item-border-size) var(--pksl-item-border-style) var(--pksl-item-border-color);
    transition: all 0.5s;
}