Default

<p>Este lunes, día 22 de junio, dará comienzo la XX Edición del Campus Suma del CD Tenerife y su Fundación, así como el I Campus Suma Plus; con la llegada de una de las actividades más esperadas por los/as aficionados/as blanquiazules más pequeños/as a los municipios de Santiago del Teide (Tenerife) y Breña Baja (La Palma). Así, la consolidada cita veraniega tinerfeñista comenzará un nuevo año, en el que recorrerá las cuatros islas de la provincia occidental del Archipielago durante los meses de junio, julio y agosto.</p>
<p>Con sesiones de grupos reducidos para mejorar su experiencia en el día a día, el objetivo será, una edición más, fomentar la cooperación e interacción entre los más pequeños, con el objetivo de promover valores como la amistad, el compañerismo, la igualdad, el respeto y el juego limpio.</p>
<p>Las inscripciones para las sedes aún disponibles del XX Campus Suma y el I Campus Suma Plus siguen disponibles. Consulta toda la información e inscríbete a través de la página web oficial de la actividad (<a href="https://www.clubdeportivotenerife.es/xx-campus-suma-2026">https://www.clubdeportivotenerife.es/xx-campus-suma-2026</a>).</p>
<p>#FundaciónCDT #CanteraCDT #TanNuestro</p>

<div class="contenedor-campus-cdt">
    <style>
        .plus-action-card {
            background: #f0f8ff;
            border: 2px solid #00a8e8;
            border-radius: 12px;
            padding: 25px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            transition: all 0.3s ease;
            margin: 15px 0;
        }
        .plus-action-card:hover {
            transform: scale(1.02);
            background: #ffffff;
        }
        .plus-text-cont h4 {
            color: #00a8e8;
            margin: 0 0 5px 0;
            text-transform: uppercase;
        }
        .plus-text-cont p {
            margin: 0;
            font-size: 0.95rem;
            color: #555;
        }
        .plus-boton {
            background: #00a8e8;
            color: white !important;
            padding: 10px 20px;
            border-radius: 5px;
            text-decoration: none;
            font-weight: bold;
            text-transform: uppercase;
            font-size: 0.8rem;
        }
        @media (max-width: 600px) {
            .plus-action-card { flex-direction: column; text-align: center; gap: 15px; }
        }
    </style>

    <div class="plus-action-card">
        <div class="plus-text-cont">
            <h4>Información XX Campus Suma</h4>
            <p>Toda la información de la vigésima edición del campus de verano blanquiazul.</p>
        </div>
        <a href="https://statics-maker.llt-services.com/ten/documents/2026/05/11/dbafb410-aa35-4355-b85f-69110d1dfbaa-406.pdf" class="plus-boton">Dossier Informativo</a>
    </div>
</div>

<div class="contenedor-campus-cdt">
    <style>
        .plus-action-card {
            background: #f0f8ff;
            border: 2px solid #00a8e8;
            border-radius: 12px;
            padding: 25px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            transition: all 0.3s ease;
            margin: 15px 0;
        }
        .plus-action-card:hover {
            transform: scale(1.02);
            background: #ffffff;
        }
        .plus-text-cont h4 {
            color: #00a8e8;
            margin: 0 0 5px 0;
            text-transform: uppercase;
        }
        .plus-text-cont p {
            margin: 0;
            font-size: 0.95rem;
            color: #555;
        }
        .plus-boton {
            background: #00a8e8;
            color: white !important;
            padding: 10px 20px;
            border-radius: 5px;
            text-decoration: none;
            font-weight: bold;
            text-transform: uppercase;
            font-size: 0.8rem;
        }
        @media (max-width: 600px) {
            .plus-action-card { flex-direction: column; text-align: center; gap: 15px; }
        }
    </style>

    <div class="plus-action-card">
        <div class="plus-text-cont">
            <h4>Inscripciones abiertas</h4>
            <p>No pierdas la oportunidad de participar en una de nuestras 14 sedes.</p>
        </div>
        <a href="https://citas.tenerife360.es/experiences" class="plus-boton">Inscríbete</a>
    </div>
</div>

<div id="campus-suma-2026" class="contenedor-campus-cdt">
    <style>
        /* Encapsulamiento mediante ID para asegurar prioridad de estilos */
        #campus-suma-2026.contenedor-campus-cdt {
            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
            max-width: 1000px;
            margin: 20px auto;
            color: #333 !important;
            line-height: normal;
        }

        #campus-suma-2026 .cdt-header {
            background-color: #0054a6 !important;
            padding: 25px;
            text-align: center;
            border-radius: 8px 8px 0 0;
            display: block;
        }

        #campus-suma-2026 .cdt-header h2 {
            margin: 0 !important;
            text-transform: uppercase !important;
            font-size: 1.6rem !important;
            color: #ffffff !important;
            font-weight: bold !important;
            border: none !important;
        }

        #campus-suma-2026 .cdt-mes-titulo {
            background: #f4f4f4 !important;
            padding: 10px 15px !important;
            border-left: 5px solid #0054a6 !important;
            margin: 30px 0 15px 0 !important;
            font-weight: bold !important;
            text-transform: uppercase !important;
            color: #0054a6 !important;
            font-size: 1.2rem !important;
            display: block;
        }

        #campus-suma-2026 .cdt-grid {
            display: grid !important;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
            gap: 15px !important;
            padding: 10px 5px !important;
        }

        #campus-suma-2026 .cdt-card {
            position: relative !important; /* Necesario para posicionar la capa encima */
            background: #fff !important;
            border: 1px solid #e1e1e1 !important;
            border-left: 6px solid #0054a6 !important;
            padding: 15px !important;
            border-radius: 4px !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            transition: all 0.3s ease !important;
            box-shadow: none;
            overflow: hidden !important; /* Evita que la capa se salga de los bordes redondeados */
        }

        #campus-suma-2026 .cdt-card:hover {
            transform: scale(1.03) !important;
            box-shadow: 0 8px 15px rgba(0,0,0,0.1) !important;
        }

        #campus-suma-2026 .cdt-nombre {
            font-weight: bold !important;
            color: #0054a6 !important;
            font-size: 1.1rem !important;
            margin-bottom: 2px !important;
            display: block;
        }

        #campus-suma-2026 .cdt-fecha {
            color: #444 !important;
            font-size: 0.95rem !important;
            display: block;
        }

        #campus-suma-2026 .cdt-new {
            background: #d4af37 !important;
            color: #fff !important;
            font-size: 10px !important;
            padding: 2px 6px !important;
            border-radius: 3px !important;
            margin-left: 5px !important;
            vertical-align: middle !important;
            display: inline-block !important;
            font-weight: bold !important;
        }

        /* --- NUEVOS ESTILOS PARA LA SEDE COMPLETA --- */
        #campus-suma-2026 .cdt-card.cdt-completa::after {
            content: "SEDE COMPLETA" !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            width: 100% !important;
            height: 100% !important;
            background: rgba(120, 120, 120, 0.45) !important; /* Capa gris traslúcida */
            color: #ffffff !important;
            font-weight: 900 !important;
            font-size: 1.2rem !important;
            text-transform: uppercase !important;
            letter-spacing: 1px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6) !important; /* Sombra para garantizar lectura */
            z-index: 2 !important;
        }
        
        /* Desactiva el efecto hover de escala en las sedes completas para mantener consistencia */
        #campus-suma-2026 .cdt-card.cdt-completa:hover {
            transform: none !important;
            box-shadow: none !important;
        }
    </style>

    <div class="cdt-header">
        <h2>XX Campus Suma 2026</h2>
    </div>

    <div class="cdt-mes-titulo">Sedes</div>
    <div class="cdt-grid">
        <div class="cdt-card"><span class="cdt-nombre">Breña Baja (La Palma)</span><span class="cdt-fecha">22 al 26 de junio</span></div>
        <div class="cdt-card"><span class="cdt-nombre">Santiago del Teide</span><span class="cdt-fecha">22 al 27 de junio</span></div>
        
        <div class="cdt-card cdt-completa"><span class="cdt-nombre">Ciudad Deportiva</span><span class="cdt-fecha">29 de junio al 4 julio</span></div>
        <div class="cdt-card cdt-completa"><span class="cdt-nombre">Ciudad Deportiva</span><span class="cdt-fecha">6 al 11 julio</span></div>
        
        <div class="cdt-card"><span class="cdt-nombre">Los Silos <span class="cdt-new">NUEVA SEDE</span></span><span class="cdt-fecha">13 al 18 julio</span></div>
        <div class="cdt-card"><span class="cdt-nombre">Arico</span><span class="cdt-fecha">13 al 18 julio</span></div>
        <div class="cdt-card"><span class="cdt-nombre">La Cuadra del Palmero (El Médano) <span class="cdt-new">NUEVA SEDE</span></span><span class="cdt-fecha">13 al 18 julio</span></div>
        <div class="cdt-card"><span class="cdt-nombre">San Miguel (Las Zocas) <span class="cdt-new">NUEVA SEDE</span></span><span class="cdt-fecha">20 al 25 julio</span></div>
        <div class="cdt-card"><span class="cdt-nombre">El Hierro (Valverde)</span><span class="cdt-fecha">20 al 25 julio</span></div>
        <div class="cdt-card"><span class="cdt-nombre">Icod de los Vinos</span><span class="cdt-fecha">20 al 25 julio</span></div>
        <div class="cdt-card"><span class="cdt-nombre">Guía de Isora</span><span class="cdt-fecha">27 de julio al 1 agosto</span></div>
        <div class="cdt-card"><span class="cdt-nombre">Adeje</span><span class="cdt-fecha">27 de julio al 1 agosto</span></div>
        <div class="cdt-card"><span class="cdt-nombre">Santa Úrsula <span class="cdt-new">NUEVA SEDE</span></span><span class="cdt-fecha">27 de julio al 1 de agosto</span></div>
        <div class="cdt-card"><span class="cdt-nombre">La Gomera (Valle Gran Rey)</span><span class="cdt-fecha">3 de agosto al 7 de agosto</span></div>
    </div>
