ppugliese/new_amoryroma
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bordes de cards

Browse Source
This commit is contained in:
ppugliese
2026-09-09 16:18:48 -03:00
parent 2bd993c056
commit aa67caef50
9 changed files with 13 additions and 285 deletions
Download Patch File Download Diff File Expand all files Collapse all files
contacto.html
+1 -40
View File
@@ -9,46 +9,7 @@
</head> </head>
<body> <body>
<header class="site-header"> <div id="header-placeholder"></div>
<div class="container nav-row">
<a href="index.html" class="logo-mark" aria-label="Amor y Roma — inicio">
<svg viewBox="0 0 80 70" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M2 66V34C2 16.3 16.3 2 34 2H46C63.7 2 78 16.3 78 34V66" stroke="var(--accent-blush)" stroke-width="6" fill="none" opacity="0.55"/>
<path d="M14 66V34C14 20.7 24.7 10 38 10H42C55.3 10 66 20.7 66 34V66" stroke="currentColor" stroke-width="6" fill="none"/>
</svg>
<span class="wordmark">amor&amp;roma</span>
</a>
<nav class="nav-links" aria-label="Navegación principal">
<a href="index.html">Inicio</a>
<a href="servicios.html">Servicios</a>
<a href="planes.html">Planes</a>
<a href="portfolio.html">Portfolio</a>
<a href="nosotros.html">Nosotros</a>
<a href="metodo.html">Método</a>
<a href="contacto.html" aria-current="page">Contacto</a>
</nav>
<div class="nav-actions">
<a href="diagnostico.html" class="btn btn-primary">Hablemos</a>
<button class="theme-toggle" data-theme-toggle type="button" aria-label="Cambiar tema claro/oscuro">
<svg class="icon-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></svg>
<svg class="icon-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12.8A9 9 0 1111.2 3a7 7 0 009.8 9.8z"/></svg>
</button>
<button class="nav-toggle" data-nav-toggle type="button" aria-label="Abrir menú" aria-expanded="false">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 7h16M4 12h16M4 17h16"/></svg>
</button>
</div>
</div>
<div class="mobile-menu" data-mobile-menu>
<a href="index.html">Inicio</a>
<a href="servicios.html">Servicios</a>
<a href="planes.html">Planes</a>
<a href="portfolio.html">Portfolio</a>
<a href="nosotros.html">Nosotros</a>
<a href="metodo.html">Método</a>
<a href="diagnostico.html">Diagnóstico</a>
<a href="contacto.html">Contacto</a>
</div>
</header>
<main> <main>
css/styles.css
+5 -4
View File
@@ -353,14 +353,14 @@ html[data-theme="dark"] .theme-toggle .icon-moon { display: block; }
.card { .card {
background: var(--bg-raised); background: var(--bg-raised);
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: var(--radius-arch); border-radius: 24px;
padding: var(--space-3); padding: var(--space-3);
} }
.service-card { .service-card {
background: var(--bg-raised); background: var(--bg-raised);
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: 28px 28px 14px 14px; border-radius: 24px;
padding: var(--space-3); padding: var(--space-3);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -468,12 +468,13 @@ html[data-theme="dark"] .theme-toggle .icon-moon { display: block; }
.duo-columns { .duo-columns {
display: grid; display: grid;
gap: var(--space-3); gap: var(--space-3);
border-radius: 28px; border-radius: 24px;
overflow: hidden; overflow: hidden;
} }
@media (min-width: 780px) { .duo-columns { grid-template-columns: 1fr 1fr; gap: 0; } } @media (min-width: 780px) { .duo-columns { grid-template-columns: 1fr 1fr; gap: 0; } }
.duo-col { .duo-col {
padding: var(--space-4); padding: var(--space-4);
border-radius: 24px;
} }
.duo-col.amor { .duo-col.amor {
background: color-mix(in srgb, var(--accent-amor) 10%, var(--bg-raised)); background: color-mix(in srgb, var(--accent-amor) 10%, var(--bg-raised));
@@ -500,7 +501,7 @@ html[data-theme="dark"] .theme-toggle .icon-moon { display: block; }
.plan-card { .plan-card {
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: 24px 24px 24px 24px; border-radius: 24px;
padding: var(--space-3); padding: var(--space-3);
background: var(--bg-raised); background: var(--bg-raised);
display: flex; flex-direction: column; gap: var(--space-2); display: flex; flex-direction: column; gap: var(--space-2);
diagnostico.html
+1 -40
View File
@@ -9,46 +9,7 @@
</head> </head>
<body> <body>
<header class="site-header"> <div id="header-placeholder"></div>
<div class="container nav-row">
<a href="index.html" class="logo-mark" aria-label="Amor y Roma — inicio">
<svg viewBox="0 0 80 70" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M2 66V34C2 16.3 16.3 2 34 2H46C63.7 2 78 16.3 78 34V66" stroke="var(--accent-blush)" stroke-width="6" fill="none" opacity="0.55"/>
<path d="M14 66V34C14 20.7 24.7 10 38 10H42C55.3 10 66 20.7 66 34V66" stroke="currentColor" stroke-width="6" fill="none"/>
</svg>
<span class="wordmark">amor&amp;roma</span>
</a>
<nav class="nav-links" aria-label="Navegación principal">
<a href="index.html">Inicio</a>
<a href="servicios.html">Servicios</a>
<a href="planes.html">Planes</a>
<a href="portfolio.html">Portfolio</a>
<a href="nosotros.html">Nosotros</a>
<a href="metodo.html">Método</a>
<a href="contacto.html">Contacto</a>
</nav>
<div class="nav-actions">
<a href="diagnostico.html" class="btn btn-primary" aria-current="page">Encontrá tu solución</a>
<button class="theme-toggle" data-theme-toggle type="button" aria-label="Cambiar tema claro/oscuro">
<svg class="icon-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></svg>
<svg class="icon-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12.8A9 9 0 1111.2 3a7 7 0 009.8 9.8z"/></svg>
</button>
<button class="nav-toggle" data-nav-toggle type="button" aria-label="Abrir menú" aria-expanded="false">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 7h16M4 12h16M4 17h16"/></svg>
</button>
</div>
</div>
<div class="mobile-menu" data-mobile-menu>
<a href="index.html">Inicio</a>
<a href="servicios.html">Servicios</a>
<a href="planes.html">Planes</a>
<a href="portfolio.html">Portfolio</a>
<a href="nosotros.html">Nosotros</a>
<a href="metodo.html">Método</a>
<a href="diagnostico.html">Diagnóstico</a>
<a href="contacto.html">Contacto</a>
</div>
</header>
<main> <main>
<section class="section-tight"> <section class="section-tight">
metodo.html
+1 -40
View File
@@ -9,46 +9,7 @@
</head> </head>
<body> <body>
<header class="site-header"> <div id="header-placeholder"></div>
<div class="container nav-row">
<a href="index.html" class="logo-mark" aria-label="Amor y Roma — inicio">
<svg viewBox="0 0 80 70" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M2 66V34C2 16.3 16.3 2 34 2H46C63.7 2 78 16.3 78 34V66" stroke="var(--accent-blush)" stroke-width="6" fill="none" opacity="0.55"/>
<path d="M14 66V34C14 20.7 24.7 10 38 10H42C55.3 10 66 20.7 66 34V66" stroke="currentColor" stroke-width="6" fill="none"/>
</svg>
<span class="wordmark">amor&amp;roma</span>
</a>
<nav class="nav-links" aria-label="Navegación principal">
<a href="index.html">Inicio</a>
<a href="servicios.html">Servicios</a>
<a href="planes.html">Planes</a>
<a href="portfolio.html">Portfolio</a>
<a href="nosotros.html">Nosotros</a>
<a href="metodo.html" aria-current="page">Método</a>
<a href="contacto.html">Contacto</a>
</nav>
<div class="nav-actions">
<a href="diagnostico.html" class="btn btn-primary">Hablemos</a>
<button class="theme-toggle" data-theme-toggle type="button" aria-label="Cambiar tema claro/oscuro">
<svg class="icon-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></svg>
<svg class="icon-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12.8A9 9 0 1111.2 3a7 7 0 009.8 9.8z"/></svg>
</button>
<button class="nav-toggle" data-nav-toggle type="button" aria-label="Abrir menú" aria-expanded="false">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 7h16M4 12h16M4 17h16"/></svg>
</button>
</div>
</div>
<div class="mobile-menu" data-mobile-menu>
<a href="index.html">Inicio</a>
<a href="servicios.html">Servicios</a>
<a href="planes.html">Planes</a>
<a href="portfolio.html">Portfolio</a>
<a href="nosotros.html">Nosotros</a>
<a href="metodo.html">Método</a>
<a href="diagnostico.html">Diagnóstico</a>
<a href="contacto.html">Contacto</a>
</div>
</header>
<main> <main>
nosotros.html
+1 -40
View File
@@ -9,46 +9,7 @@
</head> </head>
<body> <body>
<header class="site-header"> <div id="header-placeholder"></div>
<div class="container nav-row">
<a href="index.html" class="logo-mark" aria-label="Amor y Roma — inicio">
<svg viewBox="0 0 80 70" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M2 66V34C2 16.3 16.3 2 34 2H46C63.7 2 78 16.3 78 34V66" stroke="var(--accent-blush)" stroke-width="6" fill="none" opacity="0.55"/>
<path d="M14 66V34C14 20.7 24.7 10 38 10H42C55.3 10 66 20.7 66 34V66" stroke="currentColor" stroke-width="6" fill="none"/>
</svg>
<span class="wordmark">amor&amp;roma</span>
</a>
<nav class="nav-links" aria-label="Navegación principal">
<a href="index.html">Inicio</a>
<a href="servicios.html">Servicios</a>
<a href="planes.html">Planes</a>
<a href="portfolio.html">Portfolio</a>
<a href="nosotros.html" aria-current="page">Nosotros</a>
<a href="metodo.html">Método</a>
<a href="contacto.html">Contacto</a>
</nav>
<div class="nav-actions">
<a href="diagnostico.html" class="btn btn-primary">Hablemos</a>
<button class="theme-toggle" data-theme-toggle type="button" aria-label="Cambiar tema claro/oscuro">
<svg class="icon-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></svg>
<svg class="icon-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12.8A9 9 0 1111.2 3a7 7 0 009.8 9.8z"/></svg>
</button>
<button class="nav-toggle" data-nav-toggle type="button" aria-label="Abrir menú" aria-expanded="false">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 7h16M4 12h16M4 17h16"/></svg>
</button>
</div>
</div>
<div class="mobile-menu" data-mobile-menu>
<a href="index.html">Inicio</a>
<a href="servicios.html">Servicios</a>
<a href="planes.html">Planes</a>
<a href="portfolio.html">Portfolio</a>
<a href="nosotros.html">Nosotros</a>
<a href="metodo.html">Método</a>
<a href="diagnostico.html">Diagnóstico</a>
<a href="contacto.html">Contacto</a>
</div>
</header>
<main> <main>
partials/header.html
+1 -1
View File
@@ -14,7 +14,7 @@
<a href="contacto.html">Contacto</a> <a href="contacto.html">Contacto</a>
</nav> </nav>
<div class="nav-actions"> <div class="nav-actions">
<a href="contact.html" class="btn btn-primary">Hablemos</a> <a href="contacto.html" class="btn btn-primary">Hablemos</a>
<button class="theme-toggle" data-theme-toggle type="button" aria-label="Cambiar tema claro/oscuro"> <button class="theme-toggle" data-theme-toggle type="button" aria-label="Cambiar tema claro/oscuro">
<svg class="icon-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></svg> <svg class="icon-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></svg>
<svg class="icon-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12.8A9 9 0 1111.2 3a7 7 0 009.8 9.8z"/></svg> <svg class="icon-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12.8A9 9 0 1111.2 3a7 7 0 009.8 9.8z"/></svg>
planes.html
+1 -40
View File
@@ -9,46 +9,7 @@
</head> </head>
<body> <body>
<header class="site-header"> <div id="header-placeholder"></div>
<div class="container nav-row">
<a href="index.html" class="logo-mark" aria-label="Amor y Roma — inicio">
<svg viewBox="0 0 80 70" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M2 66V34C2 16.3 16.3 2 34 2H46C63.7 2 78 16.3 78 34V66" stroke="var(--accent-blush)" stroke-width="6" fill="none" opacity="0.55"/>
<path d="M14 66V34C14 20.7 24.7 10 38 10H42C55.3 10 66 20.7 66 34V66" stroke="currentColor" stroke-width="6" fill="none"/>
</svg>
<span class="wordmark">amor&amp;roma</span>
</a>
<nav class="nav-links" aria-label="Navegación principal">
<a href="index.html">Inicio</a>
<a href="servicios.html">Servicios</a>
<a href="planes.html" aria-current="page">Planes</a>
<a href="portfolio.html">Portfolio</a>
<a href="nosotros.html">Nosotros</a>
<a href="metodo.html">Método</a>
<a href="contacto.html">Contacto</a>
</nav>
<div class="nav-actions">
<a href="diagnostico.html" class="btn btn-primary">Hablemos</a>
<button class="theme-toggle" data-theme-toggle type="button" aria-label="Cambiar tema claro/oscuro">
<svg class="icon-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></svg>
<svg class="icon-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12.8A9 9 0 1111.2 3a7 7 0 009.8 9.8z"/></svg>
</button>
<button class="nav-toggle" data-nav-toggle type="button" aria-label="Abrir menú" aria-expanded="false">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 7h16M4 12h16M4 17h16"/></svg>
</button>
</div>
</div>
<div class="mobile-menu" data-mobile-menu>
<a href="index.html">Inicio</a>
<a href="servicios.html">Servicios</a>
<a href="planes.html">Planes</a>
<a href="portfolio.html">Portfolio</a>
<a href="nosotros.html">Nosotros</a>
<a href="metodo.html">Método</a>
<a href="diagnostico.html">Diagnóstico</a>
<a href="contacto.html">Contacto</a>
</div>
</header>
<main> <main>
portfolio.html
+1 -40
View File
@@ -9,46 +9,7 @@
</head> </head>
<body> <body>
<header class="site-header"> <div id="header-placeholder"></div>
<div class="container nav-row">
<a href="index.html" class="logo-mark" aria-label="Amor y Roma — inicio">
<svg viewBox="0 0 80 70" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M2 66V34C2 16.3 16.3 2 34 2H46C63.7 2 78 16.3 78 34V66" stroke="var(--accent-blush)" stroke-width="6" fill="none" opacity="0.55"/>
<path d="M14 66V34C14 20.7 24.7 10 38 10H42C55.3 10 66 20.7 66 34V66" stroke="currentColor" stroke-width="6" fill="none"/>
</svg>
<span class="wordmark">amor&amp;roma</span>
</a>
<nav class="nav-links" aria-label="Navegación principal">
<a href="index.html">Inicio</a>
<a href="servicios.html">Servicios</a>
<a href="planes.html">Planes</a>
<a href="portfolio.html" aria-current="page">Portfolio</a>
<a href="nosotros.html">Nosotros</a>
<a href="metodo.html">Método</a>
<a href="contacto.html">Contacto</a>
</nav>
<div class="nav-actions">
<a href="diagnostico.html" class="btn btn-primary">Hablemos</a>
<button class="theme-toggle" data-theme-toggle type="button" aria-label="Cambiar tema claro/oscuro">
<svg class="icon-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></svg>
<svg class="icon-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12.8A9 9 0 1111.2 3a7 7 0 009.8 9.8z"/></svg>
</button>
<button class="nav-toggle" data-nav-toggle type="button" aria-label="Abrir menú" aria-expanded="false">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 7h16M4 12h16M4 17h16"/></svg>
</button>
</div>
</div>
<div class="mobile-menu" data-mobile-menu>
<a href="index.html">Inicio</a>
<a href="servicios.html">Servicios</a>
<a href="planes.html">Planes</a>
<a href="portfolio.html">Portfolio</a>
<a href="nosotros.html">Nosotros</a>
<a href="metodo.html">Método</a>
<a href="diagnostico.html">Diagnóstico</a>
<a href="contacto.html">Contacto</a>
</div>
</header>
<main> <main>
servicios.html
+1 -40
View File
@@ -9,46 +9,7 @@
</head> </head>
<body> <body>
<header class="site-header"> <div id="header-placeholder"></div>
<div class="container nav-row">
<a href="index.html" class="logo-mark" aria-label="Amor y Roma — inicio">
<svg viewBox="0 0 80 70" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M2 66V34C2 16.3 16.3 2 34 2H46C63.7 2 78 16.3 78 34V66" stroke="var(--accent-blush)" stroke-width="6" fill="none" opacity="0.55"/>
<path d="M14 66V34C14 20.7 24.7 10 38 10H42C55.3 10 66 20.7 66 34V66" stroke="currentColor" stroke-width="6" fill="none"/>
</svg>
<span class="wordmark">amor&amp;roma</span>
</a>
<nav class="nav-links" aria-label="Navegación principal">
<a href="index.html">Inicio</a>
<a href="servicios.html" aria-current="page">Servicios</a>
<a href="planes.html">Planes</a>
<a href="portfolio.html">Portfolio</a>
<a href="nosotros.html">Nosotros</a>
<a href="metodo.html">Método</a>
<a href="contacto.html">Contacto</a>
</nav>
<div class="nav-actions">
<a href="diagnostico.html" class="btn btn-primary">Hablemos</a>
<button class="theme-toggle" data-theme-toggle type="button" aria-label="Cambiar tema claro/oscuro">
<svg class="icon-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></svg>
<svg class="icon-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12.8A9 9 0 1111.2 3a7 7 0 009.8 9.8z"/></svg>
</button>
<button class="nav-toggle" data-nav-toggle type="button" aria-label="Abrir menú" aria-expanded="false">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 7h16M4 12h16M4 17h16"/></svg>
</button>
</div>
</div>
<div class="mobile-menu" data-mobile-menu>
<a href="index.html">Inicio</a>
<a href="servicios.html">Servicios</a>
<a href="planes.html">Planes</a>
<a href="portfolio.html">Portfolio</a>
<a href="nosotros.html">Nosotros</a>
<a href="metodo.html">Método</a>
<a href="diagnostico.html">Diagnóstico</a>
<a href="contacto.html">Contacto</a>
</div>
</header>
<main> <main>