body{font-family:Arial,Helvetica,sans-serif;margin:18px;color:#222}
.container{max-width:980px;margin:0 auto}
form{display:flex;gap:8px;margin-bottom:12px}
input[type="text"]{padding:8px;font-size:16px;flex:1}
button{padding:8px 12px;font-size:15px}
.profile{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid #e6e9ee;padding:14px;border-radius:8px;flex-wrap:wrap}
.imagenV{width:140px;height:140px;object-fit:cover;background:#f3f4f6;border:1px solid #e6e9ee;border-radius:6px}
.imagenC{width:140px;height:140px;object-fit:contain;background:#f3f4f6;border:1px solid #e6e9ee;border-radius:6px}
.profile .meta:nth-child(3){width:100%;flex-basis:100%}
.meta{flex:1}
.profile .meta:nth-child(3){width:100%;flex-basis:100%;display:flex;gap:16px;align-items:flex-start}
.meta h2{margin:0 0 6px;font-size:18px}
.meta .row{margin:6px 0;color:#444}
.meta .row strong{margin-right:8px}
table{width:100%;border-collapse:collapse;margin-top:14px}
th,td{padding:8px;border:1px solid #eee;text-align:left}
.msg{color:#b00;margin-top:8px}
/* Tablet */
@media only screen and (min-width: 800px) and (max-width: 1149px) {
    form {
    flex-direction: column;
    /* background-color: #b00; */
    }
    .profile {
    flex-direction: column;
    align-items: center;
    }
    .meta {
    text-align: center;
    }
}
/* Mobile */
@media only screen and (min-width: 480px) and (max-width: 799px) {
    form {
    flex-direction: column;
    /* background-color: #b00; */
    }
    .profile {
    flex-direction: column;
    align-items: center;
    }
    .meta {
    text-align: center;
    }
}

/* smartphone */
@media only screen and (max-device-width : 479px) {
    form {
    flex-direction: column;
    /* background-color: aquamarine; */
    }
    .profile {
    flex-direction: column;
    align-items: center;
    }
    .meta {
    text-align: center;
    }    
}