</div>

<div class="contenedor-precios-cdt">
    <style>
        .contenedor-precios-cdt {
            font-family: 'Segoe UI', Arial, sans-serif;
            max-width: 1000px;
            margin: 20px auto;
            color: #333;
        }

        /* Título resaltado igual que el módulo de sedes */
        .precios-header-azul {
            background-color: #0054a6;
            color: #ffffff;
            padding: 20px;
            text-align: center;
            border-radius: 8px 8px 0 0;
            margin-bottom: 25px;
        }

        .precios-header-azul h2 {
            margin: 0;
            text-transform: uppercase;
            font-size: 1.6rem;
            color: #ffffff !important;
            letter-spacing: 1px;
        }

        .precios-flex {
            display: flex;
            gap: 12px;
            justify-content: space-between;
            padding: 10px 5px;
        }

        .precio-tarjeta {
            flex: 1;
            background: #fff;
            border: 1px solid #e1e1e1;
            border-top: 5px solid #0054a6;
            padding: 20px 5px;
            text-align: center;
            border-radius: 4px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            transition: all 0.3s ease;
            cursor: default;
        }

        /* El efecto de resaltado (Zoom) */
        .precio-tarjeta:hover {
            transform: scale(1.08);
            box-shadow: 0 10px 20px rgba(0,0,0,0.15);
            z-index: 10;
            border-color: #0054a6;
        }

        .precio-promo-card {
            background-color: #f0f8ff;
            border-top-color: #00a8e8;
        }

        .precio-promo-card:hover {
            border-color: #00a8e8;
        }

        .precio-label {
            font-weight: bold;
            color: #555;
            text-transform: uppercase;
            font-size: 0.75rem;
            margin-bottom: 8px;
            min-height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .precio-valor {
            font-size: 1.8rem;
            font-weight: 800;
            color: #0054a6;
        }

        .precio-promo-card .precio-valor {
            color: #00a8e8;
        }

        .precio-valor span {
            font-size: 1rem;
            margin-left: 1px;
        }

        /* Responsive para móviles */
        @media (max-width: 768px) {
            .precios-flex {
                flex-wrap: wrap;
            }
            .precio-tarjeta {
                flex: 1 1 45%;
                margin-bottom: 10px;
            }
        }
    </style>

    <div class="precios-header-azul">
        <h2>Precios</h2>
    </div>

    <div class="precios-flex">
        <div class="precio-tarjeta">
            <span class="precio-label">General</span>
            <div class="precio-valor">120<span>€</span></div>
        </div>

        <div class="precio-tarjeta">
            <span class="precio-label">Accionista</span>
            <div class="precio-valor">110<span>€</span></div>
        </div>

        <div class="precio-tarjeta">
            <span class="precio-label">Hermano/a</span>
            <div class="precio-valor">100<span>€</span></div>
        </div>

        <div class="precio-tarjeta precio-promo-card">
            <span class="precio-label">2ª sede en 2026</span>
            <div class="precio-valor">90<span>€</span></div>
        </div>

        <div class="precio-tarjeta precio-promo-card">
            <span class="precio-label">Hermano en 2ª sede</span>
            <div class="precio-valor">70<span>€</span></div>
        </div>
    </div>
</div>

<div class="contenedor-campus-cdt">
    <style>
        .contenedor-campus-cdt {
            font-family: 'Segoe UI', Arial, sans-serif;
            max-width: 1000px;
            margin: 20px auto;
            color: #333;
        }

        .cdt-header {
            background-color: #00a8e8;
            color: #ffffff;
            padding: 25px;
            text-align: center;
            border-radius: 8px 8px 0 0;
        }

        .cdt-header h2 {
            margin: 0;
            text-transform: uppercase;
            font-size: 1.6rem;
            color: #ffffff !important;
        }

        .cdt-mes-titulo {
            background: #f4f4f4;
            padding: 10px 15px;
            border-left: 5px solid #00a8e8;
            margin: 30px 0 15px 0;
            font-weight: bold;
            text-transform: uppercase;
            color: #00a8e8;
            font-size: 1.2rem;
        }

        .cdt-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 15px;
            padding: 10px 5px;
        }

        .cdt-card {
            background: #fff;
            border: 1px solid #e1e1e1;
            padding: 15px;
            border-radius: 4px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            transition: all 0.3s ease;
            cursor: default;
            border-left: 6px solid #00a8e8;
            background-color: #f0f8ff;
            border-bottom: 2px solid #00a8e8;
        }

        .cdt-card:hover {
            transform: scale(1.03);
            box-shadow: 0 8px 15px rgba(0,0,0,0.1);
            z-index: 5;
        }

        .cdt-nombre {
            font-weight: bold;
            color: #0054a6;
            font-size: 1.1rem;
            margin-bottom: 2px;
        }

        .cdt-lugar-plus {
            font-size: 0.8rem;
            color: #00a8e8;
            font-weight: bold;
            text-transform: uppercase;
            margin-bottom: 5px;
            display: block;
        }

        .cdt-fecha {
            color: #444;
            font-size: 0.95rem;
        }
    </style>

    <div class="cdt-header">
        <h2>Campus Suma Plus</h2>
    </div>

    <div class="cdt-mes-titulo">Sedes</div>
    <div class="cdt-grid">
        <div class="cdt-card">
            <span class="cdt-nombre">Campus Suma Plus</span>
            <span class="cdt-lugar-plus">Breña Baja (La Palma)</span>
            <span class="cdt-fecha">23, 24 y 25 de junio</span>
        </div>
        <div class="cdt-card">
            <span class="cdt-nombre">Campus Suma Plus</span>
            <span class="cdt-lugar-plus">Ciudad Deportiva Javier Pérez</span>
            <span class="cdt-fecha">30 de junio, 1, 2 y 3 de julio</span>
        </div>
        <div class="cdt-card">
            <span class="cdt-nombre">Campus Suma Plus</span>
            <span class="cdt-lugar-plus">Ciudad Deportiva Javier Pérez</span>
            <span class="cdt-fecha">7, 8, 9 y 10 de julio</span>
        </div>
        <div class="cdt-card">
            <span class="cdt-nombre">Campus Suma Plus</span>
            <span class="cdt-lugar-plus">Adeje</span>
            <span class="cdt-fecha">28, 29, 30 y 31 de julio</span>
        </div>
    </div>
