@charset "utf-8";
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#f4f1e8}
body{font-family:Georgia,"Palatino Linotype","Book Antiqua",serif;color:#332d28}
.cyberfractal-600{width:600px;max-width:600px;margin:0 auto}

.header{width:600px;background:#333;color:#fff;padding:12px 10px 10px}
.marca{color:#d6b85c;font-size:11px;margin-bottom:3px}
.header h1{margin:0;color:#fff;font-size:25px;line-height:1.1}
.subtitulo{margin:4px 0 0;color:#f4f1e8;font-size:14px;line-height:1.25}

.nav{width:600px;background:#222;padding:7px 10px}
.nav a{display:inline-block;margin-right:10px;color:#d6b85c;text-decoration:none;font-family:Verdana,Arial,sans-serif;font-size:10px;line-height:1.3}

.layout-600{width:600px;border-collapse:collapse;border-spacing:0;table-layout:fixed}
.layout-600>tbody>tr>td{vertical-align:top;padding:0}
.columna-principal{width:450px;padding:16px 18px!important;background:#f4f1e8}
.columna-derecha{width:150px;max-width:150px;padding:14px 10px!important;background:#e8e1cf;border-left:1px solid #d6b85c;overflow:hidden}
.columna-derecha>*{width:126px;max-width:126px;margin-left:auto;margin-right:auto}

h2{color:#6d1f2b;font-family:Georgia,"Palatino Linotype",serif;font-size:22px;line-height:1.15;margin:0 0 8px}
h3{font-family:Georgia,"Palatino Linotype",serif}
p,li{font-family:Georgia,"Palatino Linotype","Book Antiqua",serif;font-size:15px;line-height:1.38}
.presentacion-inicial p,.seccion p,.cierre-profesional p{text-align:justify}

.bloque-foto{text-align:center;margin-bottom:14px}
.foto-presentacion{display:block;width:165px;max-width:100%;height:auto;margin:0 auto 12px;border:1px solid #d6b85c;border-radius:5px;box-shadow:0 3px 10px rgba(0,0,0,.18)}
.bloque-foto p{margin:5px 0 0;font-size:10px;color:#6d1f2b;text-align:center}

.boton-volver-contenedor{width:100%;text-align:center}
.boton-volver-sitio{display:inline-block;padding:10px 20px;margin:10px 0 18px;background:linear-gradient(135deg,#6d1f2b,#8f3040);color:#f4df8a!important;border:1px solid #d6b85c;border-radius:5px;font-family:Verdana,Arial,sans-serif;font-size:13px;font-weight:bold;text-decoration:none!important;box-shadow:0 3px 10px rgba(0,0,0,.25)}

.presentacion-inicial{margin:0 0 16px;padding:13px 14px;background:#eee7d7;border-left:4px solid #6d1f2b;border-right:1px solid #d6b85c;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.presentacion-inicial h2{margin-top:0}
.presentacion-inicial p{margin:0 0 8px}
.presentacion-inicial p:last-child{margin-bottom:0;color:#6d1f2b;font-size:17px;font-style:italic}

.galeria-clinica{margin:18px 0 22px;text-align:center}
.galeria-clinica img{display:block;width:100%;max-width:410px;height:auto;margin:0 auto 14px;border:1px solid #d6b85c;box-shadow:0 3px 10px rgba(0,0,0,.14)}

.bloque-rincon{width:126px;max-width:126px;margin:0 auto 12px;text-align:center}
.imagen-rincon-esencial{display:block;width:126px;max-width:126px;height:auto;margin:9px auto 10px;border:1px solid #d6b85c;border-radius:5px;box-shadow:0 3px 10px rgba(0,0,0,.18)}

.flyer-reserva{width:126px;max-width:126px;min-width:126px;margin:10px auto;padding:9px 6px;background:#333;color:#fff;border:1px solid #d6b85c;border-radius:5px;text-align:center;overflow:hidden}
.flyer-reserva h3{width:100%;margin:0 0 7px;padding:0;color:#f4df8a;font-size:12px;line-height:1.05;text-align:center;white-space:normal}
.flyer-reserva p{width:100%;margin:5px 0;padding:0;color:#fff;font-family:Verdana,Arial,sans-serif;font-size:8px;line-height:1.22;text-align:center;white-space:normal}
.flyer-reserva .reserva,.flyer-reserva .carceles{color:#f4df8a;font-weight:bold}
.flyer-reserva .casos{margin-top:8px;padding-top:7px;border-top:1px solid #d6b85c}

.bloque-qr{width:126px;max-width:126px;margin:12px auto 14px;padding:0;text-align:center}
.qr-salud-mental{display:block;width:105px;height:105px;max-width:105px;margin:8px auto 10px;object-fit:contain;background:#fff}
.bloque-qr p{width:126px;margin:4px auto;font-family:Verdana,Arial,sans-serif;font-size:9px;line-height:1.3;text-align:center}

.bloque-lateral{width:126px;max-width:126px;margin:0 auto 12px;padding-bottom:9px;border-bottom:1px solid rgba(109,31,43,.35);text-align:center;overflow:hidden}
.bloque-lateral h3{margin:0 0 4px;font-size:15px}
.bloque-lateral p,.bloque-lateral a{font-family:Verdana,Arial,sans-serif;font-size:9px;line-height:1.35;text-align:center}

.cierre-profesional{width:410px;max-width:calc(100% - 36px);margin:24px auto 18px;padding:18px;border:1px solid #d6b85c;background:#eee7d7}
.cierre-profesional h2{margin:0 0 14px;color:#6d1f2b;text-align:center}
.cierre-destacado{margin:0 auto 15px;padding:11px 8px;background:#6d1f2b;border:1px solid #d6b85c;color:#fff;text-align:center}
.cierre-destacado strong,.cierre-destacado span{display:block}
.cierre-destacado strong{color:#f4df8a;font-family:Verdana,Arial,sans-serif;font-size:13px}
.cierre-destacado span{margin-top:4px;font-family:Verdana,Arial,sans-serif;font-size:11px}
.contacto-final{text-align:center!important}.contacto-final a{color:#6d1f2b}

footer{width:600px;text-align:center;padding:12px 8px 16px;font-family:Verdana,Arial,sans-serif;font-size:9px;line-height:1.4;color:#555}

@media(max-width:620px){
.cyberfractal-600,.header,.nav,.layout-600,footer{width:100%;max-width:600px}
.layout-600,.layout-600 tbody,.layout-600 tr,.layout-600 td{display:block;width:100%!important}
.columna-principal{padding:16px 14px!important}
.columna-derecha{padding:14px 10px!important;border-left:0;border-top:1px solid #d6b85c}
.columna-derecha>*,.flyer-reserva,.bloque-rincon,.bloque-qr,.bloque-lateral{width:126px;max-width:126px}
.cierre-profesional{width:auto;max-width:calc(100% - 28px);margin-left:14px;margin-right:14px}
}