/* ============================================================
   Micrositio Campus 2600
   ============================================================ */

/* Variables personalizadas (puedes sobrescribir las de Bootstrap) */
:root {
	--campus-color-1: #EA1F7C;
	--campus-color-2: #311E5C;
  --campus-color-3: #7F317C;
	--campus-color-text: #373636;
	--campus-bg-1: #D9D9D9;
  --campus-bg-2: #f3f3f3;
}

#campusTabs .nav-link {
    border-radius: 30px;
    color: var(--campus-color-text);
    font-weight: 500;
    background: #fff;
    font-size: 110%;
    padding: 1rem 1.5rem;
    flex: 1;
}
.block-local-tasks-block .nav-tabs a {
	color: var(--campus-color-1);
	font-weight:bold;
}

.page-node-type-page .maincontent .field--name-body {
	width: 100% !important;
}
#campusTabs .nav-link {
	box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.10);
}
#campusTabs .nav-link:hover,
#campusTabs .nav-link:focus,
#campusTabs .nav-link.active,
.page-node-44705 #campusTabs .nav-link:nth-child(1),
.page-node-44709 #campusTabs .nav-link:nth-child(2),
.page-node-44711 #campusTabs .nav-link:nth-child(3),
.page-node-44712 #campusTabs .nav-link:nth-child(4){
	background:var(--campus-color-1);
	color:#fff;
}
.page-node-44618 main,
.page-node-44616 main,
.page-node-44705 main > .container,
.page-node-44711 main > .container,
.page-node-44712 main > .container{
  background-size: auto 35%;
}
.page-node-44618 main,
.page-node-44705 main {
  background:url("https://agenciaatenea.gov.co/sites/default/files/images/landing-campus-bg-1.png") no-repeat left 20%;;
}
.page-node-44616  main > .container {
  background:url("https://agenciaatenea.gov.co/sites/default/files/images/landing-campus-bg-1.png") no-repeat left 10%;;
}
.page-node-44711 main > .container {
  background:url("https://agenciaatenea.gov.co/sites/default/files/images/landing-campus-bg-2.png") no-repeat left 10%;;
}
.page-node-44712 main > .container {
  background:url("https://agenciaatenea.gov.co/sites/default/files/images/landing-campus-bg-3.png") no-repeat left 10%;
}

.arrow-top {
    position: absolute;
    top: -24%;
    right: 7%;
    z-index: 2;
    pointer-events: none;
    transform: rotate(346deg);
}

.arrow-top img {
    width: 200px; 
}

.arrow-bottom {
		position: absolute;
    bottom: -28%;
    right: 25%;
    z-index: 2;
    transform: rotate(354deg);
}

.arrow-bottom img {
    width: 320px; /* Ajustar según la curvatura de tu SVG */
}

.img-rounded img {
	border-radius: 2rem;
}
.ckeditor-accordion-container .file {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    gap:5p;
}
.bg-purple {
	background: var(--campus-color-2) !important;
}
.ckeditor-accordion-container>dl dd {
    background:var(--campus-bg-1);
    border-radius: 0 0 26px 26px;
}
.maincontent .ckeditor-accordion-container p,
.maincontent .ckeditor-accordion-container table,
.maincontent .ckeditor-accordion-container ul,
.maincontent .ckeditor-accordion-container li,
.maincontent .ckeditor-accordion-container .paragraph{
	color: var(--campus-color-text) !important;
}
.maincontent .ckeditor-accordion-container .paragraph{
/*	margin-left:1rem; */
}
.maincontent .ckeditor-accordion-container .field--name-field-enlace a::before {
	content: "\F470";
	   display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
}
.maincontent .ckeditor-accordion-container .paragraph .field{
    font-size: 1.2rem;
    line-height: 130%;
}
.maincontent .ckeditor-accordion-container .paragraph .field--name-field-titulo { 
	 font-size: 1.5rem;
}
.maincontent .ckeditor-accordion-container>dl dt>a,
.maincontent .ckeditor-accordion-container>dl dt>a:not(.button){
    background-color: var(--campus-color-2);
    border-bottom: none;
    padding: 2rem 2.5rem;
    /*box-shadow: 1px 8px 7px 2px #222121;*/
    border-radius: 26px;
    border: 1px solid var(--campus-color-3);
}
.maincontent .ckeditor-accordion-container>dl .ckeditor-accordion-container>dl dt>a,
.maincontent .ckeditor-accordion-container>dl .ckeditor-accordion-container>dl dt>a:not(.button){
	 background-color: #000;
	 padding:1.5rem 1rem;
}
.ckeditor-accordion-container>dl dd .ckeditor-accordion-container>dl dd {
	background-color: var(--campus-bg-2);
}
.ckeditor-accordion-container>dl .ckeditor-accordion-container>dl{
	width:98% !important;
}

