.ct-wrapper{
  background:white;
  padding:10px 20px;
}

.ct-container{
  max-width:1200px;
  margin:0 auto;
}

.ct-header{
  text-align:center;
  margin-bottom:5px;
}

.ct-alert {
  padding: 15px;
  border-radius: 6px;
  margin-bottom: 25px;
  font-weight: 500;
  text-align: center;
}

.ct-success {
  background: #e8f5e9;
  border: 1px solid #c8e6c9;
  color: #1b5e20;
}

.ct-error {
  background: #ffe5e5;
  border: 1px solid #ffb3b3;
  color: #b30000;
}

.ct-title{
  font-size:32px;
  font-weight:600;
  color:#360073;
  margin-bottom:10px;
}

.ct-subtitle{
  font-size:15px;
  color:#6b7280;
}

.ct-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  margin-bottom:50px;
}

/* INFO */
.ct-info{
  display:flex;
  flex-direction:column;
  gap:20px;
}

.ct-card{
  background:#ffffff;
  padding:5px 10px 5px 10px;
  border-radius:10px;
  box-shadow:0 8px 25px rgba(0,0,0,0.04);
}

.ct-card h3{
  margin-bottom:10px;
  font-size:16px;
  font-weight:600;
  color:#111827;
}

.ct-card p{
  font-size:14px;
  color:#374151;
  line-height:1.6;
}

/* FORM */
.ct-form{
  background:#ffffff;
  padding:30px;
  border-radius:10px;
  box-shadow:0 8px 25px rgba(0,0,0,0.04);
}

.ct-field{
  display:flex;
  flex-direction:column;
  margin-bottom:18px;
}

.ct-field label{
  font-size:13px;
  margin-bottom:6px;
  color:#374151;
}

.ct-field input,
.ct-field textarea{
  padding:12px;
  border:1px solid #d1d5db;
  border-radius:8px;
  font-size:14px;
  transition:0.2s;
}

.ct-field input:focus,
.ct-field textarea:focus{
  border-color:#360073;
  outline:none;
}

.ct-btn{
  width:100%;
  padding:14px;
  background:#360073;
  color:#ffffff;
  border:none;
  border-radius:8px;
  font-size:14px;
  font-weight:500;
  cursor:pointer;
  transition:0.2s;
}

.ct-btn:hover{
  opacity:0.9;
}

/* MAPA */
.ct-map{
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 8px 25px rgba(0,0,0,0.04);
}

.ct-map iframe{
  width:100%;
  height:450px;
  border:0;
}

@media (max-width: 768px){

  .ct-wrapper{
    padding:30px 14px;
  }

  .ct-container{
    max-width:100%;
  }

  .ct-header{
    margin-bottom:30px;
  }

  .ct-title{
    font-size:22px;
    line-height:1.3;
  }

  .ct-subtitle{
    font-size:14px;
  }

  .ct-grid{
    display:flex;
    flex-direction:column;
    gap:25px;
  }

  /* Info cards */
  .ct-card{
    padding:5px 16px 5px 16px;
    border-radius:10px;
  }

  .ct-card h3{
    font-size:15px;
  }

  .ct-card p{
    font-size:13px;
  }

  /* Form */
  .ct-form{
    padding:20px;
    border-radius:10px;
  }

  .ct-field{
    margin-bottom:16px;
  }

  .ct-field label{
    font-size:12px;
  }

  .ct-field input,
  .ct-field textarea{
    padding:14px;
    font-size:14px;
    border-radius:10px;
  }

  .ct-field textarea{
    min-height:110px;
  }

  .ct-btn{
    padding:16px;
    font-size:15px;
    border-radius:10px;
  }

  /* Map */
  .ct-map{
    margin-top:20px;
    border-radius:12px;
  }

  .ct-map iframe{
    height:300px;
  }
}