/* ==========================================
   CIEGA.HTML
   ESTILO ACADÉMICO MODERADO
   COMPATIBILIDAD LEGACY
========================================== */

.articulo-fractal{

    max-width:100%;

    color:#d8d8d8;

    font-size:13px;

    line-height:1.75;

    text-align:justify;

    font-family:Georgia, "Times New Roman", serif;

    padding-left:15px;
    padding-right:15px;

    box-sizing:border-box;
}

/* ==========================================
   BLOQUES
========================================== */

.raiz-item{
    margin-bottom:28px;
}

/* ==========================================
   TÍTULOS
========================================== */

.articulo-fractal h1{

    color:#e6d08a;

    font-size:28px;

    font-weight:normal;

    text-align:center;

    margin:12px 0 20px 0;

    padding-bottom:10px;

    border-bottom:1px solid #555;
}

.articulo-fractal h2{

    color:#d6b85c;

    font-size:19px;

    font-weight:normal;

    margin-top:24px;

    margin-bottom:12px;
}

/* ==========================================
   TEXTO
========================================== */

.articulo-fractal p{
    margin:0 0 16px 0;
}

.articulo-fractal ul{
    margin:12px 0 18px 30px;
}

.articulo-fractal li{
    margin-bottom:6px;
}

/* ==========================================
   IMAGEN PRINCIPAL
========================================== */

.img-borde{

    display:block;

    width:100%;

    max-width:100%;

    height:auto;

    margin:0 auto 14px auto;

    border:1px solid #c8a84d;
}

/* ==========================================
   CITAS
========================================== */

.fractal-cita{

    margin:18px 0;

    padding:16px;

    background:#222;

    border-left:4px solid #d6b85c;

    color:#f0e0b0;

    text-align:center;

    font-size:15px;

    line-height:1.7;
}

.fractal-cita em{
    font-style:italic;
}

/* ==========================================
   REFLEXIONES
========================================== */

.fractal-reflexion{

    margin:18px 0;

    padding:14px 16px;

    background:#1b1b1b;

    border:1px solid #555;

    color:#e6d08a;

    text-align:center;

    font-style:italic;

    line-height:1.6;
}

/* ==========================================
   COLUMNA DERECHA
========================================== */

.cita-fractal{

    background:#171717;

    border:1px solid #444;

    color:#d8d8d8;

    text-align:center;

    line-height:1.45;

    font-size:11px;
}

.cita-fractal span{

    display:block;

    margin-top:8px;

    color:#999;

    font-size:10px;
}

/* ==========================================
   RESPONSIVE
========================================== */

@media screen and (max-width:640px){

    .contenedor-600{
        width:100%;
        max-width:100%;
    }

    table{
        width:100% !important;
    }

    td{
        display:block;
        width:100% !important;
    }

    .articulo-fractal{

        font-size:15px;

        padding-left:15px;
        padding-right:15px;
    }

    .articulo-fractal h1{
        font-size:24px;
        line-height:1.25;
    }

    .articulo-fractal h2{
        font-size:20px;
    }

    .fractal-cita{
        font-size:14px;
    }

    .fractal-reflexion{
        font-size:14px;
    }

    .cita-fractal{
        font-size:12px;
    }
}