.ckeditor-accordion-container>dl dd a.ckeditor-accordion-toggler::before {
	content:url('https://agenciaatenea.gov.co/sites/default/files/inline-images/img-accordion-2.png');
	padding-right:0.5rem;
}
.maincontent .ckeditor-accordion-container>dl dt.active {
	 border-radius: 26px 26px 0 0;
}
.maincontent .ckeditor-accordion-container>dl dt>a:hover,
.maincontent .ckeditor-accordion-container>dl dt>a:not(.button):hover,
.maincontent .ckeditor-accordion-container>dl dt.active {
   background-color: var(--campus-color-3);
}
.maincontent .ckeditor-accordion-container>dl dt.active a {
	background-color: var(--campus-color-3);
}


 .maincontent .ckeditor-accordion-container>dl .ckeditor-accordion-container>dl dt.active,
  .maincontent .ckeditor-accordion-container dl .ckeditor-accordion-container>dl dt.active{
	background-color: var(--campus-bg-2);
}
.maincontent .ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle:before,
.maincontent .ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle:after {
	   background: #fff;
}
.ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle {
	font-size: 3rem;
}
.ckeditor-accordion-container>dl {
    width: 80% !important;
}
.field--name-field-accordeon-info .field__item:first-child .ckeditor-accordion-container>dl {
    background: transparent;
}


.node h2{
 font-size: 3rem !important;
    line-height: 3rem;
 margin-bottom: 2rem;
 	color:  #fff;
}
.h2-border  {
	border-color: var(--campus-color-1) !important;
	padding-bottom: 0.5rem;
}
.node--unpublished {
    background-color: transparent;
}
@media (min-width: 767.98px) {
	.btn-2600campus {
			WIDTH: 55%;
	    MARGIN: AUTO;
	}
}
.btn-2600campus a.btn,
.btn-2600campus a.btn-primary,
.btn-2600campus a.btn-info{
	   padding: 1rem 3.5rem;
    border-radius: 30px;
    border:none;
}
.btn-2600campus a.btn-primary,
.btn-2600campus a.btn-info:hover,
.btn-2600campus a.btn-info.active{
	   background: var(--campus-color-1) !important;
	   color:#FFF !important;
}
.btn-primary.convocatorias, 
.btn-2600campus a.btn-info,
.btn-2600campus a.btn-primary:hover,
.btn-2600campus a.btn-primary.active,
.page-node-44716 .btn-2600campus a.btn-primary.resultados,
.page-node-44618 .btn-2600campus a.btn-primary.convocatorias{
	   background: #E8E8E8 !important;
	   color:#000 !important;
}

.text-formatted a.btn.disabled ,
.accordeon-info .text-formatted a.btn.disabled{
	    color: #767676;
}




/* Contenedor principal con las líneas punteadas de fondo */
        .grid-container {
            position: relative;
            padding: 40px 0;
        }

        /* Línea horizontal decorativa superior (solo visible en pantallas grandes) */
        @media (min-width: 768px) {
            .grid-container::before {
                content: "";
                position: absolute;
                top: 2rem;
                left: 0;
                width: 100%;
                border-top: 3px dashed var(--campus-color-2);
                z-index: 0;
            }
        }

        /* Estilos de las Tarjetas Modificados para asemejarse a la imagen */
        .custom-card {
            background-color: var(--campus-bg-1);
            border: none;
            border-radius: 40px;
            padding: 35px;
            height: 100%;
            position: relative;
            z-index: 1;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
        }

        /* Círculo decorativo superior centralizado */
        .card-dot {
            width: 30px;
            height: 30px;
            background-color: #ffffff;
            border: 4px solid var(--campus-color-2);
            border-radius: 50%;
            position: absolute;
            top: -20px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 2;
        }

        /* Imágenes redondeadas de los bloques */
        .card-img-custom {
            width: 100%;
            height: auto;
            max-height: 250px;
            object-fit: cover;
            border-radius: 10px;
            margin-bottom: 25px;
        }

        /* Títulos de las secciones */
        .custom-card h3 {
            font-weight: 800;
            color: #000000;
            margin: 2rem 0;
            line-height: 1.3;
        }

        /* Textos de los párrafos */
        .maincontent .field--name-body .card-text-custom {
					font-size: 1.1rem;
					line-height: 1.5;
					text-align: justify;
        }
        


