chore: confirmar eliminación de archivos sueltos de raíz (ya en otros/)
This commit is contained in:
Binary file not shown.
|
Before Width: | Height: | Size: 29 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 535 B |
@@ -1,253 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang="es">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
<title>Tarjeta de Presentación | Patricia Flores</title>
|
|
||||||
<style>
|
|
||||||
:root {
|
|
||||||
--bg: #f3efe7;
|
|
||||||
--card: #0f1923;
|
|
||||||
--card-soft: #162433;
|
|
||||||
--text: #f5f3ef;
|
|
||||||
--muted: rgba(245, 243, 239, 0.72);
|
|
||||||
--accent: #c6a56f;
|
|
||||||
--line: rgba(255, 255, 255, 0.12);
|
|
||||||
--radius: 28px;
|
|
||||||
--shadow: 0 28px 70px rgba(15, 25, 35, 0.22);
|
|
||||||
}
|
|
||||||
|
|
||||||
* { box-sizing: border-box; }
|
|
||||||
|
|
||||||
body {
|
|
||||||
margin: 0;
|
|
||||||
min-height: 100vh;
|
|
||||||
display: grid;
|
|
||||||
place-items: center;
|
|
||||||
padding: 2rem;
|
|
||||||
background:
|
|
||||||
radial-gradient(circle at top left, rgba(198, 165, 111, 0.22), transparent 28%),
|
|
||||||
linear-gradient(180deg, #f8f5ef 0%, var(--bg) 100%);
|
|
||||||
font-family: "Segoe UI", Arial, sans-serif;
|
|
||||||
color: var(--text);
|
|
||||||
}
|
|
||||||
|
|
||||||
.card {
|
|
||||||
width: min(100%, 980px);
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 1.15fr 0.85fr;
|
|
||||||
gap: 1.4rem;
|
|
||||||
padding: 1.5rem;
|
|
||||||
border-radius: 34px;
|
|
||||||
background: linear-gradient(145deg, var(--card) 0%, var(--card-soft) 100%);
|
|
||||||
box-shadow: var(--shadow);
|
|
||||||
}
|
|
||||||
|
|
||||||
.panel {
|
|
||||||
border: 1px solid var(--line);
|
|
||||||
border-radius: var(--radius);
|
|
||||||
background: rgba(255, 255, 255, 0.03);
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.identity {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 180px 1fr;
|
|
||||||
gap: 1.25rem;
|
|
||||||
padding: 1.25rem;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.identity img {
|
|
||||||
width: 100%;
|
|
||||||
aspect-ratio: 1 / 1.1;
|
|
||||||
object-fit: cover;
|
|
||||||
border-radius: 22px;
|
|
||||||
border: 1px solid var(--line);
|
|
||||||
}
|
|
||||||
|
|
||||||
.eyebrow {
|
|
||||||
margin: 0 0 0.6rem;
|
|
||||||
color: var(--accent);
|
|
||||||
font-size: 0.78rem;
|
|
||||||
font-weight: 700;
|
|
||||||
letter-spacing: 0.18em;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
margin: 0;
|
|
||||||
font: 700 clamp(2rem, 4vw, 3rem) Georgia, serif;
|
|
||||||
line-height: 0.95;
|
|
||||||
}
|
|
||||||
|
|
||||||
.role {
|
|
||||||
margin: 0.85rem 0 0;
|
|
||||||
color: var(--muted);
|
|
||||||
font-size: 1.02rem;
|
|
||||||
line-height: 1.55;
|
|
||||||
}
|
|
||||||
|
|
||||||
.highlights {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
||||||
gap: 0.8rem;
|
|
||||||
padding: 0 1.25rem 1.25rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.metric {
|
|
||||||
padding: 0.95rem;
|
|
||||||
border: 1px solid var(--line);
|
|
||||||
border-radius: 20px;
|
|
||||||
background: rgba(255, 255, 255, 0.03);
|
|
||||||
}
|
|
||||||
|
|
||||||
.metric strong {
|
|
||||||
display: block;
|
|
||||||
margin-bottom: 0.35rem;
|
|
||||||
color: var(--accent);
|
|
||||||
font-size: 1.25rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.metric span {
|
|
||||||
color: var(--muted);
|
|
||||||
font-size: 0.9rem;
|
|
||||||
line-height: 1.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.contact {
|
|
||||||
display: grid;
|
|
||||||
gap: 0.8rem;
|
|
||||||
padding: 1.25rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.contact a,
|
|
||||||
.contact p {
|
|
||||||
margin: 0;
|
|
||||||
color: var(--text);
|
|
||||||
text-decoration: none;
|
|
||||||
line-height: 1.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.contact p span {
|
|
||||||
display: block;
|
|
||||||
color: var(--muted);
|
|
||||||
font-size: 0.84rem;
|
|
||||||
letter-spacing: 0.08em;
|
|
||||||
text-transform: uppercase;
|
|
||||||
margin-bottom: 0.15rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.qr-panel {
|
|
||||||
display: grid;
|
|
||||||
align-content: space-between;
|
|
||||||
padding: 1.25rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.qr-wrap {
|
|
||||||
display: grid;
|
|
||||||
gap: 1rem;
|
|
||||||
justify-items: center;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.qr-wrap img {
|
|
||||||
width: min(100%, 250px);
|
|
||||||
padding: 0.9rem;
|
|
||||||
border-radius: 24px;
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.qr-wrap p {
|
|
||||||
margin: 0;
|
|
||||||
color: var(--muted);
|
|
||||||
line-height: 1.6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.url {
|
|
||||||
color: var(--accent);
|
|
||||||
font-weight: 700;
|
|
||||||
word-break: break-word;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer {
|
|
||||||
padding-top: 1rem;
|
|
||||||
border-top: 1px solid var(--line);
|
|
||||||
color: var(--muted);
|
|
||||||
font-size: 0.92rem;
|
|
||||||
line-height: 1.6;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 820px) {
|
|
||||||
.card,
|
|
||||||
.identity {
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
}
|
|
||||||
|
|
||||||
.highlights {
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media print {
|
|
||||||
body {
|
|
||||||
padding: 0;
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card {
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<main class="card">
|
|
||||||
<section class="panel">
|
|
||||||
<div class="identity">
|
|
||||||
<img src="img-pflores.jpeg" alt="Patricia Soledad Flores Sánchez">
|
|
||||||
<div>
|
|
||||||
<p class="eyebrow">Tarjeta de presentación</p>
|
|
||||||
<h1>Patricia Soledad Flores Sánchez</h1>
|
|
||||||
<p class="role">Gerente / Jefa de Operaciones Financieras | Sector financiero y microfinanzas</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="highlights">
|
|
||||||
<article class="metric">
|
|
||||||
<strong>22+</strong>
|
|
||||||
<span>Años de trayectoria en banca y microfinanzas.</span>
|
|
||||||
</article>
|
|
||||||
<article class="metric">
|
|
||||||
<strong>26</strong>
|
|
||||||
<span>Agencias bajo liderazgo operativo a nivel nacional.</span>
|
|
||||||
</article>
|
|
||||||
<article class="metric">
|
|
||||||
<strong>48</strong>
|
|
||||||
<span>Personas coordinadas en la estructura operativa.</span>
|
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="contact">
|
|
||||||
<p><span>Correo</span><a href="mailto:patricflorsanchez@gmail.com">patricflorsanchez@gmail.com</a></p>
|
|
||||||
<p><span>Teléfono</span><a href="tel:+593994698405">+593 99 469 8405</a></p>
|
|
||||||
<p><span>Ubicación</span>Loja, Ecuador</p>
|
|
||||||
<p><span>LinkedIn</span><a href="https://linkedin.com/in/patricia-soledad-flores-sanchez-43b84418">linkedin.com/in/patricia-soledad-flores-sanchez-43b84418</a></p>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<aside class="panel qr-panel">
|
|
||||||
<div class="qr-wrap">
|
|
||||||
<p class="eyebrow">Perfil web</p>
|
|
||||||
<img src="tarjeta-patricia-flores-qr.png" alt="Código QR hacia pflres.linkedcorp.net">
|
|
||||||
<p>Escanea el código QR para abrir el perfil profesional online.</p>
|
|
||||||
<p class="url">https://pflres.linkedcorp.net</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="footer">
|
|
||||||
Ejecutiva financiera con enfoque en operaciones, transformación digital, control interno y liderazgo de equipos multidisciplinarios.
|
|
||||||
</div>
|
|
||||||
</aside>
|
|
||||||
</main>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
Reference in New Issue
Block a user