@extends('layouts.footerVerticalReportesContinuada')

@section('titulo')
REPORTE APRECIACIONES CUALITATIVAS
@endsection

@section('contenido')
    <style>
        body{
            font-family: Arial, Helvetica, sans-serif;
        }
        .portada{
            text-align: center
        }
        .portada h1{
            font-size: 18px;
            padding: 20px;
            font-weight: 100;
        }
        .portada .header{
            margin-bottom: 250px;
        }
        .portada .body{
            margin-bottom: 150px;
        }
        .tabla{
            width: 100%;
        }
        .tabla table{
            width: 100%;
        }
        table thead{
            font-size: 15px;
        }
        .tabla h1{
            font-size: 22px;
            text-align: center
        }
        td, th {
            border: black 1px solid;
        }
        *{
            box-sizing: border-box;
        }
        .docente{
            width: 50%;
        }
        .docente2{
            width: 30%;
        }
        thead .instrumento{
            font-size: 10px;
            font-weight: 100;
        }
        .instrumento{
            width: 20%;
        }
        .promedio2{
            width: 10%;
        }
        .actividades{
            width: 25%;
        }
        .promedio{
            width: 25%;
        }
        table{
            border-collapse: collapse;
        }
        .c{
            text-align: center;
        }
        .m{
            text-transform: uppercase;
        }
        .n{
            font-weight: bold;
        }
        .titulo-cali{
            margin-top: 40px;
            margin-bottom: 20px;
        }
        .formulario{
            border: 1px solid #ccc;
            margin: 15px 0;
            padding: 10px;
        }
        .respuesta{
            color: #333;
            padding-left: 30px;
        }
        .titulo{
            font-weight: bold;
            margin-top: 20px;
        }
        .label{
            padding: 3px;
        }
        .tabla{
            padding: 3px;
        }
        .fecha,.responde{
            padding: 5px;
        }
    </style>