</div>

<div class="contenedor-precios-cdt">
    <style>
        .contenedor-precios-cdt {
            font-family: 'Segoe UI', Arial, sans-serif;
            max-width: 1000px;
            margin: 20px auto;
            color: #00a8e8;
        }

        /* Título resaltado igual que el módulo de sedes */
        .precios-header-azul {
            background-color: #00a8e8;
            color: #ffffff;
            padding: 20px;
            text-align: center;
            border-radius: 8px 8px 0 0;
            margin-bottom: 25px;
        }

        .precios-header-azul h2 {
            margin: 0;
            text-transform: uppercase;
            font-size: 1.6rem;
            color: #ffffff !important;
            letter-spacing: 1px;
        }

        .precios-flex {
            display: flex;
            gap: 12px;
            justify-content: space-between;
            padding: 10px 5px;
        }

        .precio-tarjeta {
            flex: 1;
            background: #fff;
            border: 1px solid #e1e1e1;
            border-top: 5px solid #00a8e8;
            padding: 20px 5px;
            text-align: center;
            border-radius: 4px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            transition: all 0.3s ease;
            cursor: default;
        }

        /* El efecto de resaltado (Zoom) */
        .precio-tarjeta:hover {
            transform: scale(1.08);
            box-shadow: 0 10px 20px rgba(0,0,0,0.15);
            z-index: 10;
            border-color: #0054a6;
        }

        .precio-promo-card {
            background-color: #f0f8ff;
            border-top-color: #00a8e8;
        }

        .precio-promo-card:hover {
            border-color: #00a8e8;
        }

        .precio-label {
            font-weight: bold;
            color: #555;
            text-transform: uppercase;
            font-size: 0.75rem;
            margin-bottom: 8px;
            min-height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .precio-valor {
            font-size: 1.8rem;
            font-weight: 800;
            color: #00a8e8;
        }

        .precio-promo-card .precio-valor {
            color: #00a8e8;
        }

        .precio-valor span {
            font-size: 1rem;
            margin-left: 1px;
        }

        /* Responsive para móviles */
        @media (max-width: 768px) {
            .precios-flex {
                flex-wrap: wrap;
            }
            .precio-tarjeta {
                flex: 1 1 45%;
                margin-bottom: 10px;
            }
        }
    </style>

    <div class="precios-header-azul">
        <h2>Precios</h2>
    </div>

    <div class="precios-flex">
        <div class="precio-tarjeta">
            <span class="precio-label">General</span>
            <div class="precio-valor">90<span>€</span></div>
        </div>

        <div class="precio-tarjeta">
            <span class="precio-label">Accionista</span>
            <div class="precio-valor">80<span>€</span></div>
        </div>

        <div class="precio-tarjeta">
            <span class="precio-label">Hermano/a</span>
            <div class="precio-valor">70<span>€</span></div>
        </div>
    </div>
</div>

Fundación

Santiago del Teide y Breña Baja inician la XX Edición del Campus Suma y el I Campus Suma Plus

Facebook

Instagram

Telegram

Tiktok

Twitter

Weibo

Youtube

El municipio del sur de Tenerife y la localidad de la isla de La Palma comenzarán mañana lunes, 22 de junio, la esperada actividad estival blanquiazul, que se prolongará hasta el próximo mes de agosto.