/* Extraído tal cual del <style> embebido en sobre-mi.html (bloques "Dos influencias" y "Qué hago hoy"). */
.dos-section{
  position:relative;
  padding:110px 0 100px;
  background:
    radial-gradient(60% 55% at 50% 0%, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0) 60%),
    linear-gradient(180deg,#0a0a0a 0%,#141414 100%);
  overflow:hidden;
}
.dos-section::before{
  content:"";
  position:absolute; inset:0;
  background-image:linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(60% 55% at 50% 15%, #000 0%, transparent 75%);
  pointer-events:none;
}
.dos-wrap{ position:relative; max-width:1000px; margin:0 auto; padding:0 24px; }
.dos-head{ max-width:620px; margin-bottom:52px; }
.dos-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-family:'Inter',sans-serif; font-size:12.5px; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase; color:#f2f2f2;
  margin-bottom:18px;
}
.dos-eyebrow::before{ content:""; width:26px; height:1px; background:#f2f2f2; display:inline-block; }
.dos-head h2{
  font-family:'Fraunces',serif; font-weight:400; font-style:italic;
  font-size:clamp(30px,3.8vw,42px); line-height:1.18; color:#f5f5f5; margin:0;
}

.dos-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:0;
  position:relative;
  border:1px solid rgba(255,255,255,0.12);
  border-radius:4px; overflow:hidden;
}
.dos-card{
  position:relative;
  padding:40px 36px;
  background:rgba(255,255,255,0.02);
  transition:background .4s ease;
}
.dos-card:first-child{ border-right:1px solid rgba(255,255,255,0.12); }
.dos-card:hover{ background:rgba(255,255,255,0.055); }
.dos-icon{
  width:48px; height:48px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.25);
  color:#f5f5f5; margin-bottom:24px; font-size:22px;
}
.dos-card h4{
  font-family:'Fraunces',serif; font-weight:500; font-size:18.5px; color:#f5f5f5;
  margin:0 0 12px; line-height:1.3;
}
.dos-card p{
  font-family:'Inter',sans-serif; font-size:14px; line-height:1.75; color:#9a9a9a;
  margin:0;
}
.dos-join{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:38px; height:38px; border-radius:50%;
  background:#0a0a0a; border:1px solid rgba(255,255,255,0.25);
  display:flex; align-items:center; justify-content:center;
  font-family:'Fraunces',serif; font-style:italic; font-size:16px; color:#f5f5f5;
  z-index:2;
}
@media (max-width:768px){ .dos-join{ display:none; } }

.dos-synthesis{
  margin-top:36px;
  padding:34px 38px;
  border:1px solid rgba(255,255,255,0.12);
  border-radius:4px;
  background:linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.01));
}
.dos-synthesis .dos-eyebrow{ margin-bottom:14px; }
.dos-synthesis p{
  font-family:'Inter',sans-serif; font-size:15px; line-height:1.8; color:#b8b8b8; margin:0;
}
.dos-synthesis strong{ color:#f5f5f5; font-weight:600; }

@media (max-width:768px){
  .dos-section{ padding:72px 0; }
  .dos-grid{ grid-template-columns:1fr; }
  .dos-card:first-child{ border-right:none; border-bottom:1px solid rgba(255,255,255,0.12); }
  .dos-synthesis{ padding:26px 24px; }
}

.sf-section{
  position:relative;
  padding:110px 0 100px;
  background:
    radial-gradient(65% 55% at 85% 0%, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0) 60%),
    radial-gradient(55% 45% at 0% 100%, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0) 60%),
    linear-gradient(180deg,#0a0a0a 0%,#141414 100%);
  overflow:hidden;
}
.sf-section::before{
  content:"";
  position:absolute; inset:0;
  background-image:linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(60% 55% at 50% 15%, #000 0%, transparent 75%);
  pointer-events:none;
}
.sf-wrap{ position:relative; max-width:1180px; margin:0 auto; padding:0 24px; }
.sf-head{ max-width:640px; margin-bottom:52px; }
.sf-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-family:'Inter',sans-serif; font-size:12.5px; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase; color:#f2f2f2;
  margin-bottom:18px;
}
.sf-eyebrow::before{ content:""; width:26px; height:1px; background:#f2f2f2; display:inline-block; }
.sf-head h2{
  font-family:'Fraunces',serif; font-weight:400; font-style:italic;
  font-size:clamp(30px,3.8vw,42px); line-height:1.18; color:#f5f5f5; margin:0;
}

.sf-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
  gap:18px;
}
.sf-card{
  position:relative;
  display:flex; flex-direction:column;
  padding:30px 26px 26px;
  background:linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.012));
  border:1px solid rgba(255,255,255,0.1);
  border-radius:4px;
  overflow:hidden;
  transition:transform .4s cubic-bezier(.16,1,.3,1), border-color .4s ease, background .4s ease;
}
.sf-card:hover{
  transform:translateY(-5px);
  border-color:rgba(255,255,255,0.35);
  background:linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
}
.sf-icon{
  width:44px; height:44px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,0.07); border:1px solid rgba(255,255,255,0.25);
  color:#f5f5f5; margin-bottom:22px; font-size:21px;
  transition:background .35s ease, color .35s ease;
}
.sf-card:hover .sf-icon{ background:#f5f5f5; color:#0a0a0a; }
.sf-card h4{
  font-family:'Fraunces',serif; font-weight:500; font-size:17.5px; color:#f5f5f5;
  margin:0 0 10px; line-height:1.32;
}
.sf-card p{
  font-family:'Inter',sans-serif; font-size:13.5px; line-height:1.65; color:#9a9a9a;
  margin:0;
}

@media (max-width:768px){
  .sf-section{ padding:72px 0; }
  .sf-grid{ grid-template-columns:repeat(auto-fit, minmax(150px,1fr)); gap:14px; }
  .sf-card{ padding:24px 20px 20px; }
}

/* ---------- CEO Y DIRECCION ---------- */
.ceo-section .lead-block{ margin-bottom:40px; }
.ceo-section .lead-block p + p{ margin-top:22px; }
.ceo-cierre{
  max-width:820px; margin:0 0 34px;
  padding:6px 0 6px 26px; border-left:2px solid var(--black);
  font-family:var(--serif); font-size:clamp(20px,2.2vw,26px); font-weight:600; line-height:1.4;
  color:var(--black);
}
.ceo-firma{ display:flex; flex-direction:column; gap:6px; }
.ceo-firma strong{
  font-size:12px; letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:var(--black);
}
.ceo-firma span{ font-size:14px; color:var(--grey-700); }
@media (max-width:768px){
  .ceo-cierre{ padding-left:18px; }
}