/* Grid de rutas con línea de fondo */
        .routes-wrapper {
            position: relative;
            margin-bottom: 60px;
        }

        /* Línea discontinua decorativa solo visible en pantallas grandes */
        @media (min-width: 992px) {
            .routes-wrapper::before {
                content: "";
                position: absolute;
                top: 25%;
                left: 0;
                width: 100%;
                border-top: 3px dashed var(--campus-color-2);
                z-index: 0;
            }
        }

        .route-card-col {
            position: relative;
            z-index: 1;
        }

        .route-card {
            background-color: var(--campus-bg-1);
            border-radius: 30px;
            padding: 35px 25px;
            height: 100%;
            border: none;
            text-align: center;
            box-shadow: 0 4px 15px rgba(0,0,0,0.02);
        }

        .route-number {
            font-weight: 800;
            font-size: 1.15rem;
            color: #000000;
            margin-bottom: 5px;
            display: block;
        }

        .route-card h3 {
		    margin-bottom: 20px;
		    min-height: 86px;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    font-size: 1.5rem;
        }
.maincontent .field--name-body .route-desc {
            font-size: 1.2rem;
            line-height: 1.5;
            text-align: center;
        }

        /* Banner de imagen central */
        .banner-container {
            text-align: center;
            margin-bottom: 40px;
        }

        .banner-img {
            width: 100%;
            max-width: 750px;
            border-radius: 40px;
            object-fit: cover;
            height: auto;
            max-height: 220px;
        }

        .intro-text-middle {
            font-size: 1rem;
            line-height: 1.5;
            margin-bottom: 40px;
            max-width: 950px;
        }

        /* Bloques de servicios inferiores */
        .service-box-dark {
            background-color: var(--campus-color-2);
            color: #ffffff;
            border-radius: 25px;
            padding: 40px;
            margin-bottom: 30px;
        }

        .service-box-magenta {
            background-color: var(--campus-color-1);
            color: #ffffff;
            border-radius: 25px;
            padding: 40px;
            margin-bottom: 30px;
        }

        .service-desc {
            font-size: 0.92rem;
            line-height: 1.6;
            text-align: justify;
        }
        
        
        
/* Botón superior negro ovalado */
        .btn-consult {
            background-color: #15181c;
            color: #ffffff;
            border: none;
            border-radius: 50px;
            padding: 10px 35px;
            font-size: 0.95rem;
            font-weight: 500;
            transition: background-color 0.2s ease;
            text-decoration: none;
            display: inline-block;
        }

        .btn-consult:hover {
            background-color: #2c3138;
            color: #ffffff;
        }

        /* Bloques/Botones inferiores grandes */
        .action-card,
        .page-node-type-convocatorias .text-formatted .btn-lg.btn-primary{
            border: none;
            border-radius: 100px;
            padding: 25px 30px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            color: #ffffff;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
            position: relative;
            line-height:normal;
        }
        .page-node-type-convocatorias .text-formatted .btn {
           border-radius: 50rem;
        }
       .page-node-type-convocatorias .text-formatted .btn-lg {
           padding: 25px 80px;
        }
        .page-node-type-convocatorias .text-formatted .btn-lg.btn-primary {
            background:#ea1f7c;
        }
        .page-node-type-convocatorias .text-formatted .btn-lg.btn-primary {
          font-size:1.5rem;
        }
        .btn:hover,
        .action-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(0,0,0,0.15);
            box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4);
        }
       .page-node-type-convocatorias .text-formatted .btn-lg.btn-primary:hover,
        .action-card:hover {
            color: #ffffff;
        }

        /* Variantes de color exactas de la imagen */
        .card-purple {
            background-color: #21134a;
        }

        .card-magenta {
            background-color: #e30b6c;
        }

        /* Textos internos de los bloques */
        .card-main-text {
            font-size: 1.05rem;
            font-weight: normal;
            margin-bottom: 12px;
            display: block;
            line-height: 1.3;
        }

        .card-action-text {
            font-size: 1.1rem;
            font-weight: bold;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            display:block;
        }

        .card-action-text i {
            font-size: 1.3rem;
}

        
/*Botón Flotante*/        
#block-btnflotante-campus2600{
	position:fixed;
	right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1050;
  border-radius: 50px 0 0 50px;
}
#block-btnflotante-campus2600 a {
	color:#fff;
	text-decoration:none;
}
.btn-custom-purple {
  background-color: #702070; 
  color: #ffffff !important; 
  border: none;
  border-radius: 50px 20px 20px 50px; 
  padding: 0 0 0 2.5rem; 
  font-weight: 500;
  font-size: 1.5rem;
  transition: all 0.2s ease-in-out;
}

.btn-custom-purple:hover {
  background-color: #5a195a;
  color: #ffffff !important;
}

.icon-doc-container {
  background-color: #ffffff;
  color: #702070;
  padding: 1rem 1.2rem;
  margin-left: 1.5rem;
  font-size: 1.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px 24px 8px 8px; 
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); 
}
.icon-doc-container .bi-upload::before {
  font-weight:bolder !important;
}