.territorial{
  position:relative;
  z-index:7;
  display:flex;
  width:100%;
  justify-content:center;
  overflow:hidden;
  padding:253px 40px 235px;
  background:#D2CFCF;
  color:#242424;
  min-height:1900px;
}



.territorial__fondo::after{
  display:none;
}

/* El fondo final usa el recurso visual original del proyecto. */
.territorial__fondo{
  inset:0;
  opacity:1;
  background-color:transparent;
  background-image:url("/imgs/mapa.svg");
  background-repeat:no-repeat;
  background-position:center top;
  background-size:100% 100%;
  -webkit-mask-image:linear-gradient(to bottom, #000 0%, #000 46%, rgba(0,0,0,.94) 59%, rgba(0,0,0,.68) 76%, rgba(0,0,0,.28) 81%, transparent 100%);
  mask-image:linear-gradient(to bottom, #000 0%, #000 46%, rgba(0,0,0,.94) 59%, rgba(0,0,0,.68) 76%, rgba(0,0,0,.28) 91%, transparent 100%);
}

.territorial__fondo::before,
.territorial__fondo::after,
.territorial__punto::before,
.territorial__punto::after,
.territorial__marcador{
  display:none;
}

.territorial__fondo::after{
  position:absolute;
  z-index:2;
  right:0;
  bottom:0;
  left:0;
  display:none;
  height:1800px;
  content:"";
  pointer-events:none;
  background:linear-gradient(
    to bottom,
    rgba(217,217,217,0) 0%,
    rgba(217,217,217,.18) 22%,
    rgba(217,217,217,.58) 54%,
    #D9D9D9 100%
  );
}

.territorial__fondo{
  display:block;
  position:absolute;
  z-index:0;
  top:auto;
  right:0;
  bottom:0;
  left:0;
  width:100%;
  height:1250px;
  overflow:hidden;
  background:none;
  -webkit-mask-image:linear-gradient(to bottom, #000 0%, #000 76%, rgba(0,0,0,.65) 90%, transparent 100%);
  mask-image:linear-gradient(to bottom, #000 0%, #000 76%, rgba(0,0,0,.65) 90%, transparent 100%);
}

.territorial__fondo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:fill;
}

.territorial__contenido{
  position:relative;
  z-index:2;
  display:flex;
  width:100%;
  max-width:1255px;
  flex-direction:column;
  align-items:center;
}

.territorial__intro{
  display:flex;
  width:100%;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

.territorial__intro h2{
  color:#8F5529;
  font-size:38px;
  line-height:1.5;
  letter-spacing:4px;
  font-weight:400;
}

.territorial__intro p{
  margin-top:35px;
  font-size:16px;
  line-height:29px;
}

.territorial__puntos{
  position:relative;
  z-index:3;
  display:flex;
  width:100%;
  height:395px;
  justify-content:space-between;
  margin-top:65px;
}

.territorial__punto{
  position:relative;
  display:flex;
  width:31%;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

.territorial__romano{
  color:#aaa29a;
  font-size:36px;
  line-height:43px;
}

.territorial__punto h3{
  margin-top:9px;
  font-size:16px;
  line-height:25px;
}

.territorial__punto::after{
  position:absolute;
  top:260px;
  bottom:-10px;
  left:50%;
  width:1px;
  content:"";
  background:#242424;
  transform:translateX(-50%);
}

.territorial__punto::before{
  position:absolute;
  z-index:1;
  top:105px;
  left:50%;
  width:1px;
  height:155px;
  content:"";
  background:
    radial-gradient(circle at 50% 7px, #242424 0 7px, transparent 8px),
    linear-gradient(to bottom, transparent 14px, #242424 14px 100%);
  transform:translateX(-50%);
}

.territorial__marcador{
  position:absolute;
  z-index:1;
  top:260px;
  left:50%;
  width:16px;
  height:16px;
  border:3px solid #242424;
  border-radius:50%;
  background:#D9D9D9;
  box-shadow:0 0 0 4px #b3481f;
  transform:translateX(-50%);
}

.territorial__recurso{
  position:relative;
  z-index:8;
  display:flex;
  width:100%;
  max-width:900px;
  min-height:405px;
  margin-top:133px;
}

.territorial__imagen{
  display:flex;
  width: 48%;
  height: auto;
  background:#c8c8c8;
}

.territorial__imagen img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position: left;
}

.territorial__formulario{
  display:flex;
  width:58.65%;
  flex-direction:column;
  padding:33px 35px 38px;
  background:#e7e7e7;
}

.territorial__formulario h3{font-size:17px;line-height:24px}
.territorial__formulario > p{margin-top:10px;font-size:14px;line-height:23px}

.territorial__formulario form{
  display:flex;
  width:100%;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
  margin-top:19px;
}

.territorial__formulario input{
  width:100%;
  height:49px;
  padding:0 20px;
  border:1px solid rgba(36,36,36,.14);
  border-radius:9px;
  outline:none;
  background:#f0f0f0;
  color:#242424;
  font-size:14px;
}

.territorial__formulario input::placeholder{color:rgba(36,36,36,.43)}
.territorial__formulario input:focus{border-color:rgba(36,36,36,.35)}

.territorial__intereses{
  width:100%;
  margin:13px 0 0;
  padding:0;
  border:0;
}

.territorial__intereses legend{
  padding:0;
  font-size:14px;
  line-height:20px;
}

.territorial__intereses p{
  margin:4px 0 15px;
  font-size:12px;
  line-height:18px;
  color:rgba(36,36,36,.68);
}

.territorial__checkbox{
  display:flex;
  width:100%;
  align-items:flex-start;
  gap:8px;
  margin-top:8px;
  font-size:13px;
  line-height:18px;
  cursor:pointer;
}

.territorial__formulario .territorial__checkbox input[type="checkbox"]{
  flex:0 0 auto;
  width:16px;
  height:16px;
  margin:1px 0 0;
  padding:0;
  accent-color:#242424;
}

.territorial__formulario button{
  margin-top:15px;
  padding:14px 26px;
  border:0;
  cursor:pointer;
  background:#d2d2d2;
  color:#111;
  font-size:14px;
  line-height:16px;
}

.territorial__formulario button:hover{background:#c5c5c5}

@media (max-width:760px){
  .territorial{min-height:0;padding:60px 22px 140px}
  .territorial__fondo{height:1000px;}
  .territorial__intro h2{font-size:27px;line-height:1.45;letter-spacing:2px}
  .territorial__intro p{margin-top:25px;font-size:15px;line-height:25px}
  .territorial__break{display:none}
  .territorial__puntos{height:auto;flex-direction:column;gap:45px;margin-top:55px}
  .territorial__punto{width:100%;min-height:250px}
  .territorial__punto::before{top:110px;height:74px}
  .territorial__punto::after{top:184px;bottom:-45px}
  .territorial__marcador{top:184px}
  .territorial__punto:last-child::after{display:none}
  .territorial__recurso{flex-direction:column;margin-top:35px}
  .territorial__imagen,.territorial__formulario{width:100%}
  .territorial__imagen{aspect-ratio:1 / 1}
  .territorial__formulario{padding:30px 24px 32px}
  .territorial__recurso{
    box-shadow: 0 0 40px rgba(0,0,0,.14);
    border: 1px solid rgb(187, 187, 187);
  }
}

.recaptcha-wrapper {
  margin: 16px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
}

@media (max-width: 360px) {
  .recaptcha-wrapper {
    overflow: hidden;
  }
  .recaptcha-wrapper .g-recaptcha {
    transform: scale(0.85);
    transform-origin: 0 0;
  }
}